:root{--navy:#102a3a;--teal:#087d91;--gold:#eec46a;--ink:#1b3343;--muted:#566d7a;--bg:#f0f5f8;--card:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "Segoe UI",system-ui,-apple-system,Arial,sans-serif}
header{background:var(--navy);color:#fff;padding:22px 20px}header .brand{max-width:900px;margin:0 auto;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
header .brand b{color:var(--gold);letter-spacing:.08em;font-size:13px}header .brand span{font-size:26px;font-weight:700}
nav a{color:#c0dbe6;text-decoration:none;margin-right:16px;font-size:14px}nav a:hover{color:#fff}
main{max-width:900px;margin:0 auto;padding:28px 20px 48px}h1{font-size:30px;margin:0 0 8px}h2{font-size:20px;margin:28px 0 8px;color:var(--navy)}
.card{background:var(--card);border-radius:14px;padding:18px 20px;margin:14px 0;box-shadow:0 1px 2px rgba(16,42,58,.08)}
.muted{color:var(--muted)}a{color:var(--teal)}code{background:#e8f3f8;padding:2px 6px;border-radius:6px}
footer{max-width:900px;margin:0 auto;padding:12px 20px 36px;color:var(--muted);font-size:13px}
ul{padding-left:20px}li{margin:4px 0}