/* Readability layer. Loads last on every page. Audience reads on office monitors and phones,
   often 50+: no thin body text, no grey-on-black below ~10:1, no labels under 13px. */
:root{--muted:#BAC5CF;--soft:#DCE3E9}
body{font-size:18px;line-height:1.6}
p,li,summary,label,td,th,dd,small,.plus,.lead{font-weight:400!important}
b{font-weight:500!important}
h2,h3,h1.sub,p.q{font-weight:400!important}
.k{font-size:13px!important;letter-spacing:.1em!important}
small{font-size:max(13px,.8em)!important}
.links{font-size:15px}
footer,footer a{font-size:15px!important}
.more a small{font-size:16px!important}
.chips span{font-size:14px!important}
.btn{font-size:16px!important}
.btn.sm{font-size:15px!important}
.calc label{font-size:16px!important}
.side p{font-size:16px!important}
.side.you p{color:var(--soft)!important}
.est{font-size:14px!important}
a.cue{font-size:13px!important}
a.in{font-size:14px!important}
.vs p,.body p,.faq details p{line-height:1.6}
@media (max-width:760px){.links{font-size:13px}}
/* nav + small mono labels: brighter, bigger (2026-10-08) */
.links a{font-size:16px!important;font-weight:500!important;color:var(--soft)!important;letter-spacing:0!important}
.links a:hover{color:var(--fg)!important}
.fl a{color:var(--soft)!important}
.sms em,.grp em,i.sys,a.cue{font-size:12.5px!important}
.sday small,.tyou small,.tdoux small,.side small,.mate small{font-size:13px!important}
.lv-note,.proof-note{font-size:15px!important}
.plus{font-size:17px!important}
@media (max-width:760px){.links a{font-size:15px!important}}
/* phone pass 2026-10-08: tap targets >=40px, labels >=12.5px */
@media (max-width:760px){
nav.top{padding-block:8px!important}.brand{font-size:0!important;min-height:40px}.links{gap:18px!important}.links a{display:inline-flex!important;align-items:center;min-height:40px;padding-inline:0!important}
nav.top .brand{min-height:40px;display:inline-flex;align-items:center}
.file span,.rung .era,.tl-scar span,.tl-les span,.tbl thead th,.k{font-size:12.5px!important}
label{font-size:13px!important}
#hrsinfo{min-width:36px;min-height:36px}
.mate .in{display:inline-block;padding-block:10px}
.tm-story{display:inline-block;padding-block:8px}
}