/* Pages outside the 2026-10 design (HANDOFF §0): the legal pages and the oct30 pages (/how-it-works/, /how-we-test/, /about/, /docs/).
   They keep their layout, on the new tokens, until they get their own pass. Loaded by build.mjs for those pages only. */
.textlink{font-weight:600;color:var(--action)}
.small-note,.section-note{margin-top:var(--sp-4);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}
.page-top{padding-top:var(--sp-9)}
.page-top .lead{margin-top:var(--sp-5)}
.page-top + section{margin-top:var(--sp-8)}
.lead{max-width:var(--measure-lead);font-size:var(--fs-lead);color:var(--muted)}
.hiw main > section + section,.hwt main > section + section,main.hiw > section + section,main.hwt > section + section,main.docs > section + section{margin-top:var(--sp-10)}
.legal{padding-top:var(--sp-7)}
.draft-banner{max-width:var(--measure);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:var(--line) solid var(--caution);border-left-width:var(--sp-1);border-radius:var(--r-m);font-size:var(--fs-small)}
.prose{max-width:var(--measure);margin-top:var(--sp-7);font-size:var(--fs-prose);line-height:var(--lh-prose)}
.prose a{color:var(--action);text-decoration:underline;text-underline-offset:var(--sp-1)}
.prose h2{margin-top:var(--sp-7);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);scroll-margin-top:calc(var(--header-h) + var(--sp-4))}
.prose p,.prose ul,.prose ol,.prose .table-wrap{margin-top:var(--sp-4)}
.prose ul,.prose ol{padding-left:var(--sp-5)}
.prose li + li{margin-top:var(--sp-2)}
.updated{margin-top:var(--sp-3);font-size:var(--fs-small);color:var(--muted)}
.short{margin-top:var(--sp-6);padding:var(--sp-5) var(--sp-6);background:var(--surface);border:var(--line) solid var(--hairline);border-radius:var(--r-l)}
.short h2{margin-top:0}
.short ul{margin-top:var(--sp-3)}
.toc ol{columns:2;column-gap:var(--sp-6)}
.toc li{break-inside:avoid}
.table-wrap{overflow-x:auto;border:var(--line) solid var(--hairline);border-radius:var(--r-m)}
.table-wrap table{width:100%;border-collapse:collapse;font-size:var(--fs-small);line-height:var(--lh-small)}
.table-wrap th,.table-wrap td{padding:var(--sp-2) var(--sp-3);text-align:left;vertical-align:top;border-bottom:var(--line) solid var(--hairline)}
.table-wrap tbody tr:last-child > *{border-bottom:0}
.table-wrap thead th{background:var(--surface)}
.table-wrap td,.table-wrap tbody th{background:var(--canvas)}
.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0}
.table-wrap tbody td:first-child,.table-wrap tbody th{font-weight:600}
.section-head{max-width:var(--measure-narrow)}
.section-head .lead{margin-top:var(--sp-4)}
.section-more{margin-top:var(--sp-6)}
.page-top-cta{margin-top:var(--sp-6)}
.pill{display:inline-flex;align-items:center;min-height:var(--sp-6);padding:var(--sp-1) var(--sp-3);border:var(--line) solid currentColor;border-radius:var(--r-full);font:500 var(--fs-small)/var(--lh-tight) var(--display);color:var(--ink);white-space:nowrap}
.pill-success{color:var(--success)}
.pill-caution{color:var(--caution)}
.pills{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.badge{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-2);border:var(--line) solid currentColor;border-radius:var(--r-full);font:500 var(--fs-label)/var(--lh-tight) var(--display);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--muted)}
.badge-ink{color:var(--surface);background:var(--ink);border-color:var(--ink)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);margin-top:var(--sp-7)}
.step{display:grid;align-content:start;gap:var(--sp-3)}
.step-shot{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:top;border:var(--line) solid var(--hairline);border-radius:var(--r-l);background:var(--surface)}
.step h3{display:flex;align-items:baseline;gap:var(--sp-3);margin-top:var(--sp-3)}
.step p{color:var(--muted)}
.step-n{font:600 var(--fs-small)/var(--lh-tight) var(--display);font-variant-numeric:tabular-nums;color:var(--action)}
.page-top + section .steps{margin-top:0}
.band{background:var(--band);color:var(--on-band);padding-block:var(--sp-10)}
.band-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sp-5);row-gap:var(--sp-7);align-items:end}
.band-copy{grid-column:1 / span 6}
.band-copy > p{margin-top:var(--sp-5);max-width:var(--measure-lead);font-size:var(--fs-lead);color:var(--band-muted)}
.band-side{grid-column:8 / span 5;display:grid;gap:var(--sp-6)}
.band a{color:var(--on-band)}
.band .pill{color:var(--on-band)}
.band .ph{color:var(--on-band)}
.band .pill-success{color:var(--on-band);background:var(--success);border-color:var(--success)}
.deflist{display:grid}
.deflist > div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--sp-5);padding-block:var(--sp-4);border-top:var(--line) solid var(--hairline)}
.deflist > div:last-child{border-bottom:var(--line) solid var(--hairline)}
.deflist dt{font-weight:600}
.founder{display:grid;grid-template-columns:var(--photo-w) minmax(0,1fr);gap:var(--sp-7);align-items:start}
.founder-photo{display:block;width:100%;max-width:var(--photo-w);height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:var(--r-l);background:var(--surface)}
.founder-photo-ph{display:grid;place-items:center;border:var(--line) dashed var(--caution);background:var(--hatch),var(--surface)}
.founder-note{max-width:var(--measure-lead);font-size:var(--fs-lead);line-height:var(--lh-body)}
.founder-sig{margin-top:var(--sp-5);font-weight:600}
.founder-meta{margin-top:var(--sp-2);color:var(--muted)}
.phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);margin-top:var(--sp-7)}
.phones img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:top;border:var(--line) solid var(--hairline);border-radius:var(--r-l)}
.phones figcaption{margin-top:var(--sp-3);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}
.sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-7);align-items:start}
.sequence li{display:grid;gap:var(--sp-2);padding:var(--sp-4);background:var(--surface);border:var(--line) solid var(--hairline);border-radius:var(--r-m)}
.seq-step{font-weight:600}
.seq-n{color:var(--muted);font-variant-numeric:tabular-nums}
.seq-state{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}
.callout{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);max-width:var(--measure-narrow);margin-top:var(--sp-5);padding:var(--sp-4) var(--sp-5);background:var(--surface);border:var(--line) solid var(--hairline);border-left:var(--sp-1) solid var(--caution);border-radius:var(--r-m)}
.matrix{margin-top:var(--sp-6)}
.matrix table{font-size:var(--fs-body);line-height:var(--lh-body)}
.matrix th,.matrix td{padding:var(--sp-3) var(--sp-4)}
.matrix tbody td{font-weight:400}
.table-wrap tbody td.td-empty{font-weight:400;color:var(--muted)}
.counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}
.counters li{display:grid;gap:var(--sp-2);padding-top:var(--sp-4);border-top:var(--line) solid var(--hairline)}
.counter-n{font:600 var(--fs-figure-s)/var(--lh-tight) var(--display);letter-spacing:var(--tr-h2);font-variant-numeric:tabular-nums}
.counter-cap{color:var(--muted)}
.states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5);margin-top:var(--sp-7)}
.states > div{display:grid;align-content:start;gap:var(--sp-3);padding:var(--sp-5);background:var(--surface);border:var(--line) solid var(--hairline);border-radius:var(--r-l)}
.states dd{margin:0;color:var(--muted)}
.section-note + .table-wrap,.section-note + .cl-empty{margin-top:var(--sp-5)}
.hwt .table-wrap + .small-note{margin-top:var(--sp-4)}
.about{max-width:calc(var(--measure-narrow) + 2 * var(--edge));padding-top:var(--sp-9)}
.about h1{margin-top:var(--sp-7)}
.about-copy{margin-top:var(--sp-6);display:grid;gap:var(--sp-5);font-size:var(--fs-lead);line-height:var(--lh-prose)}
.about-sign{font-weight:600}
.docs{max-width:calc(var(--measure-narrow) + 2 * var(--edge))}
.doc-rows{margin-top:var(--sp-7);border-bottom:var(--line) solid var(--hairline)}
.doc-row{padding-block:var(--sp-5);border-top:var(--line) solid var(--hairline)}
.doc-title{font-size:var(--fs-lead);line-height:var(--lh-h3);letter-spacing:var(--tr-h3)}
.doc-title a{display:flex;justify-content:space-between;gap:var(--sp-4);color:var(--ink)}
.doc-title a:hover{color:var(--action)}
.doc-desc{margin-top:var(--sp-2);color:var(--muted)}
.doc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sp-5);align-items:start;padding-top:var(--sp-9)}
.doc-rail{grid-column:1 / span 3;position:sticky;top:calc(var(--header-h) + var(--sp-5));font-size:var(--fs-small)}
.doc-rail-h{font:600 var(--fs-label)/var(--lh-tight) var(--display);letter-spacing:var(--tr-label);text-transform:uppercase}
.doc-rail-h a{color:var(--muted)}
.doc-rail ul,.doc-rail-m ul{margin-top:var(--sp-3);padding:0;list-style:none;display:grid;gap:var(--sp-1)}
.doc-rail li,.doc-rail-m li{padding:var(--sp-1) var(--sp-3);border-left:var(--bar) solid transparent;color:var(--muted)}
.doc-rail li.is-current,.doc-rail-m li.is-current{border-left-color:var(--action)}
.doc-rail a,.doc-rail-m a{color:var(--ink)}
.doc-rail a:hover,.doc-rail-m a:hover,.doc-rail [aria-current="page"],.doc-rail-m [aria-current="page"]{color:var(--action);text-decoration:underline}
.doc-rail-m{display:none}
.doc-rail-m summary{display:flex;align-items:center;min-height:var(--hit);cursor:pointer;font-weight:600}
.doc-body{grid-column:4 / span 8;margin-top:0}
.doc-body h1{margin-bottom:var(--sp-5)}
.prose code{padding:0 var(--sp-1);font:.9em var(--mono);background:var(--surface);border:var(--line) solid var(--hairline);border-radius:var(--r-s)}
.prose pre{margin-top:var(--sp-4);padding:var(--sp-4);overflow-x:auto;background:var(--surface);border:var(--line) solid var(--hairline);border-radius:var(--r-m);font-size:var(--fs-small)}
.prose pre code{padding:0;border:0;background:none}
.doc-foot{margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:var(--line) solid var(--hairline);color:var(--muted)}
.checklist{margin-top:var(--sp-6);display:grid;gap:var(--sp-3)}
.checklist li{position:relative;padding-left:var(--sp-6)}
.checklist li::before{content:"✓" / "";position:absolute;left:0;color:var(--success);font-weight:700}
.checklist-2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--sp-5);row-gap:var(--sp-4);margin-top:0;font-size:var(--fs-body)}
.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sp-5);row-gap:var(--sp-5);align-items:start}
.split > :first-child{grid-column:1 / span 5}
.split > :last-child{grid-column:7 / span 6}
.plain-list{display:grid;gap:var(--sp-3)}
.plain-list li{padding-bottom:var(--sp-3);border-bottom:var(--line) solid var(--hairline)}
.faq{margin-top:var(--sp-6);max-width:var(--measure-narrow);border-bottom:var(--line) solid var(--hairline)}
.faq details{border-top:var(--line) solid var(--hairline)}
.faq summary{display:flex;align-items:center;min-height:var(--hit);padding-block:var(--sp-4);cursor:pointer;font:600 var(--fs-lead)/var(--lh-h3) var(--display);letter-spacing:var(--tr-h3)}
.faq details p{padding-bottom:var(--sp-5);max-width:var(--measure);color:var(--muted)}
@media (max-width:1023px){
  .band-copy,.band-side,.split > :first-child,.split > :last-child{grid-column:1 / -1}
  .doc-rail{display:none}
  .doc-rail-m{display:block;grid-column:1 / -1;margin-bottom:var(--sp-6);padding:var(--sp-2) var(--sp-4);background:var(--surface);border:var(--line) solid var(--hairline);border-radius:var(--r-m)}
  .doc-body{grid-column:1 / -1}
  .band{padding-block:var(--sp-9)}
  .sequence{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .steps{grid-template-columns:minmax(0,1fr);max-width:var(--measure-narrow)}
}
@media (max-width:640px){
  .band{padding-block:var(--sp-8)}
  .founder,.deflist > div{grid-template-columns:minmax(0,1fr)}
  .deflist > div{gap:var(--sp-1)}
  .founder{gap:var(--sp-5)}
  .founder-note,.about-copy,.lead{font-size:var(--fs-body)}
  .phones,.counters,.states,.sequence,.checklist-2{grid-template-columns:minmax(0,1fr)}
  .toc ol{columns:1}
  .short{padding:var(--sp-5)}
}
@media print{
  .site-head,.site-foot,.skip{display:none}
  .prose{max-width:none}
}