/* ==========================================================================
   ABUSHAIKHA HOSPITALITY CONSULTANCY — v8.0 overrides
   Loaded after style.css + extras.css. Additive only: nothing here rewrites
   layout. Every rule traces to a finding in the 2026-10-28 audit.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CONTRAST — WCAG 2.2 AA (1.4.3). Ratios measured, not estimated.
   #7a8b7e on cream = 3.20:1  ->  FAIL  -> #5b6b5f = 5.01:1  PASS
   #7a807a on cream = 3.58:1  ->  FAIL  -> #4E554D = 6.82:1  PASS
   #9b8657 on cream = 3.13:1  ->  FAIL  -> #7A5F22 = 5.34:1  PASS
   Fixes F-A11Y-01.
   -------------------------------------------------------------------------- */
:root{
  --v8-mut-soft:#5b6b5f;   /* was #7a8b7e */
  --v8-mut-strong:#4E554D; /* was #7a807a */
  --v8-gold-safe:#7A5F22;  /* was #9b8657 */
  --v8-mut-on-dark:#BFCFC6;    /* 9.75:1 on footer #07281b */
  --v8-mut-on-dark-2:#A6BAAF;  /* 7.73:1 on footer #07281b */
}

/* Surfaces matter. The muted values above are measured against cream/white.
   The footer is #07281b, so it needs the inverse: light text on dark. */
footer#ft,
footer#ft p,
footer#ft .fbrand,
footer#ft .legal,
footer#ft .legal span,
footer#ft a{
  color:var(--v8-mut-on-dark);       /* #BFCFC6 — 9.75:1 on #07281b */
}
footer#ft .legal{
  opacity:1;                          /* was .7, which dropped 9.75 to ~4.0 */
  color:var(--v8-mut-on-dark-2);      /* #A6BAAF — 7.73:1 */
}
footer#ft a:hover,
footer#ft a:focus-visible{
  color:var(--gold);                  /* 6.73:1 on the footer surface */
  text-decoration:underline;
  text-underline-offset:3px;
}
/* gate + consent fine print sits on light cards */
#ah-gate .consent,
#ah-gate .consent span,
.ah-consent,
.consent,
.consent label,
label[for="af-consent"],
label[for="consent"]{
  color:var(--v8-mut-strong);
  opacity:1;
}
#ah-gate .consent a,
.consent a,
label[for="af-consent"] a{
  color:var(--v8-gold-safe);
  text-decoration:underline;
  text-underline-offset:2px;
}
/* dark bands elsewhere on the page use the same light muted tone */
.bg-verde .mut,
.bg-verde small,
.bg-verde .eyebrow,
.hero-img .tag,
.band .mut{
  color:var(--v8-mut-on-dark);
}

/* --------------------------------------------------------------------------
   2. TAP TARGETS — WCAG 2.2 AA (2.5.8, 24x24 minimum; 44x44 preferred).
   Measured: 21–22px high inline CTAs. Fixes F-A11Y-03.
   -------------------------------------------------------------------------- */
nav#nv > a,
nav#nv .it > a,
nav#nv .drop a,
#mm a,
#mm .sub,
footer#ft a,
.tools button,
.tools a,
.signin{
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
footer#ft a{
  min-height:40px;
}
nav#nv .drop a{
  min-height:44px;
  padding-block:10px;
}
/* comfortable hit area for small inline links in body copy */
p a,li a,main a:not(.btn):not(.cta){
  padding-block:2px;
}

/* --------------------------------------------------------------------------
   3. TYPE SCALE — floor at 13px. Measured: 9px and .66rem present in CSS.
   Owner-buyer demographic skews 45+, often viewing on phones. Fixes F-A11Y-04.
   -------------------------------------------------------------------------- */
