:root{
  --steel:#0F1518; --card:#1A2429; --stroke:#2C383D;
  --teal:#16C6DC; --teal-deep:#0E8FA0; --ink:#EAF0EF; --muted:#9DABB0;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Space Grotesk',system-ui,sans-serif;background:var(--steel);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--teal)}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
nav{border-bottom:1px solid var(--stroke);position:sticky;top:0;background:rgba(15,21,24,.9);backdrop-filter:blur(8px)}
.nav-row{display:flex;align-items:center;gap:10px;height:60px}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px}
.brand .rep{color:var(--teal)}
main{padding:48px 0 80px}
h1{font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.updated{color:var(--muted);font-size:14px;margin-bottom:8px}
.draft{background:rgba(22,198,220,.10);border:1px solid var(--stroke);border-radius:10px;padding:12px 14px;color:var(--muted);font-size:13px;margin:18px 0 30px}
h2{font-size:20px;font-weight:700;margin:30px 0 8px}
p{margin:10px 0;color:var(--ink)}
ul{margin:10px 0 10px 22px}
li{margin:6px 0}
.muted{color:var(--muted)}
footer{border-top:1px solid var(--stroke);padding:26px 0;color:var(--muted);font-size:14px}
footer a{color:var(--teal-deep)}