The home page runs an unrounded, document-derived scale — 13px cells, 17px panel padding, 22px nav gaps. This is deliberate and should be preserved; snapping it to multiples of 8 flattens the annotated-document feel. Every value below was read from the source, deduped and named.
| Ruler | Token | Value | Where it is used in the source |
|---|---|---|---|
| --sp-1 | 4px | Record-field cell gap | |
| --sp-2 | 8px | Button icon gap, chip inner gap | |
| --sp-3 | 12px | Button padding-block, panel row padding-y | |
| --sp-4 | 16px | Card grid gap | |
| --sp-5 | 20px | Card padding-inline, mobile gutter | |
| --sp-6 | 22px | Nav gap, issue-card padding-top | |
| --sp-7 | 26px | Section head → content | |
| --sp-8 | 28px | Page gutter | |
| --sp-9 | 38px | Margin note → content column | |
| --sp-10 | 48px | Hero column gap | |
| --sp-11 | 64px | Band padding-block | |
| --sp-12 | 66px | Dark featured band padding-block |
| Token | Value | Section |
|---|---|---|
| --hero-y | 56px | .hero padding-top (8px bottom — the panel carries the gap) |
| --field-y | 60px | .field — the white corpus band |
| --band-y | 64px | section.band — method, issues, ethos |
| --band-y-dark | 66px | .feat — the dark featured slab sits 2px taller |
| --footer-y | 52px | footer padding-top (56px bottom) |
| --header-h | 62px | Sticky masthead |
| --topline-h | 3px | Tri-segment ribbon above everything |
Max width 1180px, gutter 28px (20px at ≤560px).
Every grid in the page is asymmetric — nothing is a 50/50 split.
| Max width | What changes |
|---|---|
| 1000px | .doc → 1 col (note rule thins 2px→1px) · card grids and standards → 1 col · footer → 2 col |
| 960px | Disclaimer tag hidden · nav → ≡ drawer · hero and featured → 1 col · method row → 64px/1fr/1.15fr becomes 44px/1fr with prose wrapping to column 2 |
| 860px | .fieldhead → 1 col, caption left-aligns |
| 560px | Gutter 28px→20px · record cell 13px→11px · footer → 1 col |
overflow-x:hidden on body; no horizontal scroll at
any width. Row heights stay 44–52px, at or above the 44px touch minimum.