:root{font:17px system-ui,sans-serif;color:#172b3d;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{background:#163a5f;color:white;padding:1.2rem max(1rem,calc((100vw - 900px)/2))}h1{font-size:1.6rem;margin:0}small{display:block;font-size:.85rem;font-weight:400;margin-top:.3rem}main{max-width:900px;margin:auto;padding:1rem}section,aside{background:white;border-radius:12px;padding:1.2rem;margin-bottom:1rem;box-shadow:0 2px 8px #1020300c}label{display:block;margin:.8rem 0}input,textarea{display:block;width:100%;padding:.75rem;font:inherit;border:1px solid #8d9dac;border-radius:6px;margin-top:.35rem}button{font:inherit;border:0;border-radius:6px;background:#165c96;color:white;padding:.75rem 1rem;cursor:pointer;margin:.25rem .3rem .25rem 0;min-height:44px}button:disabled{opacity:.55}button.secondary{background:#e2eaf2;color:#163a5f}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.toolbar p{flex:1;min-width:150px}.warning,aside{font-size:.9rem;color:#44566a}#notice:not(:empty){padding:.8rem;background:#fff1c9;border-radius:6px}article{padding:1rem 0;border-bottom:1px solid #d8e1ea;overflow-wrap:anywhere}article h3{margin:.3rem 0}article p{white-space:pre-wrap}.status{font-size:.85rem;color:#355b7b}*:focus-visible{outline:3px solid #db8d13;outline-offset:2px}[hidden]{display:none!important}@media(max-width:400px){main{padding:.6rem}section,aside{padding:.85rem}}