:root{font:16px/1.55 system-ui,sans-serif;color:#17243a;background:#eef2f7}*{box-sizing:border-box}body{margin:0}header{background:#13243d;color:white;padding:1.5rem}header a{color:#d2e7ff}nav{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}main{max-width:900px;margin:2rem auto;padding:0 1rem}h1{font-size:2rem}h2{font-size:1.15rem;overflow-wrap:anywhere}section,article{background:white;border:1px solid #ccd5e1;padding:1.4rem;margin:1rem 0;border-radius:.5rem}form{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:1rem 0}label{display:flex;flex-direction:column;gap:.3rem;max-width:100%}input,select,button{font:inherit;padding:.65rem;border:1px solid #73839a;border-radius:.25rem;max-width:100%}button{background:#155ca1;color:white;cursor:pointer}button:hover{background:#114d87}a{color:#155ca1}p{overflow-wrap:anywhere}[role=alert]{padding:1rem;border-left:4px solid #b6510d;background:#fff1e5}input:focus,select:focus,button:focus,a:focus{outline:3px solid #48a8df;outline-offset:3px}@media(max-width:540px){form,label,input,select,button{width:100%}header{padding:1rem}}