:root{
  --v8-fs-xs:0.8125rem;  /* 13px floor */
  --v8-fs-sm:0.875rem;   /* 14px */
  --v8-fs-base:1rem;     /* 16px */
  --v8-fs-md:1.125rem;   /* 18px */
  --v8-fs-lg:1.375rem;   /* 22px */
  --v8-fs-xl:1.75rem;    /* 28px */
  --v8-fs-2xl:2.25rem;   /* 36px */
}
/* line length — cap measure for readability (EN 45–75ch) */
main p,
main li{
  max-width:72ch;
}
html[lang="ar"] main p,
html[lang="ar"] main li{
  max-width:62ch; /* Arabic needs a shorter measure */
}



/* --------------------------------------------------------------------------
   TYPE FLOOR — second half of F-A11Y-04.
   Re-measured on the built site: 87 selectors render text below 13px, the
   worst at 8.8px. Most are declared with the `font:` shorthand upstream,
   which a font-size-only search misses. Each selector below is re-declared
   with `font-size` only — weight, family, letter-spacing and transform are
   untouched. v8.css must be the LAST stylesheet; the build enforces that.
   -------------------------------------------------------------------------- */
.eyebrow,
.btn,
.brand small,
#nv a,
#lang,
#mm .x,
.stat span,
.flow span,
.quote small,
label,
.fh,
.legal,
.qopts button,
.pic figcaption,
.dsh-note,
.dsh-kpi h4,
.dsh-kpi em,
.dsh-blbl,
.dsh-legend,
.dsh-row p,
.dsh-tag,
.dsh-sops small,
.dsh-note2,
.dash-bar p,
.kpi h4,
.kpi em,
.panel h4,
.alert b,
.calc-field label,
.calc-mini,
.lc-btn,
.miniflow,
.torn .row,
.sampletag,
#nv .drop a,
.consent,
.dsh-kpi .dsh-kl,
.dsh-kpi .dsh-kd,
.dsh-sub,
.dsh-bars .dsh-ml,
.dsh-alerts li span,
.dsh-sop span,
.dsh-sop .dsh-cat,
.kpi h3,
.panel h3,
.lite-cols .tw table,
.mgrid th,
.seasonbtns button,
.gtabs button,
.gate-card .field small,
.gate-perks-t,
.ahp-trust span,
.ahp-steps .st .d,
.ahp-tier .flag,
.ahp-tier .tp small,
.ahp-cmp thead th,
.ahp-form label,
.ahp-form .consent,
.sheet .sh-head .meta,
.kpi .kl,
.kpi .kd,
.gauge .gl,
.gauge .gs,
.chart-box .cl,
.legend,
.sauz .srow,
.vt th,
.pill,
.studio .calc-field label,
.studio .calc-field small,
.studio .calc-mini,
.calc-out .sk span,
.calc-out .fls li,
.calc-out .hd,
.studio .tw table,
.calc-out .note,
.calc-gate .consent,
.calc-gate .field label,
.wmt-h,
.hma-band,
.season-bars .sbar .lbl,
#s-custom-editor .cust-lab,
#s-custom-editor .cust-lab small,
.cust-cell i,
.cust-cell input,
#s-custom-editor .cust-note,
#s-custom-editor .cust-bad{
  font-size:var(--v8-fs-xs);
}

/* inline-styled fine print and any class rule that out-specifies the list above */
body .mut, body p.mut, body small, body .eyebrow, body .fh,
body .tag, body .badge, body .calc-mini{
  font-size:max(var(--v8-fs-xs), 1em);
}
/* header/footer furniture that sits outside `main` */
.eyebrow, .fh, .sampletag, .badge, nav#nv > a, nav#nv .drop a, #mm a,
.btn, .cta, .signin, .qlink, figcaption{
  font-size:max(var(--v8-fs-xs), 0.75em);
}


/* --------------------------------------------------------------------------
   6b. HEADER FIT — adding "Sign in" to the desktop nav (F-CRO-02) pushed the
   bar past the viewport at 1280–1440px: "Sign in" and "Request a Review"
   wrapped onto two lines and the language switch grew into a tall pill.
   Nav items never wrap; the bar tightens its gaps before it overflows.
   -------------------------------------------------------------------------- */
