:root{--navy:#0b1a33;--gold:#b08d3c;--ink:#1d2433;--muted:#4a5263}*{box-sizing:border-box}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#f6f4ee}
header{background:var(--navy);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}header a{color:#fff;font-weight:600;text-decoration:none}header nav a{margin-left:16px}
main{max-width:860px;margin:0 auto;padding:28px 18px 60px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.06)}h1{color:var(--navy);font-size:clamp(26px,5vw,36px);line-height:1.2;margin:.2em 0 .3em}
h2{color:var(--navy);font-size:21px;margin:1.6em 0 .4em;border-bottom:2px solid #eee3c7;padding-bottom:4px}.meta{color:var(--muted);font-size:15px}.note{background:#f3efe2;border-left:5px solid var(--gold);padding:10px 14px;border-radius:6px;font-size:15px}
a{color:#0b3b8c}ul.toc{columns:2;padding-left:18px}@media(max-width:600px){ul.toc{columns:1}}footer{max-width:860px;margin:0 auto;padding:18px;color:var(--muted);font-size:14px}