:root {font-family:system-ui,sans-serif; color:#192c35; background:#f2f6f7; line-height:1.65; color-scheme:light}
* {box-sizing:border-box}
body {max-width:48rem; padding:clamp(1rem,5vw,2.8rem); margin:auto}
header,footer {display:flex; flex-wrap:wrap; gap:1.5rem; align-items:center; justify-content:space-between; padding:1rem 0}
main {background:white; border:1px solid #dbe6e8; border-radius:1rem; padding:clamp(1rem,5vw,2.7rem)}
h1,h2 {line-height:1.2; letter-spacing:-.025em}
h1 {font-size:clamp(1.85rem,5vw,2.65rem); margin-top:.2rem}
h2 {font-size:1.28rem; margin:2rem 0 .6rem}
a {color:#005e70; text-underline-offset:.18em}
.brand {font-weight:700; letter-spacing:.03em}
footer {font-size:.9rem}