/* Readability layer. Preserve the Atlas's art direction; make its UI legible.
   Loaded last so view-specific tiny text cannot override the shared controls. */
:root {
  --parchment-3:#BDB5A5;
  --parchment-4:#ADA595;
  --read-control-border:#827C70;
}

/* Functional controls use the reading typeface, not tracked uppercase metadata. */
.chip,.chip.chip-sm,.canon-fbtn,.dom-toggle,.sort-select {
  font-family:var(--font-body);
  font-size:15px;
  font-weight:400;
  line-height:1.45;
  letter-spacing:0;
  text-transform:none;
  color:var(--parchment);
  opacity:1;
  min-height:44px;
}
.chip,.chip.chip-sm,.canon-fbtn {
  padding:11px 16px;
  background:var(--ink-900);
  border-color:var(--read-control-border);
}
.chip:hover,.chip.chip-sm:hover,.canon-fbtn:hover {
  border-color:var(--gold-100);
  background:var(--ink-800);
}
.chip.active,.chip.chip-sm.active,.canon-fbtn.active {
  color:var(--void);
  background:var(--grad-gold);
  border-color:var(--gold);
  box-shadow:none;
}
.chip .chip-n,.chip.active .chip-n {
  font:400 13px/1.4 var(--font-body);
  color:inherit;
  opacity:1;
  margin-left:9px;
}
.vfb-label,.sort-label {
  display:inline-block;
  font:400 14px/1.5 var(--font-body);
  text-transform:none;
  letter-spacing:0;
  color:var(--parchment-2);
  opacity:1;
}
.field,.sort-select,.atlas-search-kind-select {
  font-size:16px;
  font-weight:400;
  border-color:var(--read-control-border);
  color:var(--parchment);
  min-height:48px;
}
.field::placeholder {color:var(--parchment-3);opacity:1}
.field-wrap svg {color:var(--parchment-2)}
.chip:focus-visible,.canon-fbtn:focus-visible,.sort-select:focus-visible,
.field:focus-visible,.dom-toggle:focus-visible,.btn:focus-visible,
.atlas-word-select:focus-visible,.save-btn:focus-visible {
  outline:3px solid var(--gold-100);
  outline-offset:4px;
}

/* Quotes: two explicit fields replace two walls of filter pills. */
.atlas-word-filters {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:20px;
  padding:22px;
  margin:0 0 20px;
  background:var(--ink-900);
  border:1px solid var(--ink-600);
  border-radius:var(--r-lg);
}
.atlas-word-filters label {
  display:grid;
  gap:9px;
  color:var(--parchment-2);
  font:400 15px/1.5 var(--font-body);
}
.atlas-word-select {
  min-width:0;
  width:100%;
  min-height:50px;
  padding:11px 12px;
  color:var(--parchment);
  background:var(--ink-800);
  border:1px solid var(--read-control-border);
  border-radius:var(--r-md);
  font:400 16px/1.5 var(--font-body);
}
.atlas-word-status {
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;flex-wrap:wrap;margin:0 0 28px;
  color:var(--parchment-2);font-size:15px;
}
.atlas-word-more {display:block;margin:30px auto;min-height:48px}
.atlas-word-more[hidden],#word-reset[hidden] {display:none}

/* Attribution and supporting information should be readable without zooming. */
.word-card .w-text {font-weight:400;font-size:1.4rem;line-height:1.65}
.word-card .w-attr {font:400 15px/1.6 var(--font-body);color:var(--teal-100);letter-spacing:0}
.word-card .w-theme {font:400 14px/1.6 var(--font-body);color:var(--parchment-3);letter-spacing:0;text-transform:none}
.card .card-eyebrow,.s-kind,.canon-bdg,.canon-fam,.canon-lab,
.media-link .mtype,.media-link .msrc,.canon-eyebrow span,.canon-rb span,
.res-row .rr-en,.canon-yr,.canon-sec-sub {
  font-size:13px;line-height:1.5;letter-spacing:.02em;
  color:var(--parchment-3);opacity:1;text-transform:none;
}
.s-kind {min-width:80px}
.card .card-body,.s-result .s-sub {font-size:16px;line-height:1.65;color:var(--parchment-2)}
.section-label {font-size:13px;letter-spacing:.12em;line-height:1.6}
.body-rich,.prose {font-size:1.125rem;line-height:1.85;font-weight:400}
.save-btn.save-float {opacity:1;min-width:44px;min-height:44px;border-color:var(--read-control-border)}
.sort-wrap {flex-wrap:wrap}

@media(max-width:680px){
  .atlas-word-filters{grid-template-columns:1fr;padding:18px;gap:17px}
  .atlas-search-kinds .chip{font-size:15px;padding:11px 16px}
  .chip-row{gap:9px}
  .word-card .w-text{font-size:1.3rem}
  .word-card--feature .w-text{font-size:1.5rem}
  .search-view .s-result{grid-template-columns:86px minmax(0,1fr)}
}

.words-grid[data-single="true"]{columns:1;max-width:760px;margin-inline:auto}
.words-grid[data-single="true"] .word-card{padding:36px}
.primary-nav a{font-size:12px;letter-spacing:.1em;color:var(--parchment-2)}
.footer-nav a{font-size:13px;letter-spacing:.04em;line-height:1.7;color:var(--parchment-3)}
.voice-card .v-era,.count-line,.backlink{font-size:13px;letter-spacing:.04em;line-height:1.6;color:var(--parchment-3)}
@media(max-width:680px){.words-grid[data-single="true"] .word-card{padding:28px 24px}}

/* Keep sound available after the footer without covering phone content. */
@media(max-width:680px){.amb{position:relative;right:auto;bottom:auto;width:fit-content;margin:0 20px 24px auto}.amb-panel{max-width:calc(100vw - 40px)}}