:root{--ink:#070A0E;--line:#1E2B36;--snow:#E8EEF2;--ice:#8FB8CC;--mute:#8FA1AE;--amber:#D97A2B}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:#C3D0D9;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--ice)}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
.topbar{background:#04070A;border-bottom:1px solid var(--line)}
.topbar .wrap{height:52px;display:flex;align-items:center;justify-content:center}
.wordmark{font-family:Cinzel,serif;font-weight:700;letter-spacing:.3em;font-size:.92rem;
  color:var(--snow);text-decoration:none}
.wordmark span{color:var(--amber)}
main{padding:48px 0 80px}
h1{color:var(--snow);font-size:2rem;letter-spacing:-.02em;margin:0 0 6px;font-weight:800}
h2{color:var(--snow);font-size:1.15rem;margin:34px 0 10px;font-weight:700}
p,li{margin:0 0 .9em}
ul{padding-left:22px}
.upd{color:var(--mute);font-size:.85rem;margin-bottom:30px}
.note{border-left:3px solid var(--amber);background:rgba(217,122,43,.07);
  padding:14px 18px;border-radius:0 8px 8px 0;font-size:.9rem;margin:26px 0}
footer{border-top:1px solid var(--line);background:#04070A;padding:26px 0 36px;text-align:center;
  font-size:.8rem;color:var(--mute)}
footer a{color:var(--mute);text-decoration:none;margin:0 8px}