:root{--lime:oklch(0.93 0.23 118);--ink:oklch(0.17 0.012 120);--ink-soft:oklch(0.3 0.012 120);--paper:oklch(0.975 0.012 108);--mint:oklch(0.9 0.08 150);--disp:"Bagel Fat One",system-ui,sans-serif;--ui:"Bricolage Grotesque",system-ui,sans-serif;--mono:"Azeret Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--lime);color:var(--ink);font:500 18px/1.55 var(--ui);-webkit-font-smoothing:antialiased}
a{color:inherit}
.top{width:min(100% - 32px,760px);margin:22px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px}
.top img{height:34px;display:block}
.top a.back{font:800 15px var(--ui);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;padding:10px 16px;border:3px solid var(--ink);border-radius:999px;background:var(--paper);box-shadow:3px 3px 0 var(--ink)}
.sheet{width:min(100% - 32px,760px);margin:20px auto 60px;background:var(--paper);border:3px solid var(--ink);border-radius:28px;padding:clamp(24px,5vw,48px);box-shadow:6px 6px 0 var(--ink)}
h1{font:400 clamp(38px,7vw,60px)/.95 var(--disp);letter-spacing:-.01em;margin:0 0 6px;text-transform:uppercase}
.date{font:700 14px var(--mono);color:var(--ink-soft);margin:0 0 28px}
h2{font:800 20px/1.2 var(--ui);text-transform:uppercase;letter-spacing:.06em;margin:34px 0 10px}
p,li{max-width:68ch}
p{margin:0 0 14px}
ul{padding-left:22px;margin:0 0 14px}
li{margin:0 0 8px}
code{font:700 15px var(--mono);background:var(--mint);padding:1px 6px;border-radius:6px}
.note{border:3px dashed var(--ink);border-radius:18px;padding:14px 18px;background:var(--mint);margin:0 0 20px}
.foot{width:min(100% - 32px,760px);margin:0 auto 40px;display:flex;gap:18px;flex-wrap:wrap;font:700 14px var(--mono);color:var(--ink-soft)}
.foot a{text-decoration:underline}