:root{font-family:system-ui,sans-serif;color:#172238;background:#f3f6fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{background:#101d32;color:#d7e2f2;padding:18px 5%;display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}.brand{font-weight:750;color:#61d6e1;font-size:22px}main{max-width:1160px;margin:auto;padding:32px 24px}h1{font-size:clamp(28px,4vw,44px);line-height:1.15;max-width:850px}h2{font-size:22px;margin-top:0}.lead{font-size:19px;max-width:820px}.notice{background:#fff2d9;padding:16px;border-left:4px solid #c77d10}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}article{background:white;border:1px solid #d7dfeb;border-radius:16px;padding:24px;margin:20px 0;min-width:0}nav,.actions{display:flex;gap:12px;flex-wrap:wrap}button{font:inherit;border:1px solid #aab9ce;background:#eef3fa;color:#122139;padding:11px 18px;border-radius:9px;min-height:44px;cursor:pointer}button:hover{background:#dce9f6}button.primary,button[aria-pressed=true]{background:#193d65;color:white}button:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-weight:600;margin:15px 0}input,textarea,select{display:block;width:100%;font:inherit;font-weight:400;padding:10px;border:1px solid #b4c1d3;border-radius:7px;margin-top:6px}textarea{resize:vertical}label.check{display:flex;gap:12px;align-items:center}label.check input{width:auto}p{overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5fa;padding:16px;border-radius:8px}#message{min-height:24px;color:#193d65}#message.error{color:#992d22}.record{border-top:1px solid #dce3ed;padding:14px 0}.badge{font-weight:600;color:#345373}footer{padding:32px 0;color:#4a607b}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0c91bc;outline-offset:3px}[hidden]{display:none!important}@media(max-width:680px){.grid{grid-template-columns:1fr}main{padding:22px 14px}article{padding:18px}header{padding:16px}}