:root { --brand: #14365c; --text: #1b2430; --muted: #5a6572; --line: #d6dce4; --bg: #f5f7fa; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--text); background: var(--bg); }
.topbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; padding: .75rem 1.25rem; background: var(--brand); color: #fff; }
.topbar a, .link-button { color: #fff; text-decoration: none; font-weight: 600; }
.nav { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; }
.who { opacity: .85; }
.inline { display: inline; margin: 0; }
.link-button { background: none; border: 0; padding: 0; font: inherit; font-weight: 600; cursor: pointer; text-decoration: underline; }
.content { max-width: 56rem; margin: 2rem auto; padding: 0 1.25rem; }
h1 { font-size: 1.6rem; margin-top: 0; }
a:focus-visible, .button:focus-visible, .link-button:focus-visible { outline: 3px solid #f2b705; outline-offset: 2px; }
.button { display: inline-block; padding: .65rem 1.1rem; background: var(--brand); color: #fff; border-radius: 6px; font-weight: 600; text-decoration: none; }
.alert { padding: .75rem 1rem; background: #fdecea; border-left: 4px solid #b3261e; border-radius: 4px; }
.hint { color: var(--muted); }