:root { color-scheme: light; font-family: system-ui, sans-serif; color: #17242f; background: #fff; }
body { margin: 0; font-size: 1rem; line-height: 1.65; }
header, main { box-sizing: border-box; width: min(100%, 48rem); margin-inline: auto; padding: 1rem clamp(1rem, 4vw, 2rem); overflow-wrap: anywhere; }
header { border-bottom: 1px solid #bdc9cf; font-weight: 700; }
h1 { font-size: clamp(1.8rem, 5vw, 2.4rem); line-height: 1.2; }
h2 { font-size: 1.35rem; line-height: 1.3; margin-top: 2rem; }
p, li { overflow-wrap: anywhere; }
li + li { margin-top: .5rem; }
ul { padding-left: 1.5rem; }
a { color: #00598a; text-decoration: underline; text-underline-offset: .15em; }
a:focus-visible, main:focus-visible { outline: 3px solid #00598a; outline-offset: 4px; }
.skip-link { position: absolute; top: -8rem; left: 1rem; background: #fff; padding: .75rem; }
.skip-link:focus { top: 1rem; }
@media print { header { padding: 0; } main { width: 100%; padding: 0; } body { color: #000; font-size: 11pt; } h1, h2 { break-after: avoid; } a { color: #000; } .skip-link { display: none; } }