/* 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}}