*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#243746;font:16px/1.65 system-ui,sans-serif}header,nav,main,footer{max-width:860px;margin:auto;padding:20px}header{display:flex;align-items:center;gap:20px}.wordmark{color:#244f54;font-size:30px;font-weight:800;text-decoration:none}nav{display:flex;gap:10px;padding-top:0}button{font:inherit;border:1px solid #506f72;border-radius:9px;background:white;color:#244f54;padding:10px 18px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button[aria-current=page],button[type=submit]{background:#245d64;color:white}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9d621a;outline-offset:3px}.notice{padding:16px 20px;border-left:4px solid #527b80;background:#eaf1f1;border-radius:5px;margin-bottom:24px}.notice p{margin:7px 0}h1{font-size:25px}h2{font-size:21px}section,fieldset{background:white;border:1px solid #dae3e5;border-radius:12px;padding:22px}fieldset{margin:20px 0}legend{font-weight:700}label{display:block;margin:12px 0}input:not([type=checkbox]),select{display:block;max-width:100%;width:100%;padding:9px;border:1px solid #9daeb1;border-radius:6px;font:inherit}input[type=checkbox]{width:19px;height:19px;margin-right:8px}.check{display:flex;align-items:flex-start;gap:8px}#result{margin-top:20px}#page-error{color:#813d21}article{border-bottom:1px solid #ddd;padding:12px 0}[hidden]{display:none!important}@media(max-width:520px){header,nav,main,footer{padding:14px}header{display:block}nav{gap:5px}nav button{padding:8px;font-size:14px;flex:1}section,fieldset{padding:15px}h1{font-size:23px}.notice{font-size:14px}}