:root{--paper:#ffd60a;--card:#ffffff;--ink:#111111;--mute:#2b2b2b;--line:#111111;--acc:#e5220e;--acc-ink:#ffffff;--hash:#6b5a00;--display:"Bricolage Grotesque","Arial Black",system-ui,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--paper:#ffd60a;--card:#ffffff;--ink:#111111;--mute:#2b2b2b;--line:#111111;--acc:#e5220e;--acc-ink:#ffffff;--hash:#6b5a00;color-scheme:light}}
body{font-weight:500}
.top{background:var(--paper);border-bottom:4px solid var(--ink)}
.mark{font-weight:800;text-transform:uppercase}
.mark b{color:var(--acc)}
.top nav a{color:var(--ink);font-weight:700}
.lang a{border:2px solid var(--ink);color:var(--ink);font-weight:700}
.lang a[aria-current]{background:var(--ink);color:var(--paper)}
.hero{padding-bottom:12px}
.kicker{display:inline-block;background:var(--ink);color:var(--paper);padding:6px 12px;letter-spacing:.1em}
.giant{font-size:clamp(5rem,28vw,20rem);letter-spacing:-.075em;text-transform:uppercase;line-height:.78;-webkit-text-stroke:0;text-shadow:.045em .045em 0 var(--acc);transform:rotate(-2deg);transform-origin:left bottom;margin-top:8px}
.giant span{color:var(--ink)}
.thesis .st{font-weight:800;text-transform:uppercase;letter-spacing:-.035em;font-size:clamp(1.6rem,4vw,2.7rem);background:var(--card);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:18px 22px}
.thesis p{color:var(--ink);font-weight:600}
.ticker{background:var(--ink);color:var(--paper);border:0;padding-block:16px;transform:rotate(-1deg);margin-inline:-20px}
.ticker i{color:var(--acc);background:var(--paper);padding:0 3px}
.sec{border-bottom:4px solid var(--ink)}
.sec h2{font-weight:800;text-transform:uppercase;letter-spacing:-.04em}
.label{color:var(--ink);background:var(--card);border:2px solid var(--ink);align-self:start;padding:5px 9px;width:fit-content;letter-spacing:.1em}
.ledger,.warn{border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:var(--card)}
.ledger .n{color:var(--acc)}
.ledger .h,.ledger .row small{color:#5d4f00}
.figs{border-top:4px solid var(--ink)}
.fig{border-bottom:4px solid var(--ink)}
.fig:nth-child(odd){border-right:4px solid var(--ink)}
.fig b{font-weight:800;color:var(--ink);text-shadow:.04em .04em 0 var(--acc)}
.fig b em{color:var(--ink);text-shadow:none}
.fig p{color:var(--ink)}
.three > div{border:4px solid var(--ink);background:var(--card);padding:16px;box-shadow:6px 6px 0 var(--ink)}
.three p{color:var(--ink)}
.steps li{border-bottom:3px solid var(--ink)}
.steps li:first-child{border-top:3px solid var(--ink)}
.steps li::before{color:var(--acc);font-weight:800}
.puzzle{background:var(--ink);color:var(--paper);box-shadow:8px 8px 0 var(--acc);border:4px solid var(--ink)}
.puzzle .hash i{background:var(--paper);color:var(--ink)}
.puzzle button{background:var(--paper);color:var(--ink);border-color:var(--paper);font-weight:700}
.puzzle select{border-color:var(--paper)}
.cards{border-top:4px solid var(--ink)}
.cards > div{border-bottom:4px solid var(--ink);padding-right:18px}
.cards p{color:var(--ink)}
.cards .num{color:var(--acc);font-weight:800}
.tags span{border:3px solid var(--ink);background:var(--card);font-weight:700}
.more{color:var(--ink);border-bottom:6px solid var(--acc);text-transform:uppercase;font-weight:800}
code{background:var(--card);border:2px solid var(--ink)}
footer{color:var(--ink);font-weight:600}
a{color:var(--acc)}
.mute{color:var(--ink)}