:root{
  --bg:#0b0e13; --panel:#121722; --line:#222b3a;
  --ink:#f2f5f9; --muted:#9aa7ba; --accent:#ff8a3d;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg);color:var(--ink);font-family:var(--sans);
  line-height:1.65;padding:clamp(1.25rem,4vw,3rem);
}
main{max-width:760px;margin:0 auto}
a{color:var(--accent)}
.back{font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;
  text-transform:uppercase;text-decoration:none;color:var(--muted)}
.back:hover{color:var(--ink)}
h1{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;letter-spacing:-.02em;
  margin:1.5rem 0 .35rem}
.updated{color:var(--muted);font-size:.85rem;font-family:var(--mono);
  margin-bottom:2rem}
h2{font-size:1.15rem;margin:2rem 0 .6rem;color:var(--ink)}
h3{font-size:1rem;margin:1.4rem 0 .4rem;color:var(--accent)}
p,li{color:var(--muted);font-size:1rem;margin-bottom:.85rem}
strong{color:var(--ink)}
ul,ol{padding-left:1.4rem;margin-bottom:.85rem}
li{margin-bottom:.4rem}
.box{border:1px solid var(--accent);border-radius:12px;
  padding:1rem 1.25rem;margin:1.5rem 0;background:rgba(255,138,61,.06)}
.box strong{color:var(--accent)}
hr{border:none;border-top:1px solid var(--line);margin:2.5rem 0}
footer{max-width:760px;margin:3rem auto 0;padding-top:1.5rem;
  border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
footer a{color:var(--muted)}