:root { color-scheme: light; font-family: system-ui, sans-serif; color: #172532; background: #f1f4f6; }
body { margin: 0; padding: 3rem 1rem; }
main { box-sizing: border-box; max-width: 48rem; margin: auto; padding: 2.5rem; background: white; border-radius: .75rem; box-shadow: 0 .2rem 1.2rem #17253212; }
h1 { font-size: 2rem; line-height: 1.2; }
p, li { line-height: 1.6; }
li { margin-bottom: .75rem; }
a { color: #005a87; }
.badge { font-size: .75rem; font-weight: 700; letter-spacing: .08em; color: #72530c; }
.actions { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0; }
button, .button { display: inline-block; box-sizing: border-box; font: inherit; font-weight: 600; background: #005a87; color: white; border: 2px solid #005a87; border-radius: .3rem; padding: .7rem 1rem; cursor: pointer; text-decoration: none; }
.secondary { background: white; color: #005a87; }
:focus-visible { outline: 3px solid #cf8b00; outline-offset: 3px; }
.footnote { color: #52616d; font-size: .875rem; margin-top: 2rem; }
@media (max-width: 36rem) { body { padding: 1rem; } main { padding: 1.5rem; } }