:root{
  --bg:#0d0d0e; --bg-soft:#141416; --ink:#f0ede6;
  --ink-dim:rgba(240,237,230,.62); --ink-faint:rgba(240,237,230,.18); --acid:#d4ff4f;
  --font-display:'Syne',sans-serif; --font-body:'Inter',sans-serif; --font-mono:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column}
::selection{background:var(--acid);color:#0d0d0e}
a{color:inherit}
.nav{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 3vw}
.nav .logo{font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:-.02em;text-decoration:none}
.nav .back{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);text-decoration:none;transition:color .3s}
.nav .back:hover{color:var(--ink)}
main{flex:1;width:min(760px,92vw);margin:0 auto;padding:6vh 0 12vh}
h1{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(2.2rem,6vw,4.5rem);line-height:.95;letter-spacing:-.03em;margin-bottom:1.2rem}
.updated{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:5vh}
h2{font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:-.01em;margin:4vh 0 1rem}
h2::before{content:"";display:inline-block;width:22px;height:2px;background:var(--acid);margin-right:.7rem;vertical-align:middle}
p,li{color:var(--ink-dim);margin-bottom:1rem}
strong{color:var(--ink);font-weight:600}
ul{padding-left:1.3rem}
.foot{padding:3vh 3vw;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(240,237,230,.72);border-top:1px solid var(--ink-faint)}
.foot a:hover{color:var(--ink)}