:root { --blue: #03548C; --gold: #FFBE32; --ink: #14212b; --bg: #ffffff; --soft: #f3f7fa; }
@media (prefers-color-scheme: dark) { :root { --ink: #e8eef3; --bg: #0e1a23; --soft: #15252f; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 "Archivo Narrow", Archivo, system-ui, -apple-system, "Segoe UI", sans-serif; }
header { background: var(--blue); color: #fff; border-bottom: 6px solid var(--gold); }
.wrap { max-width: 720px; margin: 0 auto; padding: 0 16px; }
header .wrap { padding-top: 28px; padding-bottom: 22px; }
h1, h2 { font-family: Archivo, system-ui, sans-serif; line-height: 1.2; }
header h1 { margin: 0; font-size: 1.8rem; }
header p { margin: 6px 0 0; opacity: .9; }
main { padding: 28px 0 48px; }
h2 { color: var(--blue); font-size: 1.25rem; margin-top: 1.8em; }
@media (prefers-color-scheme: dark) { h2 { color: var(--gold); } }
a { color: var(--blue); } @media (prefers-color-scheme: dark) { a { color: var(--gold); } }
footer { background: var(--soft); padding: 18px 0; font-size: .9rem; }
nav a { margin-right: 16px; }