#hd .wrap{gap:clamp(16px,2vw,34px)}
nav#nv{gap:clamp(10px,1vw,13px);flex-wrap:nowrap}
nav#nv > a,nav#nv .it > a,#hd .tools button,#hd .tools a,
#hd .brand .nm{white-space:nowrap}
#hd .tools{flex:0 0 auto;margin-inline-start:0!important}
#hd .tools > *{flex:0 0 auto}
#lang{white-space:nowrap;min-width:max-content}
#hd .brand{flex:0 1 auto;min-width:0}
#hd .brand .nm{min-width:0}
#nv a.signin{padding-inline:2px}
@media (min-width:1121px) and (max-width:1180px){
  #hd .brand .nm small{display:none}
  nav#nv > a.signin{display:none}   /* still in the mobile drawer and the footer */
}
@media (max-width:880px){
  #hd .wrap{height:auto;min-height:64px;padding-block:8px}
  #hd .tools{margin-inline-start:auto!important}
  /* the wordmark was painting past its own box and under the menu button */
  #hd .brand .nm{font-size:.88rem;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;max-width:34vw}
  #hd .brand .nm small{font-size:.72rem;letter-spacing:.05em}
  #hd .brand img{width:34px;height:34px}
}
@media (max-width:420px){
  #hd .brand .nm small{display:none}
  #hd .brand .nm{max-width:46vw}
}

/* Arabic sits on a deeper baseline than Latin: at line-height 1.18 the
   descenders of ج ح خ ع غ are clipped in display sizes. */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] .svc-hero h1,
html[lang="ar"] .hero h1{
  line-height:1.34;
  padding-block-end:.08em;
}
html[lang="ar"] .svc-hero .lead,
html[lang="ar"] .hero .tag{
  line-height:1.95;
}

/* --------------------------------------------------------------------------
   6c. SERVICE HERO — keep the headline from stacking into five lines.
   -------------------------------------------------------------------------- */
.svc-hero h1,.hero h1{max-width:26ch;font-size:clamp(1.9rem,4vw,3.1rem)}
@media (min-width:881px){
  .svc-hero h1,.hero h1{max-width:24ch}
}
.svc-hero{padding-block:clamp(40px,5vw,68px)}

/* --------------------------------------------------------------------------
   4. FOCUS — keep the existing gold ring, make it unambiguous on dark surfaces
   -------------------------------------------------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline:3px solid var(--gold);
  outline-offset:2px;
  border-radius:2px;
}
.bg-verde a:focus-visible,
.bg-verde button:focus-visible,
header#hd a:focus-visible,
header#hd button:focus-visible,
footer#ft a:focus-visible{
  outline-color:var(--gold-h);
}

/* --------------------------------------------------------------------------
   5. HEADER — "Sign in" in the desktop nav (was mobile-drawer only).
   Fixes F-IA-03.
   -------------------------------------------------------------------------- */
.signin{
  color:var(--ink);
  font-weight:500;
  padding-inline:10px;
  border-radius:6px;
  text-decoration:none;
  opacity:.85;
}
.signin:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
header#hd .signin{
  color:inherit;
}
@media(max-width:960px){
  /* the vertical rhythm of the collapsed nav needs a little less padding */
  nav#nv .signin{min-height:44px}
}

/* --------------------------------------------------------------------------
   6. ONE PRIMARY CTA — demote the secondary nav action so the hierarchy is
   unambiguous. Fixes F-CRO-03. The header CTA stays solid; the sign-in is a
   quiet link; in-body tools CTAs become ghost buttons.
   -------------------------------------------------------------------------- */
nav#nv a.cta{
  font-weight:600;
}
.btn-ghost,
a.btn-ghost{
  background:transparent;
}
/* tool cards: make the secondary action visually quieter than the page CTA */
.tool-card .btn,
.card.tool .btn{
  background:transparent;
  border:1px solid var(--gold);
  color:var(--gold-text);
}

/* --------------------------------------------------------------------------
   7. SERVICE PAGE COMPONENTS (new pages)
   -------------------------------------------------------------------------- */
