:root{font-family:Inter,system-ui,sans-serif;color:#172d38;background:#f3f6f5;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{background:#0d2836;color:white;padding:22px 5vw;display:flex;align-items:center;gap:24px}header strong{letter-spacing:.15em}header span{font-weight:400;font-size:.8em}header small{margin-left:auto;color:#adccd3}main{max-width:1200px;margin:auto;padding:42px 24px}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;letter-spacing:-.04em}h2{font-size:1.3rem}button,select,input,textarea{font:inherit}button{border:0;border-radius:6px;padding:10px 18px;background:#176575;color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e5a645;outline-offset:3px}.eyebrow{letter-spacing:.15em;font-size:.8rem;color:#176575}#status{padding:14px;background:#e3eceb;border-left:3px solid #176575;white-space:pre-wrap}.layout{display:grid;grid-template-columns:260px 1fr;gap:24px;margin-top:24px}aside,article{background:white;border:1px solid #d6e1e1;border-radius:10px;padding:24px}ul{padding:0;list-style:none}li{margin:12px 0}li button{text-align:left;width:100%;background:#edf3f3;color:#172d38}label{display:block;font-weight:600;margin:14px 0}input,textarea,select{display:block;border:1px solid #8fa7ad;border-radius:5px;padding:10px;width:100%;background:white;color:#172d38}textarea{min-height:100px}select{max-width:400px}dialog{border:1px solid #8fa7ad;border-radius:12px;width:min(620px,94vw);padding:28px}dialog::backdrop{background:#09222dcc}.meta{color:#48616a;font-size:.88rem}pre{white-space:pre-wrap;word-break:break-word;background:#f3f6f5;padding:14px;font:inherit}article button{margin:5px}hr{border:0;border-top:1px solid #d6e1e1;margin:24px 0}[hidden]{display:none!important}@media(max-width:720px){.layout{grid-template-columns:1fr}header{flex-wrap:wrap}header small{margin:0}main{padding:24px 16px}}