:root{--ink:#0f172a;--muted:#475569;--line:#e2e8f0;--brand:#1d4ed8}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#f8fafc;line-height:1.65}
a{color:var(--brand)}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{background:#0b1220;padding:16px 0}
.logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:19px;letter-spacing:-.02em}
.logo span span{color:#60a5fa}
main{background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:32px;margin-bottom:32px;padding:32px 36px}
h1{font-size:32px;letter-spacing:-.02em;margin:0 0 4px}
.meta{color:var(--muted);margin:0 0 24px;font-size:14px}
h2{font-size:19px;margin:28px 0 8px}
p,li{color:#1e293b}
ul{padding-left:20px}
li{margin-bottom:8px}
footer{color:var(--muted);font-size:14px;padding:0 0 32px}
@media (max-width:600px){main{padding:22px 18px;margin-top:16px;border-radius:0;border-left:0;border-right:0}.wrap{padding:0 16px}main.wrap{padding:22px 18px}}