:root{font-family:system-ui,sans-serif;color:#203238;background:#f5f7f7;line-height:1.5;--accent:#164b52}*{box-sizing:border-box}body{margin:0}header{padding:1rem max(1rem,calc((100% - 1100px)/2));background:var(--accent);color:white;display:flex;justify-content:space-between;gap:1rem}header a{color:white;font-weight:700}main{max-width:1100px;margin:auto;padding:1rem}h1{margin-bottom:.3rem}h2{font-size:1.35rem}h3{font-size:1rem;margin:.3rem 0}a{color:#145e70}aside{border-left:4px solid #bc7720;background:#fff4de;padding:.8rem}nav,.toolbar,.row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin:1rem 0}nav button[aria-pressed=true]{background:var(--accent);color:white}button{font:inherit;border:1px solid #67858b;border-radius:5px;padding:.6rem .85rem;background:white;color:#164b52;cursor:pointer;min-height:44px}button:hover{background:#e7f2f2}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #da962e;outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}article,details,section:not(.toolbar):not(.grid){background:white;border:1px solid #d7e0e1;border-radius:6px;padding:1rem;margin:1rem 0}article{margin:0}output{display:block;font-size:1.7rem;font-weight:650;font-variant-numeric:tabular-nums}meter{width:100%;height:1.1rem}p{margin:.5rem 0}.muted,small{color:#586b70;font-size:.9rem}label{display:block;font-weight:550;margin:.5rem 0}input,select,textarea{display:block;font:inherit;padding:.55rem;border:1px solid #9aafb3;border-radius:4px;width:100%;background:white;color:#203238}summary{font-weight:650;cursor:pointer;padding:.35rem}.event{padding:.6rem 0;border-bottom:1px solid #e1e8e9;overflow-wrap:anywhere}.warn{color:#8b3b04}.row label{flex:1;min-width:130px}#message:empty{display:none}#message{background:#e2eff0;padding:.6rem}footer{margin:2rem 0}#suggestion{background:#fff4de;padding:1rem}[hidden]{display:none!important}@media(max-width:500px){nav button{width:100%}header span{display:none}.grid{grid-template-columns:1fr 1fr}.grid label,.grid p{grid-column:1/-1}output{font-size:1.3rem}article{padding:.75rem}.toolbar strong{width:100%}}