body{margin:0;background:#f3f6fa;color:#0a1f44;font:16px/1.6 Arial,sans-serif}main{max-width:1100px;margin:auto;padding:32px 20px}a{color:#087490}section{background:white;border:1px solid #d5e1ec;border-radius:14px;padding:24px;margin:20px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;margin:12px 0}input:not([type=checkbox]),select{display:block;box-sizing:border-box;width:100%;padding:10px;border:1px solid #abbdd0;border-radius:6px;font:inherit}button{padding:12px 18px;background:#0a1f44;color:white;border:0;border-radius:7px;font:inherit;cursor:pointer}.notice{background:#e0f4ff;padding:16px;border-radius:10px}.inline{display:inline-block;vertical-align:bottom;margin:8px 16px 8px 0}code{overflow-wrap:anywhere}button:focus-visible,a:focus-visible{outline:3px solid #00b9ef;outline-offset:3px}@media(max-width:700px){.grid{grid-template-columns:1fr;gap:0}}