*{box-sizing:border-box}body{margin:0;background:#f3f7fb;color:#16324a;font:16px/1.75 system-ui,sans-serif}main{max-width:900px;margin:auto;padding:38px 24px}h1{font-size:clamp(32px,5vw,50px);line-height:1.35;margin:20px 0}h2{font-size:22px}section{background:white;border-left:4px solid #276fa0;padding:24px;margin:28px 0}label{display:block;font-weight:600}textarea{width:100%;font:inherit;padding:12px;border:1px solid #7993a9;border-radius:4px;margin-top:12px}button{background:#125880;color:#fff;border:0;padding:13px 22px;font:inherit;border-radius:5px;cursor:pointer}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #d68c00;outline-offset:3px}.note,footer,.label{font-size:14px;color:#435d71}article{border-bottom:1px solid #ccdbe6;padding:14px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 system-ui}#status{color:#8f2e13}input[type=checkbox]{width:20px;height:20px;vertical-align:middle} @media(max-width:500px){main{padding:24px 14px}section{padding:16px}h2{font-size:20px}}