/* type-v16b-readable.css - Mike 2026-10-20 19:2x: "the text is very hard to read, it is very small".
   Load LAST on every page (after app.css, type-v16.css, page.css). Coordinator: Aside lHnELiyDH14FtEiS.
   Why: type-v16 raised sizes, but thin 300-weight condensed headings, 13-14px letter-spaced mono labels
   and grey (#8x8x8x) label colour still read as small and faint. This sheet goes one step bigger and bolder. */
:root{
  --f-micro:17px;            /* every label, nav, eyebrow, CTA, chip: was 13-14px */
  --f-micro-tr:.1em;         /* was .18em: wide tracking makes small caps harder to read */
  --f-body:clamp(19px,calc(18px + 8*var(--m)),24px);
  --f-lead:clamp(21px,calc(20px + 10*var(--m)),30px);
  --f-list:clamp(19px,calc(18px + 6*var(--m)),23px);
  --f-h2:clamp(44px,calc(40px + 60*var(--m)),100px);
  --st:#C9CED8;              /* secondary text: was mid grey; >= 9:1 on the navy */
}
body{font-size:var(--f-body);-webkit-font-smoothing:antialiased}
/* scoped to site content only: a bare p selector turned the light consent banner's text white-on-white */
main p,.sec p,.p,.lead,.list li,.card p,.faq .a,.check,.status{font-weight:400;line-height:1.6;color:#EEF1F5}
.p{font-size:var(--f-body)}
.lead{font-size:var(--f-lead)}
.list li,.card p,.faq .a{font-size:var(--f-list)}
/* thin 300 condensed is the main "hard to read" culprit: 400 keeps the look, doubles stroke width */
.h,h1,h2,h3,h4,.ttl{font-weight:400}
h3.h{font-size:clamp(32px,calc(28px + 26*var(--m)),58px)}
h4.h{font-size:clamp(26px,calc(22px + 16*var(--m)),42px)}
.note,.link,.navBar__links a,.weldNav,.field label,.tbl th,.tbl caption,.site-foot h2,.site-foot__bar p,
[class*="eyebrow"],[class*="chip"],[class*="sound"],[class*="pill"],[class*="cta"],[class*="laps"] a,[class*="doors"] a{
  font-size:var(--f-micro);letter-spacing:var(--f-micro-tr);font-weight:600;color:#E6E9EF}
/* 3D breakdown rail: inactive parts were ~25% opacity, unreadable */
[class*="car3d"] [class*="rail"] li,[class*="car3d"] [class*="rail"] a{opacity:.72;font-size:max(17px,var(--f-list))}
[class*="car3d"] [class*="rail"] .is-active,[class*="car3d"] [class*="rail"] [aria-current]{opacity:1}
@media (max-width:600px){:root{--f-micro:17px}} /* Mike: text must not read small on phones either */