.svc-hero{
  padding-block:clamp(48px,7vw,88px);
}
.svc-hero h1{
  max-width:22ch;
  margin-bottom:18px;
}
.svc-hero .kicker{
  font-size:var(--v8-fs-xs);
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.75;
  margin-bottom:14px;
}
.svc-hero .lead{
  max-width:60ch;
  font-size:clamp(1.05rem,1.6vw,1.25rem);
  line-height:1.6;
  opacity:.92;
}
.svc-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
  align-items:center;
}
.svc-actions .secondary{
  font-size:var(--v8-fs-sm);
  text-decoration:underline;
  text-underline-offset:4px;
}

/* decision grid: "the decision / what goes wrong" */
.decision-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:22px;
  margin-top:32px;
}
.decision-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:10px;
  padding:24px 22px;
}
.decision-card h3{
  font-size:var(--v8-fs-md);
  margin:0 0 10px;
  letter-spacing:.01em;
}
.decision-card p{
  margin:0;
  font-size:var(--v8-fs-sm);
  line-height:1.65;
  color:var(--v8-mut-strong);
}
.decision-card.risk{
  border-left:3px solid var(--bad);
}
.decision-card.test{
  border-left:3px solid var(--ok);
}

/* deliverables list — the thing the audit said was missing everywhere */
.deliverables{
  list-style:none;
  padding:0;
  margin:26px 0 0;
  display:grid;
  gap:12px;
}
.deliverables li{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:12px;
  align-items:start;
  font-size:var(--v8-fs-sm);
  line-height:1.6;
}
.deliverables li::before{
  content:"";
  width:10px;height:10px;
  margin-top:7px;
  border-radius:50%;
  background:var(--gold);
  justify-self:center;
}

/* scope table: what is in, what is out */
.scope-table{
  width:100%;
  border-collapse:collapse;
  margin-top:26px;
  font-size:var(--v8-fs-sm);
}
.scope-table th,
.scope-table td{
  text-align:start;
  padding:12px 14px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
.scope-table th{
  font-weight:600;
  font-size:var(--v8-fs-xs);
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.8;
}
.scope-table td.out{
  color:var(--v8-mut-strong);
}

/* price / commitment strip */
.price-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px 28px;
  align-items:baseline;
  margin-top:26px;
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--cream);
}
.price-strip .amount{
  font-family:var(--disp);
  font-size:var(--v8-fs-lg);
  color:var(--verde);
}
.price-strip .terms{
  font-size:var(--v8-fs-sm);
  color:var(--v8-mut-strong);
}

/* evidence / proof band */
.proof-band{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding-block:26px;
}
.proof-band ul{
  list-style:none;padding:0;margin:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:18px;
}
.proof-band li{
  font-size:var(--v8-fs-sm);
  line-height:1.5;
}
.proof-band strong{
  display:block;
  font-family:var(--disp);
  font-size:var(--v8-fs-lg);
  color:var(--verde);
  margin-bottom:4px;
}

