/* ==========================================================================
   npw-readable.css — site-wide readability layer (loaded LAST on every page).
   Raises the small grey text used across the site to comfortable sizes and a
   darker secondary colour, without touching layout. Edit here, not per page.
   ========================================================================== */

/* Darker secondary text in the light theme (dark theme keeps its own palette). */
:root:not([data-theme="dark"]) { --muted: #48626A; }

/* ---- shared chips / labels ---- */
.sec-label .tag, .sec-tag, .eyebrow, .hero-kicker { font-size: 13.5px; }
.pill, .badge, .track .badge, .diff, .cq-tag, .gbadge, .tdlbl { font-size: 12.5px; }
.crumbs, .back, .review-by, .upd { font-size: 14px; }
footer { font-size: 14px; }
.npw-disc { font-size: 14px !important; line-height: 1.7 !important; color: #3f555b !important; }
html[data-theme="dark"] .npw-disc { color: var(--muted) !important; }

/* ---- country pages (css/country.css) ---- */
p.sub { font-size: 16px; line-height: 1.75; }
.fact .k { font-size: 14.5px; }
.fact .v { font-size: 15.5px; line-height: 1.7; }
.fact .v small, .fact small { font-size: 13.5px; }
ol.plan p { font-size: 15.5px; line-height: 1.8; }
ol.plan h4 { font-size: 17px; }
.step-meta { font-size: 13.5px !important; }
.step-note { font-size: 15px !important; }
.prereq li, .box li { font-size: 15.5px; line-height: 1.75; }
.plan-legend span { font-size: 13px; }
.cat .ghint { font-size: 14.5px; }
.emp .loc { font-size: 13px; }
.emp .desc { font-size: 15px; line-height: 1.7; }
.note, .est-banner { font-size: 15px; line-height: 1.8; }
.est-banner strong { font-size: 15.5px; }
.srclist { font-size: 14px; }
.srcverify, .costnote { font-size: 14px; }
.faq-a { font-size: 15.5px; line-height: 1.8; }
.faq-item summary { font-size: 16px; }
.costrow { font-size: 15px; }
.tool span { font-size: 14px; }
.ccard .ce { font-size: 13px; }
.flabel, .fcount { font-size: 14px; }
.chip-btn, .finder select { font-size: 14px; }
table.cmp { font-size: 14.5px; }
table.cmp thead th { font-size: 13.5px; }

/* ---- specialty pages (css/specialty.css) ---- */
.ans .aen, .ans .aar { font-size: 14.5px; line-height: 1.75; }
.ansbtn { font-size: 13.5px; }
.sc-meta { font-size: 13.5px; }
.tag.req, .tag { font-size: 13.5px; }

/* ---- tools / directory pages (employers, tracks, home) ---- */
.mini { font-size: 14px; }
.em-addr { font-size: 13px; }
.track .tdesc, .track .trow { font-size: 15px; line-height: 1.7; }
.track .trow .lbl { font-size: 13.5px; }
.track .rec, .moretracks, .seqnote { font-size: 15px; line-height: 1.75; }
.roadmeta, .rm-meta, .rm-count { font-size: 13.5px; }
.pphase .pd { font-size: 14px; line-height: 1.7; }
.pdates label { font-size: 13px; }
.jstep .num { font-size: 12.5px; }
.chip { font-size: 14px; }

/* ---- generic safety net for long-form copy inside cards ---- */
.card p, .panel p, .box p { line-height: 1.8; }