* { box-sizing: border-box; }
html { color: #212729; background: #f6f6f2; font: 100%/1.55 system-ui,sans-serif; }
body { margin: 0; }
nav, main { padding: 1.2rem max(1.2rem,calc((100vw - 62rem)/2)); }
nav { display:flex; flex-wrap:wrap; align-items:center; gap:.8rem; background:#213638; color:white; }
nav a { color:white; text-underline-offset:.24rem; }
main { overflow-x:auto; }
h1 { margin:1.25rem 0; font-size:clamp(2rem,4vw,3rem); line-height:1.1; }
h2 { margin:2rem 0 .6rem; font-size:1.3rem; }
form { margin:1rem 0; }
label { display:block; font-weight:600; margin:.65rem 0; }
input,textarea { display:block; border:1px solid #737d7c; border-radius:.3rem; padding:.6rem; width:min(100%,36rem); font:inherit; background:#fff; }
textarea { min-height:8rem; }
button { font:inherit; font-weight:600; border:0; border-radius:.35rem; padding:.65rem 1rem; color:white; background:#205450; cursor:pointer; }
:focus-visible { outline:3px solid #bf7334; outline-offset:3px; }
table { border-collapse:collapse; width:100%; }
td,th { padding:.6rem; border-bottom:1px solid #ccd2ce; text-align:left; overflow-wrap:anywhere; }
dt { font-weight:600; } dd { margin:0 0 .5rem; font-variant-numeric:tabular-nums; }