:root{--bg:#f4f1ea;--ink:#16181a;--ink-2:#4a4f55;--line:#d6cfc0;--accent:#ff5a1f;
  --mono:ui-monospace,"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#111315;--ink:#eceae4;--ink-2:#9ca2a8;--line:#2a2f34}}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
main{max-width:760px;margin:0 auto;padding:48px 16px 96px}
.back{font:500 14px var(--mono);color:var(--ink-2);text-decoration:none}
.back:hover{color:var(--ink)}
h1{font-size:clamp(34px,6vw,52px);letter-spacing:-.03em;line-height:1.1;margin:32px 0 32px}
h2{font-size:21px;margin:36px 0 10px;letter-spacing:-.01em}
h3{font-size:17px;margin:22px 0 6px}
p,li{color:var(--ink-2)}
ul{padding-left:20px;margin:8px 0}
a{color:var(--accent)}
footer{margin-top:64px;padding-top:20px;border-top:1px solid var(--line);font:13px var(--mono);color:var(--ink-2)}