:root { color-scheme:light; --ink:#17212b; --muted:#5f6d79; --paper:#f4f7f9; --panel:#ffffff; --rail:#e9eef2; --line:#c8d3dc; --accent:#1264a3; --green:#2f7d4d; --amber:#8a5200; --topbar:#ffffff; --rail-hover:#dce7ee; --code:#e8eef2; --body-copy:#33414e; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.58; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); } a { color:var(--accent); text-underline-offset:.18em; } a:hover { color:#084b7f; } code, pre, .governance-chapter { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.skip-link { position:absolute; left:1rem; top:-5rem; padding:.7rem 1rem; background:var(--accent); color:#ffffff; z-index:10; } .skip-link:focus { top:1rem; }
.topbar { height:4.25rem; border-bottom:1px solid var(--line); background:var(--topbar); display:flex; align-items:center; justify-content:space-between; padding:0 clamp(1rem,3vw,3rem); position:sticky; top:0; z-index:5; } .wordmark { color:var(--ink); text-decoration:none; display:flex; align-items:center; gap:.7rem; letter-spacing:.12em; font-size:.9rem; font-weight:700; } .wordmark small { display:block; color:var(--muted); font-size:.6rem; letter-spacing:.16em; margin-top:.15rem; } .wordmark-logo { width:2.25rem; height:2.25rem; object-fit:contain; display:block; }
.menu-button { display:none; border:1px solid var(--line); background:var(--panel); color:var(--ink); border-radius:.3rem; padding:.55rem .8rem; font:inherit; }
.workspace { min-height:calc(100vh - 4.25rem); display:grid; grid-template-columns:clamp(16rem,23vw,21rem) minmax(0,1fr); } .chapter-rail { background:var(--rail); border-right:1px solid var(--line); padding:2rem 1rem 3rem; overflow:auto; } .rail-label,.section-label,.canvas-kicker,.chapter-meta,.eyebrow { color:var(--muted); font-size:.68rem; letter-spacing:.16em; font-weight:700; text-transform:uppercase; } .rail-home { display:block; padding:.7rem .75rem 1rem; border-bottom:1px solid var(--line); color:var(--ink); text-decoration:none; font-weight:650; } .chapter-link { display:grid; grid-template-columns:2rem 1fr; gap:.45rem; padding:.48rem .75rem; color:var(--muted); text-decoration:none; font-size:.76rem; line-height:1.35; border-left:2px solid transparent; } .chapter-link span { color:var(--muted); } .chapter-link:hover,.chapter-link.active { color:var(--ink); background:var(--rail-hover); border-left-color:var(--accent); } .chapter-link.active span { color:var(--accent); }
.chapter-canvas { min-width:0; padding:clamp(2rem,5vw,5rem) clamp(1.2rem,7vw,8rem) 0; } .canvas-kicker { padding-bottom:1.5rem; border-bottom:1px solid var(--line); } .overview,.governance-chapter { max-width:64rem; } .overview { padding:clamp(3rem,8vw,7rem) 0 4rem; } h1,h2,h3 { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:-.04em; line-height:1.1; } h1 { max-width:11ch; font-size:clamp(3rem,8vw,7rem); margin:.7rem 0 1.5rem; } h2 { font-size:clamp(1.8rem,4vw,3rem); margin:2.5rem 0 1rem; } h3 { margin-top:2rem; } .lede { max-width:48rem; color:var(--ink); font-size:clamp(1.1rem,2vw,1.4rem); } .muted { color:var(--muted); } .overview-rule { width:7rem; border-top:3px solid var(--green); margin:2.5rem 0; }
.chapter-index { border-top:1px solid var(--line); padding:3rem 0 5rem; } .index-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(17rem,1fr)); gap:.25rem 1.5rem; margin-top:1.5rem; } .index-grid a { display:grid; grid-template-columns:2rem 1fr; gap:.5rem; padding:.65rem 0; color:var(--muted); text-decoration:none; border-bottom:1px solid var(--line); font-size:.82rem; } .index-grid a:hover { color:var(--ink); } .index-grid span { color:var(--green); }
.governance-chapter { padding:2.5rem 0 5rem; } .chapter-meta { color:var(--amber); margin-bottom:1.5rem; } .governance-chapter h1 { max-width:18ch; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:clamp(2.4rem,5vw,5rem); margin:0 0 1.5rem; } .governance-chapter h2 { border-top:1px solid var(--line); padding-top:1.7rem; } .governance-chapter p,.governance-chapter li { max-width:68ch; color:var(--body-copy); } .governance-chapter blockquote { border-left:3px solid var(--green); margin:1.5rem 0; padding:.2rem 1.2rem; color:var(--muted); } .governance-chapter pre { overflow:auto; padding:1rem; background:var(--code); border:1px solid var(--line); } .governance-chapter img { display:block; max-width:100%; width:auto; height:auto; border:1px solid var(--line); } .governance-chapter figcaption { color:var(--muted); font-size:.8rem; } .footer { border-top:1px solid var(--line); padding:2rem 0 4rem; color:var(--muted); font-size:.76rem; display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; }
.legal-page { max-width:64rem; padding:2.5rem 0 5rem; } .legal-page h1 { max-width:22ch; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:clamp(2.4rem,5vw,5rem); margin:0 0 1.5rem; } .legal-page h2 { border-top:1px solid var(--line); padding-top:1.7rem; } .legal-page p,.legal-page li { max-width:72ch; color:var(--body-copy); } .legal-page strong { color:var(--ink); }
@media (max-width:52rem) { .menu-button { display:block; } .workspace { display:block; } .chapter-rail { display:none; position:absolute; top:4.25rem; left:0; right:0; max-height:70vh; z-index:4; box-shadow:0 1rem 2rem #0008; } .chapter-rail[data-open="true"] { display:block; } .chapter-canvas { padding:1.5rem 1rem 0; } .overview { padding:3rem 0; } .index-grid { grid-template-columns:1fr; } .footer { display:block; } .footer span,.footer a { display:block; margin-top:.35rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } }
@media (prefers-color-scheme: dark) {
  :root { color-scheme:dark; --ink:#e8edf2; --muted:#9ba7b3; --paper:#12171c; --panel:#1a2128; --rail:#0d1115; --line:#303b45; --accent:#7cc7ff; --green:#8fd694; --amber:#f2c477; --topbar:#10151a; --rail-hover:#182229; --code:#0b0f13; --body-copy:#c6d0d9; }
  a:hover { color:#b8e1ff; }
  .wordmark-logo { filter:invert(1); }
}
.rail-status { display:block; padding:.6rem .75rem; color:var(--ink); text-decoration:none; font-size:.8rem; font-weight:650; border-left:2px solid transparent; border-bottom:1px solid var(--line); }
.chapter-link:hover,.chapter-link.active,.rail-status:hover,.rail-status.active { color:var(--ink); background:var(--rail-hover); border-left-color:var(--accent); }
.status-badge { display:inline-block; margin-left:.35rem; padding:.08rem .35rem; border:1px solid currentColor; border-radius:999px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:.62rem; line-height:1.35; vertical-align:.12em; white-space:nowrap; }
.status-current { color:var(--green); } .status-reference { color:var(--muted); }
.chapter-state { padding:.7rem .9rem; border-left:3px solid var(--green); background:var(--panel); color:var(--muted); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:.9rem; }
.status-quo-page { max-width:68rem; padding:2.5rem 0 5rem; } .status-quo-page h1 { max-width:18ch; font-size:clamp(2.6rem,6vw,5.5rem); } .status-quo-page h2 { border-top:1px solid var(--line); padding-top:1.7rem; } .status-quo-page p,.status-quo-page li { max-width:72ch; color:var(--body-copy); } .status-disclaimer,.landing-note { color:var(--muted); font-size:.84rem; }
.index-grid a > span:first-child { color:var(--green); }