:root{--bg:#f8fafc;--surface:#fff;--line:#dce3ea;--text:#1e2933;--muted:#667789;--dark:#071827;--cyan:#0984e3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:1rem system-ui,sans-serif}header{display:flex;justify-content:space-between;padding:1rem 2rem;background:var(--dark);color:white}header strong{font-size:1.5rem}main{max-width:74rem;margin:auto;padding:1.5rem}nav{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}a{color:#075c9b}nav span{color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:.5rem;padding:1.5rem;margin:1rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}form{display:grid;gap:.75rem;max-width:28rem}input,button{font:inherit;padding:.65rem;border:1px solid var(--line);border-radius:.3rem}button{background:#075c9b;color:white;cursor:pointer}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}[role=alert]{color:#a32222}dt{font-weight:700;margin-top:.75rem}dd{margin-left:0;overflow-wrap:anywhere}@media(max-width:40rem){header{padding:1rem}main{padding:1rem}.panel{padding:1rem}}
textarea,select{font:inherit;padding:.65rem;border:1px solid var(--line);border-radius:.3rem;max-width:100%}textarea{resize:vertical}textarea:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.multiline{white-space:pre-wrap}.hint{color:var(--muted)}li,h2,h3{overflow-wrap:anywhere}