html { color-scheme: light; font: 100%/1.6 system-ui, sans-serif; }
body { margin: 0; background: #f1f5f9; color: #172b42; }
main { box-sizing: border-box; max-width: 46rem; margin: 12vh auto; padding: 2rem; border-top: .35rem solid #165d85; background: white; }
h1 { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.15; letter-spacing: -.03em; }
p { max-width: 36rem; }
.environment { color: #165d85; font-weight: 700; }
.note { margin-top: 2rem; color: #44556a; }
a { color: #13587f; text-underline-offset: .2em; }
a:focus-visible { outline: 3px solid #165d85; outline-offset: 4px; }
@media (max-width: 48rem) { main { margin: 6vh 1rem; padding: 1.5rem; } }