*{box-sizing:border-box} :root{color-scheme:dark;--bg:#0A0A0A;--ink:#EDEAE3;--dim:#847E74;--ac:#FF6500;--line:#211E1A;--mono:'SF Mono','Fira Code','Courier New',monospace}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.75}
.wrap{max-width:688px;margin:0 auto;padding:32px 24px 56px}header,footer{display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center}header{justify-content:space-between;margin-bottom:48px}a{color:var(--dim);text-underline-offset:4px}a:hover{color:var(--ink)}a:focus-visible{outline:2px solid var(--ac);outline-offset:4px}header a,footer a{display:inline-block;padding:8px 0}.brand{font-family:var(--mono);color:var(--ac);font-size:12px;letter-spacing:.22em;text-decoration:none;text-transform:uppercase}h1,h2{font-family:var(--mono);font-weight:500;line-height:1.4}h1{font-size:clamp(26px,5vw,34px);margin:0 0 24px}h2{font-size:18px;margin:32px 0 12px}p{margin:0 0 16px}li{margin-bottom:8px}ul{padding-left:22px}.draft{color:var(--dim);font-size:13px;border-left:2px solid var(--line);padding-left:14px;margin-bottom:28px}.placeholder{overflow-wrap:anywhere;font-family:var(--mono);font-size:.9em}footer{border-top:1px solid var(--line);margin-top:48px;padding-top:20px;font-size:13px}
@media(max-width:400px){.wrap{padding:24px 20px 40px}header{margin-bottom:32px}}