:root { color-scheme:light; --paper:#f8f4e8; --ink:#202321; --muted:#5f625c; --line:rgba(43,45,41,.24); --red:#cf3c25; --teal:#08859a; }
*{box-sizing:border-box} html{background:var(--paper)} body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} a{color:var(--red);text-underline-offset:3px}
header,footer{min-height:68px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)} header>a{color:var(--ink);font-weight:850;text-decoration:none} header nav,footer nav{display:flex;flex-wrap:wrap;gap:18px} header nav a,footer a{color:var(--muted);font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace}
main{max-width:850px;min-height:calc(100vh - 180px);margin:0 auto;padding:clamp(54px,8vw,100px) 22px} h1{max-width:780px;margin:0 0 24px;font-size:clamp(2.6rem,7vw,5rem);line-height:1;letter-spacing:-.05em} h2{margin:44px 0 12px;font-size:1.55rem;letter-spacing:-.025em} p,li{color:var(--muted);line-height:1.75}.back{display:inline-block;margin-top:38px;padding:13px 18px;border:1px solid var(--red);color:var(--ink);text-decoration:none} footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:.72rem}
@media(max-width:640px){header nav{display:none}footer{padding:28px 18px;align-items:flex-start;flex-direction:column}}