:root{
  --bg:#0b1020; --bg2:#0f1730; --panel:#141d38; --line:#26325a;
  --ink:#eef2fb; --muted:#a3aecb; --blue:#3d7dff; --red:#ff4d5e;
  --shadow:0 18px 50px rgba(4,8,22,.55); --radius:18px;
}
@media (prefers-color-scheme: light){
  :root{ --bg:#f6f8fd; --bg2:#eef2fb; --panel:#ffffff; --line:#dde4f2;
    --ink:#0f1730; --muted:#55617e; --blue:#1a5cf0; --red:#e02233;
    --shadow:0 16px 44px rgba(20,35,80,.12); }
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;}
a{color:var(--blue)}
.wrap{max-width:720px;margin:0 auto;padding:56px 22px 90px}
.eyebrow{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:700;margin:0 0 10px}
h1{font-size:clamp(1.9rem,4vw,2.5rem);letter-spacing:-.02em;margin:0 0 6px;font-weight:800}
.updated{color:var(--muted);font-size:.88rem;margin:0 0 34px}
h2{font-size:1.15rem;margin:32px 0 10px;letter-spacing:-.01em}
p,li{color:var(--ink)}
p.muted,li.muted{color:var(--muted)}
ul{padding-left:1.2em}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:28px 30px;box-shadow:var(--shadow)}
.back{display:inline-block;margin-top:38px;font-weight:650;font-size:.9rem}
.note{margin-top:28px;padding:14px 16px;border-left:3px solid var(--red);background:var(--bg2);
  border-radius:0 8px 8px 0;color:var(--muted);font-size:.88rem}