:root{
  --ink0:#0C0B09; --ink1:#14120F; --ink2:#1C1915;
  --cream:#F2EDE3; --cream2:#A89F8F; --cream3:#6E6759;
  --phos:#33FF66; --phos-dim:#1E7A3C; --phos-bg:#0A1F10;
  /* Kal ruling 07-26: green carries past AND present. --green = the
     matured present (no glow). --amber aliases to green so every
     legacy reference converts; amber exists nowhere visually. */
  --green:#2AB06F; --green-dim:#1E7A4E;
  --amber:var(--green); --amber-dim:var(--green-dim);
  --red:#E0533A;
  --rule:#2A2721;
  /* Type law (Kal, 07-26 v2): Geist SANS = display + human copy
     ("monospace looks too kooky" as display); Geist Mono = machine
     voice only (addresses, commands, chips, canvas). --serif is a
     legacy var name, it now resolves to the sans display stack. */
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --serif:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --w:1080px; --wn:68ch;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink0);color:var(--cream);font-family:var(--sans);
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:var(--amber);color:var(--ink0)}
a{color:var(--cream);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--cream3)}
a:hover{text-decoration-color:var(--amber)}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.03em;line-height:1.15}
section{padding:96px 24px;position:relative}
section > .inner{max-width:var(--w);margin:0 auto}
/* eyebrow kickers are banned (Kal law 07-26); .kicker intentionally
   removed. Any straggler renders as plain muted text, not an eyebrow. */
.kicker{display:none}
.chip{display:inline-block;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;
  border:1px dashed var(--cream3);border-radius:2px;color:var(--cream2)}
.chip.ratify{border-color:var(--amber-dim);color:var(--amber)}
.mono{font-family:var(--mono)}
.muted{color:var(--cream2)}
.rule-h{border:0;border-top:1px solid var(--rule)}
@media (max-width:640px){section{padding:64px 16px}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;
    animation-iteration-count:1 !important;transition-duration:.01ms !important}
}