:root{--navy:#1F3864;--text:#222;--muted:#555;--bg:#fff;--line:#dce6f1}
@media (prefers-color-scheme:dark){:root{--navy:#9db8e8;--text:#e8e8e8;--muted:#a8a8a8;--bg:#14181f;--line:#2a3342}}
*{box-sizing:border-box}
body{margin:0;font-family:Calibri,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
header,main,footer{max-width:760px;margin:0 auto;padding:0 16px}
header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:20px;padding-bottom:12px;border-bottom:2px solid var(--navy)}
.brand{font-weight:700;color:var(--navy);text-decoration:none;font-size:1.15rem}
nav a{margin-left:16px;color:var(--navy);text-decoration:none}
nav a:hover,nav a[aria-current]{text-decoration:underline}
h1{color:var(--navy);margin-top:32px}
h2{color:var(--navy);border-bottom:1px solid var(--line);padding-bottom:4px;margin-top:28px}
.tag{color:var(--muted)}
a{color:var(--navy)}
footer{margin-top:48px;padding-bottom:32px;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line);padding-top:12px}