:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.55; margin: 0; padding: 0; background: #0b1420; color: #d7e3f0; }
.hero { background: #0b1420 url("/img/hero.jpg") center / cover no-repeat; display: flex; gap: 1.25rem; align-items: center; padding: 3.5rem 1rem; border-bottom: 2px solid #274a68; }
.hero > div { max-width: 44rem; margin: 0 auto 0 0; text-shadow: 0 1px 8px #000; }
.emblem { border-radius: 50%; border: 2px solid #6fa8cf; width: 96px; height: 96px; flex: none; }
main { max-width: 44rem; margin: 0 auto; padding: 1rem 1rem 4rem; }
h1 { font-size: 1.6rem; margin: 0; }
.sub { margin-top: 0.25rem; opacity: 0.85; }
h2 { font-size: 1.1rem; margin-top: 2rem; border-bottom: 1px solid #274a68; padding-bottom: 0.25rem; color: #9fd0ef; }
table { border-collapse: collapse; }
th, td { text-align: left; padding: 0.3rem 1rem 0.3rem 0; vertical-align: top; }
th { opacity: 0.7; font-weight: 600; white-space: nowrap; }
code { font-size: 0.9em; background: #13222f; padding: 0.1em 0.3em; border-radius: 4px; }
footer { margin-top: 3rem; font-size: 0.85rem; opacity: 0.65; }
a { color: #9fd0ef; }