:root{font-family:system-ui,Segoe UI,sans-serif;color:#162a39;background:#f1f5f7}*{box-sizing:border-box}body{margin:0}header{background:#102e40;color:white;padding:28px max(22px,calc((100vw - 1040px)/2))}main{max-width:1040px;margin:auto;padding:24px}h1{font-size:clamp(28px,5vw,44px);line-height:1.12;margin:12px 0}h2{font-size:21px}.tag{font-size:12px;letter-spacing:2px;color:#b8e5de}.notice{background:#fff4d5;border-left:5px solid #be8000;padding:16px;line-height:1.6}section{background:white;border:1px solid #d5e0e5;border-radius:12px;padding:24px;margin:20px 0}label{display:block;font-weight:600;margin-bottom:8px}select,button{font:inherit;padding:12px;border:1px solid #8ea6b2;border-radius:6px;max-width:100%}select{width:100%;background:white}button{background:#104c58;color:white;cursor:pointer;margin-top:12px}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b77c00;outline-offset:3px}.result{padding:20px;background:#edf4f7;border-radius:8px;margin-top:20px}.status{font-size:26px;font-weight:750;overflow-wrap:anywhere}.meta{color:#526a76;line-height:1.6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}li{margin:9px 0}pre{white-space:pre-wrap;word-break:break-all;font-size:12px;background:#f3f6f8;padding:14px}a{color:#086475}footer{padding:20px 0;color:#526a76} @media(max-width:650px){.grid{grid-template-columns:1fr}section{padding:18px}}