:root{font-family:Arial,'Malgun Gothic',sans-serif;color:#172746;background:#f3f6fb;font-synthesis:none;line-height:1.6;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}a{color:#275dba}header{height:80px;background:#fff;border-bottom:1px solid #dce3ed;padding:0 max(28px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:-.5px}.brand-mark{background:#172746;color:white;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-size:22px}.brand strong span{font-weight:400;margin-left:5px}.version{font-size:14px;color:#66738a}main{max-width:1256px;padding:38px 28px 0;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;color:#567197}h1{font-size:32px;letter-spacing:-1.3px;line-height:1.4;margin:8px 0 9px}p{margin:0}.page-title p{color:#5b6b82;font-size:15px}.text-button{border:1px solid #cfd8e6;background:#fff;padding:9px 17px;border-radius:8px;color:#445670;white-space:nowrap;font-size:14px}.notice{border:1px solid #d5e1f5;background:#eaf1fc;padding:16px 20px;border-radius:10px;margin-bottom:28px;font-size:14px;color:#355781}.notice strong{color:#214b84}.notice p{margin-top:3px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.panel{background:#fff;border:1px solid #dce3ed;border-radius:14px;margin-bottom:22px;padding:26px}.section-heading{display:flex;gap:13px;align-items:center;margin-bottom:24px}.section-number{background:#edf3ff;color:#3169c6;border-radius:9px;width:39px;height:39px;display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}h2{font-size:20px;letter-spacing:-.5px;margin:0}.section-heading p{font-size:14px;color:#69788e;margin-top:2px}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:block;min-width:0}.field>span{display:block;margin-bottom:8px;font-size:15px}.field b{font-size:13px;color:#607ca6;margin-right:5px}.field input{width:100%;height:49px;border:1px solid #cbd5e3;border-radius:8px;padding:10px 12px;color:#172746;background:#fff;min-width:0}.field input::placeholder{font-size:14px;color:#7a879a}.with-unit{position:relative}.with-unit input{padding-right:40px}.with-unit>span{position:absolute;right:14px;top:12px;color:#6e7d91;font-size:14px}.field small{display:block;color:#738094;font-size:12px;margin-top:5px}.helper{font-size:13px;color:#65778d;margin-top:20px}.time-summary{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #edf0f5;margin-top:18px;padding-top:16px;font-size:13px;color:#63748b}.time-summary strong{margin-left:9px;color:#2b5ea8;font-size:15px}.choice-note{font-size:13px;color:#6e5a2b;background:#faf6ed;border-radius:7px;padding:11px 13px;margin-bottom:9px}.question{border:0;margin:0;padding:20px 0;border-bottom:1px solid #edf0f5;min-width:0}.question:last-child{border-bottom:0;padding-bottom:0}.question legend{float:left;width:100%;padding:0;margin-bottom:11px;font-size:15px}.question legend b{font-size:13px;color:#6d819e;display:inline-block;min-width:25px}.options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;clear:both}.option{position:relative;cursor:pointer;min-width:0}.option input{position:absolute;opacity:0;width:1px;height:1px}.option span{min-height:43px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 3px;border:1px solid #dce3ed;border-radius:7px;font-size:14px;color:#5b6b81;transition:background .12s}.option input:checked+span{background:#edf3ff;color:#245ebd;border-color:#3c75d5;box-shadow:inset 0 0 0 1px #3c75d5;font-weight:700}.option input:focus-visible+span{outline:3px solid #83adf1;outline-offset:3px}.option:hover span{border-color:#91abd1}.form-actions{display:flex;flex-direction:column;align-items:flex-end;gap:15px;margin:5px 0 30px}.form-actions p{font-size:13px;color:#64758b}.primary{background:#275fc1;color:#fff;border:0;padding:13px 23px;border-radius:9px;font-weight:700}.primary span{margin-left:22px}.primary:hover{background:#194da7}aside{position:sticky;top:24px}.result{border-radius:14px;background:#fff;border:1px solid #dce3ed;overflow:hidden;scroll-margin-top:20px}.result-top{background:#172746;color:#fff;padding:25px 25px 20px}.result-top .eyebrow{color:#a7c2ed;font-size:11px}.result-top h2{font-size:23px;margin:4px 0 18px}.result-top>span:last-of-type{font-size:13px;color:#c1cfe4}.result-top progress{width:100%;height:5px;display:block;margin-top:9px;border:0;border-radius:6px;background:#364661}.result-top progress::-webkit-progress-bar{background:#364661;border-radius:6px}.result-top progress::-webkit-progress-value{background:#85b4ff;border-radius:6px}.result-top progress::-moz-progress-bar{background:#85b4ff}.total-area{text-align:center;padding:25px 24px 19px}.total-area>span{font-size:14px;color:#65758d}.total-area>div{line-height:1.2;margin:10px 0 12px}.total-area strong{font-size:64px;letter-spacing:-3px;font-weight:700}.out-of{color:#8692a4;margin-left:9px;font-size:20px}.total-area p{font-size:14px;color:#66768e;min-height:44px}#components{list-style:none;padding:0 24px;margin:0}#components li{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:11px 0;border-top:1px solid #edf0f5;gap:10px}#components .code{font-size:12px;color:#8090a7;margin-right:8px}#components strong{font-size:15px;color:#285eb2}#components small{color:#92a0b1;font-size:12px;font-weight:400}.result-foot{font-size:12px;color:#738198;background:#f8fafd;padding:15px 24px;margin-top:13px}.privacy{text-align:center;color:#758298;font-size:12px;margin:15px 3px}.errors{background:#fff1ef;color:#a83427;font-size:14px;padding:16px 22px}.errors ul{margin:6px 0;padding-left:18px}.errors a{color:#a83427}.method{margin:10px 0 26px;background:#fff;border:1px solid #dce3ed;border-radius:10px;font-size:14px}.method summary{cursor:pointer;padding:18px 22px;font-weight:700}.method>div{padding:0 22px 22px;color:#5b6b80}.method p+p{margin-top:12px}.method li{margin:7px 0}footer{border-top:1px solid #dce3ed;padding:20px 0;color:#63738b;font-size:13px;display:flex;justify-content:space-between;gap:20px}footer span{color:#8390a2}.skip{position:absolute;top:-60px;left:15px;padding:10px;background:white;z-index:10}.skip:focus{top:5px}.mobile{display:none}:focus-visible{outline:3px solid #749de0;outline-offset:3px}[aria-invalid=true]{border-color:#c64035!important}.question[aria-invalid=true]{outline:2px solid #e2a49c;outline-offset:5px;border-radius:5px}@media(max-width:950px){.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.panel{padding:20px}.time-grid{grid-template-columns:1fr}main{padding:28px 20px 0}}@media(max-width:720px){header{height:67px;padding:0 20px}.brand{font-size:17px}.version{font-size:12px}.page-title{align-items:flex-start}.page-title p{font-size:14px}h1{font-size:27px}.eyebrow{font-size:10px;letter-spacing:1px}.mobile{display:block}.text-button{font-size:12px;padding:8px 10px}.workspace{grid-template-columns:1fr;gap:0}aside{position:static;margin-bottom:22px}.time-grid{grid-template-columns:1fr 1fr;gap:18px 12px}.field>span{font-size:14px}.field input::placeholder{font-size:12px}.panel{padding:20px 17px}.notice{padding:14px 16px;font-size:13px}.option span{font-size:13px}.options{gap:6px}.form-actions{align-items:stretch}.form-actions p{font-size:12px}.primary{width:100%}footer{font-size:12px}.result-top{padding:22px}.total-area p{min-height:0}.question legend{font-size:14px}.brand-mark{width:31px;height:31px;font-size:19px}}@media(max-width:380px){.time-grid{grid-template-columns:1fr}.brand strong span{display:none}.options{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.debug-switch{display:flex;gap:9px;align-items:center;font-size:14px;color:#315a96;cursor:pointer;white-space:nowrap}.debug-switch input{width:18px;height:18px;accent-color:#275fc1}.debug-panel{margin:20px 0 28px;border:1px solid #c9d6eb;border-radius:12px;background:#fff;padding:24px;scroll-margin-top:20px}.debug-panel[hidden]{display:none}.debug-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.debug-heading p,.debug-heading a{font-size:14px;color:#536b8d}.debug-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.debug-card{min-width:0;border:1px solid #dce4f0;border-radius:9px;padding:18px}.debug-card h3{font-size:16px;margin:0 0 12px}.debug-card code{display:block;background:#edf3fc;padding:10px;border-radius:6px;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.debug-substitution{font-family:monospace;margin:12px 0;font-size:15px;overflow-wrap:anywhere}.debug-card strong{color:#275fc1;font-size:16px}.debug-rule{font-size:13px;color:#64758d;margin-top:10px}.debug-panel details{margin-top:20px}.debug-panel summary{cursor:pointer;font-size:14px}.debug-panel pre{background:#f4f7fc;padding:15px;border-radius:8px;overflow:auto;font-size:13px;max-height:360px}@media(max-width:720px){.page-title{flex-wrap:wrap}.debug-switch{margin-left:auto}.debug-panel{padding:18px}.debug-heading{display:block}.debug-heading a{display:inline-block;margin-top:10px}.debug-cards{grid-template-columns:1fr}}
