/* v5 · C5 · Even text: one weight per job, one paragraph style where two were stacked.
   Why: v3 used five weights at 15 px (400, 450, 480, 540, 560) and four at 13 px for jobs a reader cannot tell apart (a nav item 480,
   a button 540, a link 540, a list name 560). Weight differences of 20 to 60 units at body size are not seen as decisions; they read as
   drift, which is the texture of generated pages (measured: crafted pages use 2 weights per page, the AI-built set 4 to 8, v3 5 to 8).
   Now: 400 for reading text and form fields, 500 for everything that is clicked or names something (buttons, links, nav, menu names,
   card titles, labels), 440 for display headings (C1). Three weights in all.
   The home's opening carried two stacked paragraphs in two sizes and two colours (20 px white, then 15 px grey); the second now takes
   the first's size in grey, so they read as one statement and its follow-on.
   Type inside the interface pictures and diagrams is left as it is. */

.btn,.skip{font-weight:500}
.tlink,.cat-row .go,.wall .go,.pi-row .go{font-weight:500}
.nav-item>button,.nav-item>a{font-weight:500}
.menu-grid b,.menu-groups b,.menu-list a{font-weight:500}
.alb-name{font-weight:500}
.foot-col a{font-weight:400}
.field input,.field select,.field textarea,.ct-ask textarea{font-weight:400}
.ct-ask label,.iv-st{font-weight:500}
.ap-ph p b{font-weight:500}
@media (max-width:760px){.mobmenu details a:first-child{font-weight:500}}

/* the home opening: one statement in two tones */
.hero-copy .hero-sub{font:400 var(--s-lede)/1.45 var(--f);letter-spacing:-.008em;color:var(--fg2);max-width:26em;margin-top:10px}