/* THE SECOND CHAMBERS SITE, ALIGNED TO ITS HOME · master/css/master-align.css · 5 Oct 2026, night
   Rania, 5 Oct 2026: "I want them both to be the same really" · then "updating the ENTIRE SITE to align". The skeleton's pages wear the 23 Sep
   white dress (Givonic capitals through --display). This layer, loaded last on every page but the home (which has its own sheets), gives the
   page's content the home's type: the display face becomes Inter within <main>, headings in sentence case, light then medium; eyebrows small and
   quiet; buttons with the home's soft corner. The shell (header, menus, drawer, foot) is outside <main> and stands as it is. Carried by
   tools/build-master-align.py; written by tools/build-master-skeleton.py's head. Remove the one link and the page is as it was. */
body:not(.airy) main { --display: "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif; }
body:not(.airy) main :is(h1, h2, h3, h4) { text-transform: none; letter-spacing: -.02em; text-wrap: balance; }
body:not(.airy) main h1 { font-weight: 300; letter-spacing: -.035em; line-height: 1.04; }
body:not(.airy) main h2 { font-weight: 300; letter-spacing: -.025em; line-height: 1.08; }
body:not(.airy) main :is(h1, h2) :is(em, b, strong, .key, .hl) { font-weight: 500; }
body:not(.airy) main h3 { font-weight: 500; letter-spacing: -.012em; line-height: 1.22; }
body:not(.airy) main h4 { font-weight: 600; letter-spacing: -.005em; }
body:not(.airy) main .eyebrow { font-weight: 500; font-size: 13px; letter-spacing: .06em; }
body:not(.airy) main .btn { border-radius: 10px; font-family: "Inter", system-ui, sans-serif; font-weight: 500; }
/* the section number never stands over a person's photograph (the person-page hero, .bill, was being numbered; seen 5 Oct 2026) */
body:not(.airy) main .bill .secno { display: none; }
/* the foot on a phone: master.css's 1180 rule (three columns) comes after its 640 rule (two), so at 375 the three ran 10px past the screen
   (seen on every inner page, 5 Oct 2026, night, before this layer and after it alike). Two columns from 640 down. */
@media (max-width: 640px) { body:not(.airy) .foot-top { grid-template-columns: 1fr 1fr; gap: 28px 20px; } }
/* Try it: the grade-lock checkbox sat inside the ask box and took the text box's rule (flex 1, min-width 260px), so on a phone the label ran
   23px past the screen (found 5 Oct 2026, night). The checkbox is its own size again. */
body:not(.airy) .lf-askbox .lf-lockw input { flex: none; min-width: 0; padding: 0; }