:root{
  --ink:#0b0b0a; --paper:#ece7db; --paper-2:#ddd6c4; --shock:#ff2e57; --lime:#c6ff2e; --line: rgba(11,11,10,0.15);
}
*{box-sizing:border-box; margin:0; padding:0;}
body{ background:var(--paper); color:var(--ink); font-family:'Space Grotesk', sans-serif; line-height:1.6; }
a{ color:var(--shock); text-decoration:underline; }
.mono{ font-family:'JetBrains Mono', monospace; }
.display{ font-family:'Anton', sans-serif; text-transform:uppercase; letter-spacing:0.01em; }
.wrap{ max-width:820px; margin:0 auto; padding:0 clamp(20px,5vw,64px); }

nav{ display:flex; align-items:center; justify-content:space-between; padding:18px clamp(20px,5vw,64px); background:var(--paper); border-bottom:3px solid var(--ink); }
.logo{ font-family:'Anton', sans-serif; font-size:24px; text-transform:uppercase; letter-spacing:0.02em; }
.logo a{ color:var(--ink); text-decoration:none; }
.back-link{ font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:700; text-transform:uppercase; }

main{ padding:60px 0 90px; }
h1{ font-family:'Anton',sans-serif; text-transform:uppercase; font-size:clamp(34px,6vw,56px); line-height:0.95; margin-bottom:8px; }
.updated{ font-family:'JetBrains Mono',monospace; font-size:12px; opacity:.6; margin-bottom:40px; }
h2{ font-family:'Anton',sans-serif; text-transform:uppercase; font-size:22px; margin:36px 0 12px; }
p, li{ font-size:15px; margin-bottom:14px; }
ul, ol{ padding-left:22px; margin-bottom:14px; }
strong{ font-weight:700; }

footer{ padding:30px clamp(20px,5vw,64px); border-top:3px solid var(--ink); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.foot-links{ display:flex; gap:20px; font-family:'JetBrains Mono',monospace; font-size:12px; text-transform:uppercase; }
.foot-links a{ color:var(--ink); }