:root{font:100%/1.55 system-ui,sans-serif;color:#153640;background:#eef4f2}
body{margin:0}header,main,footer{max-width:42rem;margin:auto;padding:1.25rem}
header{font-weight:700}main{background:white;border-radius:.75rem;padding:clamp(1.25rem,5vw,2.5rem)}
h1{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.15;margin:0 0 .75rem}
h2{font-size:1.125rem;margin:1.5rem 0 .375rem}p{margin:0 0 .75rem}
a{color:#075b5a;text-underline-offset:.15em}a:focus-visible{outline:3px solid #a05018;outline-offset:4px}
footer a{display:inline-block;padding:.5rem 0}
@media(max-width:46rem){main{margin-inline:1rem}}