/* next-step block */
.next-step{
  background:var(--verde);
  color:#fff;
  border-radius:12px;
  padding:clamp(28px,4vw,48px);
  margin-top:48px;
}
.next-step h2{color:#fff;margin-top:0}
.next-step p{color:#e8efe9;max-width:56ch}
.next-step .svc-actions{margin-top:24px}
.next-step a.btn{background:var(--gold);color:var(--on-gold)}
.next-step a.secondary{color:#e8efe9}

/* FAQ on service pages */
.svc-faq{
  margin-top:40px;
}
.svc-faq details{
  border-bottom:1px solid var(--line);
  padding:16px 0;
}
.svc-faq summary{
  cursor:pointer;
  font-weight:600;
  font-size:var(--v8-fs-base);
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  min-height:24px;
}
.svc-faq summary::-webkit-details-marker{display:none}
.svc-faq summary::after{
  content:"+";
  font-family:var(--disp);
  font-size:1.25rem;
  line-height:1;
  color:var(--gold-text);
  flex:0 0 auto;
}
.svc-faq details[open] summary::after{content:"–"}
.svc-faq details p{
  margin:12px 0 0;
  font-size:var(--v8-fs-sm);
  line-height:1.7;
  color:var(--v8-mut-strong);
}

/* --------------------------------------------------------------------------
   8. RTL PARITY for the new components
   -------------------------------------------------------------------------- */
html[dir="rtl"] .decision-card.risk{border-left:0;border-right:3px solid var(--bad)}
html[dir="rtl"] .decision-card.test{border-left:0;border-right:3px solid var(--ok)}
html[dir="rtl"] .svc-faq summary::after{order:-1}
html[dir="rtl"] .svc-hero h1{max-width:24ch}

/* --------------------------------------------------------------------------
   9. TOOL PAGE — make the unit convention unmissable (F-PROD-02)
   -------------------------------------------------------------------------- */
.unit-suffix{
  display:inline-block;
  margin-inline-start:6px;
  font-size:var(--v8-fs-xs);
  font-weight:600;
  letter-spacing:.04em;
  color:var(--v8-gold-safe);
  background:rgba(198,165,92,.16);
  border:1px solid rgba(198,165,92,.5);
  border-radius:4px;
  padding:1px 6px;
  vertical-align:middle;
}
.calc-field .unit-hint{
  display:block;
  margin-top:6px;
  font-size:var(--v8-fs-xs);
  font-weight:600;
  color:var(--v8-gold-safe);
}
.unit-warning{
  margin-top:14px;
  padding:12px 14px;
  border-left:3px solid var(--warn);
  background:rgba(122,94,26,.08);
  border-radius:0 6px 6px 0;
  font-size:var(--v8-fs-sm);
  color:var(--v8-mut-strong);
}

/* --------------------------------------------------------------------------
   10. UNGATED HMA QUESTIONS (WS-13 / AI citability)
   -------------------------------------------------------------------------- */
.hma-preview{
  border:1px solid var(--line);
  border-radius:10px;
  padding:clamp(22px,3vw,34px);
  background:var(--paper);
  margin-top:34px;
}
.hma-preview h2{margin-top:0}
.hma-cat{
  margin-top:26px;
}
.hma-cat h3{
  font-size:var(--v8-fs-md);
  margin:0 0 10px;
  color:var(--verde);
}
.hma-q{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:9px;
}
.hma-q li{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:10px;
  font-size:var(--v8-fs-sm);
  line-height:1.55;
  align-items:start;
}
.hma-q .n{
  font-family:var(--disp);
  font-size:var(--v8-fs-xs);
  color:var(--gold-text);
  padding-top:2px;
}

/* --------------------------------------------------------------------------
   11. PRINT — service pages and one-pagers must survive Save-as-PDF
   -------------------------------------------------------------------------- */
@media print{
  header#hd, #mm, .tools, footer#ft .fx > div:first-child,
  .svc-actions, .next-step{display:none !important}
  .next-step{background:#fff !important;color:#000 !important;border:1px solid #999}
  .decision-card,.hma-preview,.price-strip{border:1px solid #999;background:#fff}
  main a[href^="/"]::after{content:" (abushaikha-consultancy.com" attr(href) ")";font-size:.75em;color:#555}
}

/* --------------------------------------------------------------------------
   12. REDUCED MOTION — belt-and-braces on top of the existing rules
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* --------------------------------------------------------------------------
   v8.1.2 — HMA critical-risk override notice (additive)
   --------------------------------------------------------------------------
   Rendered by js/hma.js as the first item of #hma-actions when one or more
   critical clauses are flagged. Alert tone, no icons, no external assets. */
.hma-crit {
  border-inline-start: 3px solid var(--bad, #8c2f39);
  background: rgba(140, 47, 57, 0.06);
  padding: 8px 12px;
  border-radius: 4px;
}
.hma-crit b { display: block; margin-bottom: 2px; }


/* ==========================================================================
   v8.1.3 — icon-free gold accents + header registration.
   The site webfonts (Cinzel / Montserrat / Tajawal) contain no geometric
   glyphs (arrows, triangles, diamonds, warning signs), so every
   identical gold branding, zero font dependency, RTL mirrored.
   ========================================================================== */

/* CSS diamond marker for .num (replaces the diamond text glyph) */
.num-d::before{content:"";display:block;width:.55em;height:.55em;background:currentColor;transform:rotate(45deg)}

/* workflow / inline arrows (replace the right/left arrow glyphs) */
.arr{position:relative;display:inline-block;width:36px;height:2px;background:currentColor;flex:0 0 auto}
.arr::after{content:"";position:absolute;inset-inline-end:0;top:50%;width:9px;height:9px;
  border-top:2px solid currentColor;border-inline-end:2px solid currentColor;
  transform:translateY(-50%) rotate(45deg)}
.harr,.iarr,.barr{position:relative;display:inline-block;height:2px;background:currentColor;vertical-align:middle}
.harr{width:30px;margin-inline:6px}
.iarr{width:22px;margin-inline:7px}
.barr{width:16px;margin-inline-start:8px}
.harr::after,.iarr::after,.barr::after{content:"";position:absolute;inset-inline-end:0;top:50%;
  width:7px;height:7px;border-top:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;
  transform:translateY(-50%) rotate(45deg)}
[dir=rtl] .harr,[dir=rtl] .iarr,[dir=rtl] .barr{transform:scaleX(-1)}

/* external-link corner arrow (replaces the NE arrow glyph) */
.ext::after{content:"";display:inline-block;width:6px;height:6px;margin-inline-start:6px;
  border-top:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;vertical-align:middle}

/* KPI delta badges — CSS triangles replace the up/down glyphs, */
/* outlined "!" replaces the warning glyph */
.kpi .kd{display:inline-flex;align-items:center;gap:7px}
.kpi .kd.up::before{content:"";width:0;height:0;border-inline-start:5px solid transparent;
  border-inline-end:5px solid transparent;border-bottom:7px solid currentColor}
.kpi .kd.dn::before{content:"";width:0;height:0;border-inline-start:5px solid transparent;
  border-inline-end:5px solid transparent;border-top:7px solid currentColor}
.kpi .kd.wn::before{content:"!";display:inline-flex;align-items:center;justify-content:center;
  width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor;
  font-size:9px;font-weight:800;line-height:1;flex:0 0 auto}

/* ---- header registration (user request: registration in the header) ---- */
nav#nv > a.signup{
  border:1px solid rgba(198,165,92,.85);border-radius:999px;padding:8px 15px;
  color:var(--gold-text);font-weight:600;letter-spacing:.02em;white-space:nowrap;
  background:linear-gradient(180deg,rgba(198,165,92,.16),rgba(198,165,92,.05));
  transition:background .2s}
nav#nv > a.signup:hover,nav#nv > a.signup:focus-visible{
  background:linear-gradient(180deg,rgba(198,165,92,.3),rgba(198,165,92,.14));opacity:1}
#mm a.signup{color:var(--gold-h);font-weight:600}
@media (min-width:881px) and (max-width:1360px){
  nav#nv > a.signup{display:none}   /* header fit — still in the drawer + /account */
}

/* ==== v8.1.3.2 — header legibility (owner request) + Account dropdown ======
   Nav was rendering at the 13px floor (max(--v8-fs-xs, .75em) wins over the
   style.css .8rem base). Lift the bar to ~15px; keep dropdown items one step
   smaller. Placed after the v8 type-scale block so it wins the cascade.   */
nav#nv > a,
nav#nv .it > a{font-size:max(var(--v8-fs-sm), 1em)}
nav#nv .drop a{font-size:max(var(--v8-fs-sm), 0.95em)}

/* v8.2.0 wordmark guard: never paint under the nav (was media-scoped) */
#hd .brand .nm{overflow:hidden;max-width:30vw}
#hd .brand .nm small{font-size:.65rem;letter-spacing:.03em}