:root{font-family:Segoe UI,Arial,sans-serif;background:#f4f6f8;color:#17222f}*{box-sizing:border-box}body{margin:0}header{background:#9e1c28;color:white;padding:16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}header span{margin-left:auto}main{max-width:1200px;margin:auto;padding:20px}.card{background:white;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 2px 10px #0001}article{padding:12px;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:14px;flex-wrap:wrap}article span{flex:1}nav{display:flex;flex-wrap:wrap;gap:10px}nav a{padding:12px;background:white;border-radius:8px}a{color:#8f1b26}button,.button{display:inline-block;background:#9e1c28;color:white;border:0;border-radius:8px;padding:13px 17px;font-size:16px;cursor:pointer;text-decoration:none;min-height:44px}label{display:block;font-weight:600;margin:8px 0}input,select,textarea{display:block;width:100%;font:inherit;padding:10px;min-height:44px;margin-top:6px;border:1px solid #aeb8c3;border-radius:8px}input[type=checkbox]{width:30px;height:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.notice{padding:14px;background:#e4efff;border-radius:8px}.notice.error{background:#ffdddd}footer{text-align:center;padding:24px;color:#59626d}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #247ab8}@media(max-width:500px){main{padding:10px}header span{margin:0}}
