* { box-sizing: border-box; }
html { color-scheme: light; background: #f7f8fa; color: #17212f; font: 17px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; }
header, main { width: min(100% - 2rem, 58rem); margin-inline: auto; }
header { padding-block: 1.5rem; }
header > a { color: #17212f; font-size: 1.15rem; font-weight: 700; }
nav { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; margin-top: .8rem; font-size: .88rem; }
article { background: #fff; padding: clamp(1.2rem, 4vw, 3rem); border: 1px solid #e0e5ec; border-radius: .5rem; margin-bottom: 2rem; overflow-wrap: anywhere; }
h1 { font-size: clamp(1.6rem, 4vw, 2.2rem); line-height: 1.25; margin-top: 0; }
h2, h3 { line-height: 1.35; }
p { margin-block: 1rem; }
a { color: #174d8f; text-underline-offset: .15em; }
a:focus-visible { outline: 3px solid #d47915; outline-offset: 3px; }
@media print { html { background: white; font-size: 11pt; } header { display: none; } main { width: 100%; } article { border: 0; padding: 0; } }