@font-face { font-family: Manrope; src: url('assets/fonts/manrope-regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
* { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: 0; background: #f4f7f5; color: #183331; font: 16px/1.8 Manrope, 'Segoe UI', sans-serif; }
a { color: #087b70; text-underline-offset: 5px; overflow-wrap: anywhere; }
a:focus-visible { outline: 2px solid #087b70; outline-offset: 6px; }
.skip-link { position: absolute; top: -100px; left: 20px; padding: 12px; background: #183331; color: white; }
.skip-link:focus { top: 10px; }
header, footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding: 30px max(24px, 6vw); align-items: center; font-size: 13px; border-bottom: 1px solid #d9e3df; }
header img { display: block; max-width: 100%; height: auto; }
main { max-width: 850px; padding: 72px 24px 90px; margin: auto; }
.eyebrow { font: 12px/1.6 Consolas, monospace; letter-spacing: .12em; color: #087b70; }
h1 { font-size: clamp(36px, 5vw, 64px); font-weight: 400; line-height: 1.12; letter-spacing: -.045em; margin: 25px 0; overflow-wrap: anywhere; }
.intro { font-size: 19px; color: #526561; margin-bottom: 55px; }
h2 { font-size: 23px; font-weight: 400; margin-top: 42px; }
p, dd { color: #526561; }
dl { display: grid; grid-template-columns: 190px 1fr; gap: 16px 24px; }
dt { color: #183331; }
dd { margin: 0; overflow-wrap: anywhere; }
.updated { margin-top: 60px; font-size: 13px; }
footer { border-top: 1px solid #d9e3df; border-bottom: 0; }
footer nav { display: flex; flex-wrap: wrap; gap: 24px; }
.legal-button { display: inline-block; padding: 15px 22px; background: #e4edf2; color: #17222d; }
@media (max-width: 600px) { dl { grid-template-columns: 1fr; gap: 5px; } dd { margin-bottom: 20px; } main { padding-top: 42px; } }