/* Legibility floor, loaded LAST on every page (live audit 2026-10-05):
   no visible text under 12px, link/button targets at least 24px high. */
.site-credit,.site-credit span,.site-credit a,footer .label,footer .label a{font-size:12px}
.site-credit a,footer .label a{display:inline-block;padding-block:5px}

/* home + terminal advisory (site.css) */
.label,.sec-head .no,.form label,.form button,.seg button,.bs-ctrl label,.ctrl label,
nav.deck a,nav.deck b,.hn,.panel .key,.step .n,.step .out,.chain .hd span,.split>div,
thead th,.bs-model .hint,.wordmark .sub span{font-size:.75rem}
header.bar .mark .sub,header.bar .track,header.bar .edition,.clocks,.fx,.clk i,.fxq i{font-size:.75rem}
header.bar .mark{min-height:24px}
header.bar .track a,header.bar .track .on{display:inline-flex;align-items:center;min-height:24px}
/* 12px clocks no longer fit beside the mark and nav below ~1180px: drop them to row 2.
   Both grid axes are reset, as in the 420px rule in site.css. */
@media (max-width:1180px){
  header.bar{grid-template-columns:1fr auto;gap:.4rem .9rem}
  header.bar>.markh{grid-column:1;grid-row:1}
  header.bar>.track{grid-column:2;grid-row:1}
  header.bar>.clocks,header.bar>.fx{grid-column:1/-1;grid-row:2;justify-self:start}
}
/* phone: the bar is three rows tall, so it scrolls away instead of pinning */
@media (max-width:700px){header.bar{position:static}}

/* commodity catalogue (explore.css, market-strip.css) */
.site-header nav a,.site-header nav button{font-size:12px;display:inline-flex;align-items:center;min-height:24px}
.brand .sub,.site-header .enquire,.eyebrow,.filters h2,#families button,.refine label,
.result-bar,.result-bar label,#result-count,.image-label,.source-caption,.tabs button,
.card-label small{font-size:12px}
/* Strip exception: compact black-crimson (overrides earlier 12px floor for this bar only) */
.market-strip,.market-price,.market-price span,.market-price strong,.market-label,.market-pause,
.market-clock abbr,.market-clock time,.site-header .clock-city,.clock-reading{font-size:10px;color:inherit}
.market-strip{background:#000!important;color:#FAFAFA;border-bottom-color:#2A2A2A!important}
.market-label,.market-price>span,.market-pause,.site-header .clock-city,.clock-period{color:#BEBEBE}
.market-price strong{color:#FAFAFA}
.market-label{flex-basis:64px}
.site-header .market-clock time{width:48px!important;height:13px!important;margin-left:auto;margin-right:auto}
.site-header .market-clock{width:88px!important;max-width:88px!important;flex:0 0 88px}
.site-header .market-clocks{gap:0;border-top-color:#2A2A2A;justify-content:center}
@media(max-width:700px){.site-header .market-clock{width:72px!important;max-width:72px!important;flex-basis:72px}}
@media(max-width:600px){.site-header .market-clock{width:68px!important;max-width:68px!important;flex-basis:68px}}
@media(max-width:700px){.site-header .market-clock time{width:40px!important;height:11px!important}}
@media(max-width:600px){.site-header .market-clock time{width:36px!important;height:10px!important}}
.market-row{height:18px}
.dot-on{fill:#FAFAFA!important}.dot-off{fill:#2A2A2A!important}
#market-strip>.market-pause{font-size:10px}
.card-label strong{overflow-wrap:anywhere;hyphens:auto}
.filter-bottom a{display:inline-flex;align-items:center;min-height:24px}

/* terminal explorer (port.css) */
.static-pin,.view-tools button,.explore-hint,.terminal-options-body label,.caption .eyebrow{font-size:12px}

/* 404 */
main.light>p>a{display:inline-block;padding-block:4px}

/* Headings retagged for one-h1-per-page keep the look they had (audit item 12). */
.company-page-intro h1{font-family:var(--display);font-size:clamp(2rem,4.7vw,4.6rem);font-weight:400;
  line-height:1.1;letter-spacing:-.01em;color:#0A0A0A;max-width:20ch;margin:1rem 0 2rem}
header.bar:not(#site-header) .markh{font-family:var(--display);letter-spacing:-.015em}
.company-view-intro h2.view-title{font-size:clamp(32px,3.5vw,50px);line-height:1.12;margin:0 0 12px;max-width:24ch;color:#FAFAFA}
#fallback-title{font-size:2em;margin:.67em 0}

/* stragglers set by more specific rules */
article.method .hn,article.grade .hn,article.half .hn,.ledger thead th{font-size:.75rem}
#market-strip>.market-pause{font-size:10px}
/* explore.css sets the phone eyebrow with !important, so this must too */
.eyebrow{font-size:12px!important}
.static-pins .static-pin.hotspot-pin,#view-tools #view-mode,#terminal-options .terminal-options-body label{font-size:12px}

/* at 12px the section deck and the mark need a little room back */
header.bar .mark .sub{white-space:nowrap}
@media (max-width:1180px){nav.deck{gap:.9rem}nav.deck a,nav.deck b{letter-spacing:.06em}}