:root{--pine:#0D1611;--understory:#1E3328;--line:#22332A;--line-strong:#2A3F33;--lichen:#5F7A68;--muted:#7D9886;--soft:#C9CFC4;--phosphor:#B6F36A;--bone:#ECE8DC;
--serif:'Newsreader',Georgia,serif;--pixel:'Silkscreen',monospace;--mono:'JetBrains Mono',ui-monospace,monospace;--gutter:clamp(20px,4vw,48px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--pine);color:var(--soft);font:400 15px/1.7 var(--mono);-webkit-font-smoothing:antialiased}
::selection{background:var(--phosphor);color:var(--pine)}
a{color:inherit}
:focus-visible{outline:2px solid var(--phosphor);outline-offset:2px}
.skip{position:absolute;left:var(--gutter);top:-80px;z-index:200;background:var(--phosphor);color:var(--pine);padding:12px 16px;font-weight:500;text-decoration:none}
.skip:focus{top:12px}
.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--gutter)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}
.wordmark{display:inline-flex;align-items:baseline;gap:.4em;font-size:20px;text-decoration:none;color:var(--bone)}
.wordmark .p{font-family:var(--pixel);letter-spacing:.06em}.wordmark .a{font-family:var(--mono);color:var(--phosphor)}.wordmark .b{font:italic 300 25px/1 var(--serif)}
.back{font-size:13px;color:var(--soft);text-decoration:none;padding:12px 0;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 8px)/0 1px no-repeat;transition:background-size .5s cubic-bezier(.16,1,.3,1),color .3s}
.back:hover{color:var(--bone);background-size:100% 1px}
main{flex:1;padding:clamp(56px,9vw,120px) 0 clamp(64px,9vw,120px)}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 28px}
h1{font:300 clamp(44px,6.4vw,88px)/1.02 var(--serif);letter-spacing:-.02em;color:var(--bone);margin:0 0 20px}
h1 em{font-style:italic;color:var(--phosphor)}
.updated{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 clamp(40px,6vw,72px)}
.prose{max-width:720px}
.prose h2{font:300 clamp(26px,2.6vw,34px)/1.15 var(--serif);color:var(--bone);margin:56px 0 16px;padding-top:32px;border-top:1px solid var(--line)}
.prose h2:first-of-type{margin-top:0;border-top:0;padding-top:0}
.prose p,.prose li{margin:0 0 16px}
.prose ul{padding-left:20px;margin:0 0 16px}
.prose li::marker{color:var(--phosphor)}
.prose a{color:var(--bone);text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{color:var(--phosphor)}
.prose strong{color:var(--bone);font-weight:500}
.todo{background:rgba(182,243,106,.14);color:var(--phosphor);padding:0 4px;outline:1px dashed var(--phosphor)}
.btn{display:inline-flex;align-items:center;gap:14px;font:500 14px/1 var(--mono);color:var(--pine);background:var(--phosphor);border:1px solid var(--phosphor);padding:18px 22px;text-decoration:none;transition:background .3s,color .3s;margin-top:12px}
.btn:hover{background:var(--bone);border-color:var(--bone)}
.foot{border-top:1px solid var(--line);padding:28px 0 36px}
.foot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.foot nav{display:flex;gap:24px;flex-wrap:wrap}
.foot a,.foot button{color:var(--muted);text-decoration:none;background:none;border:0;font:inherit;padding:8px 0;cursor:pointer}
.foot a:hover,.foot button:hover{color:var(--bone)}
.lost{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.lost svg{width:clamp(120px,18vw,220px);height:auto}
@media (max-width:720px){.lost{grid-template-columns:1fr}.lost svg{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}