:root{font-family:system-ui,sans-serif;color:#182939;background:#f1f5f7;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{background:#123d45;color:white;padding:1rem 5%;display:flex;justify-content:space-between;align-items:center}header>a{color:white;font-size:1.5rem;font-weight:750;text-decoration:none}nav{display:flex;gap:.7rem}nav form{display:flex;gap:.3rem}aside{background:#fff2cf;padding:.8rem 5%;border-bottom:1px solid #c8a34b}main{max-width:1150px;margin:2rem auto;padding:0 1.2rem}.panel{background:white;border:1px solid #d4dfe4;border-radius:12px;padding:1.6rem;box-shadow:0 3px 10px #18293908}.narrow{max-width:560px;margin:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}h1{letter-spacing:-.035em;font-size:2rem}h2{margin-top:0}a{color:#005d70}input,select{display:block;width:100%;padding:.7rem;border:1px solid #798e99;border-radius:5px;font:inherit}input[type=checkbox]{display:inline;width:auto}label{font-weight:600}button{padding:.65rem 1rem;border:1px solid #657e88;border-radius:6px;background:white;font:inherit;cursor:pointer}.primary{background:#086675;color:white;border-color:#086675;font-weight:650}.errorlist{color:#9d2532;background:#fff1f1;padding:1rem 1.7rem}article+article{border-top:1px solid #d4dfe4}footer{padding:2rem;text-align:center;color:#506571}code{overflow-wrap:anywhere}a:focus,button:focus,input:focus{outline:3px solid #c78512;outline-offset:3px}@media(max-width:700px){.grid{grid-template-columns:1fr}header{padding:1rem}main{padding:0 .7rem}.panel{padding:1rem}h1{font-size:1.7rem}}
header,header nav{flex-wrap:wrap;gap:.7rem}header nav>a{color:white;align-self:center}header nav{max-width:100%}