/* Review aid only, delete before launch (with its <link> in index.html and the ?type= block in site.js).
   Body-font options for the owner, tried on the real page with ?type=a, b, c or d. site.js sets data-type on <html>
   and loads the extra weights each option needs; every rule below is scoped to html[data-type="KEY"], so without the
   switch this file changes nothing. Source Serif 4 is untouched in every option: same family, weights, sizes and
   optical sizing for the hero, the headings, the statement, the numerals and the quotes. Only the reading text, the
   controls and the labels change (family, weight, size, line height, tracking), never layout or copy.
   Measurements behind each option: the diagnosis of 2026-10-15 (lede, body and caption ink against the h2). */

/* a. Source Sans 3, the serif's own sibling. NOW THE DEFAULT in site.css (2026-10-15); kept here so ?type=a still works. Its x-height (.486em) and cap height (.657em) match Source
   Serif 4's text cut, and it is humanist like the serif. The lede goes a size step up and a weight step down (330),
   the body to 370, so both read lighter than the light headings above them. */
html[data-type="a"]{--sans:"Source Sans 3","Helvetica Neue",Arial,sans-serif}
html[data-type="a"] .t-lede{font-weight:300}  /* judge's refinement: Light 300 at the original size, 18 / 20.5 / 23 */
html[data-type="a"] :is(.t-body,.s-le .sub){font-weight:370}  /* sizes unchanged: 16 / 16.6 / 18.4 */
html[data-type="a"] :is(.btn,.lnk,.nav-menu,.nav-panel-links a,.skip){font-weight:600;letter-spacing:.01em}
html[data-type="a"] .site-head .nav .cta{font-weight:600;letter-spacing:.01em}
html[data-type="a"] .site-head .nav .links{font-weight:400;letter-spacing:.01em}
html[data-type="a"] .t-small{font-weight:400;letter-spacing:.01em}
html[data-type="a"] .site-foot .foot-list a{font-weight:500;letter-spacing:.01em}
html[data-type="a"] .s-fi .fi-portrait figcaption{font-weight:600;letter-spacing:.01em}

/* b. The serif reads, the sans operates. The lede and body are Source Serif 4 at text optical size (the lede at 300,
   the h2's weight; the body at 360). Source Sans 3 takes only buttons, nav, links, captions, legal and the hero
   sentence (in the serif it wrapped to 3 lines and broke hero 21's two-line budget). */
html[data-type="b"]{--sans:"Source Sans 3","Helvetica Neue",Arial,sans-serif}
html[data-type="b"] :is(.t-lede,.t-body){font-family:var(--serif);font-optical-sizing:auto;letter-spacing:0}
html[data-type="b"] .t-lede{font-weight:300;line-height:1.45}  /* sizes unchanged: 18 / 20.5 / 23 */
html[data-type="b"] .t-body{font-weight:360}  /* 16 / 16.6 / 18.4 */
html[data-type="b"] .s-le .sub{font-weight:370}  /* stays sans: hero 21's two-line budget */
html[data-type="b"] :is(.btn,.lnk,.nav-menu,.nav-panel-links a,.skip){font-weight:600;letter-spacing:.01em}
html[data-type="b"] .site-head .nav .cta{font-weight:600;letter-spacing:.01em}
html[data-type="b"] .site-head .nav .links{font-weight:400;letter-spacing:.01em}
html[data-type="b"] .t-small{font-weight:400;letter-spacing:.01em}
html[data-type="b"] .site-foot .foot-list a{font-weight:500;letter-spacing:.01em}
html[data-type="b"] .s-fi .fi-portrait figcaption{font-weight:600;letter-spacing:.01em}

/* c. Karla, the quiet grotesque. Its x-height (.479em) is Source Serif 4's text x-height and its capitals (.628em) sit
   below the serif's, so US, IRS, EIN, ITIN and LLC stop standing out. Lede 320 a size step up, body 360. */
html[data-type="c"]{--sans:"Karla","Helvetica Neue",Arial,sans-serif}
html[data-type="c"] .t-lede{font-weight:320;font-size:clamp(1.125rem,1.45vw,1.3125rem);line-height:1.5}  /* 18 / 18.6 / 21 */
html[data-type="c"] :is(.t-body,.s-le .sub){font-weight:360}  /* sizes unchanged */
html[data-type="c"] :is(.btn,.lnk,.nav-menu,.nav-panel-links a,.skip){font-weight:600;letter-spacing:.01em}
html[data-type="c"] .site-head .nav .cta{font-weight:600;letter-spacing:.01em}
html[data-type="c"] .site-head .nav .links{font-weight:400;letter-spacing:.01em}
html[data-type="c"] .t-small{font-weight:400;letter-spacing:.01em}
html[data-type="c"] .site-foot .foot-list a{font-weight:500;letter-spacing:.01em}
html[data-type="c"] .s-fi .fi-portrait figcaption{font-weight:600;letter-spacing:.01em}

/* d. Hanken Grotesk re-weighted (the control). Same family, made quieter: lede Light 300 a size step down, body and
   hero sentence 350, controls 500, captions and footer links 400. Shows what weight alone can and cannot fix. */
html[data-type="d"] .t-lede{font-weight:300;font-size:clamp(1.125rem,1.4vw,1.25rem);line-height:1.5}  /* 18 / 18 / 20 */
html[data-type="d"] :is(.t-body,.s-le .sub){font-weight:350}  /* sizes unchanged */
html[data-type="d"] :is(.btn,.lnk,.nav-menu,.nav-panel-links a,.skip){font-weight:500;letter-spacing:.01em}
html[data-type="d"] .site-head .nav .cta{font-weight:500;letter-spacing:.01em}
html[data-type="d"] .site-head .nav .links{font-weight:400;letter-spacing:.01em}
html[data-type="d"] .t-small{font-weight:400;letter-spacing:.01em}
html[data-type="d"] .site-foot .foot-list a{font-weight:400;letter-spacing:.01em}
html[data-type="d"] .s-fi .fi-portrait figcaption{font-weight:500;letter-spacing:.01em}