:root{font-family:"Noto Sans JP",system-ui,-apple-system,"Hiragino Kaku Gothic ProN",sans-serif;background:#f8f6ef;color:#20382f}*{box-sizing:border-box}body{margin:0}header,main{width:min(960px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;gap:16px;padding:24px 0;border-bottom:1px solid #c6d3c9;font-size:13px}main{padding:36px 0}h1{font-family:inherit;font-size:clamp(28px,5vw,42px);line-height:1.5}h2{font-size:22px;line-height:1.6}p,li{line-height:1.9}a{color:inherit;text-underline-offset:.25em}.eyebrow{font-size:12px;letter-spacing:.15em}.guide{border-left:4px solid #54795f;padding:8px 22px;margin:32px 0}.guide h2{font-size:18px}fieldset{border:1px solid #c6d3c9;border-radius:8px;padding:20px;display:flex;gap:24px;flex-wrap:wrap}legend{font-weight:700}label{line-height:1.8;cursor:pointer}input{accent-color:#28523e}.notice{font-size:13px;color:#455e50}.toolbar,.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}button{font:inherit;font-size:15px;border:1px solid #456550;padding:13px 20px;border-radius:6px;background:#fffdf7;color:#20382f;cursor:pointer;min-height:48px}.primary{background:#28523e;color:white}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){box-shadow:0 2px 0 #28523e}.actions{justify-content:space-between}#progress{padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;font-size:13px}#progress li{padding:10px;border-bottom:3px solid #ccd8cc}#progress li[aria-current]{border-color:#28523e;font-weight:700}#progress li.done{color:#42674c;background:#e6eddf}#screen{min-height:320px;background:#fffdf7;border:1px solid #c6d3c9;border-radius:12px;padding:28px}.mock{padding:20px;background:#eff1e8;border-radius:6px;margin-top:20px}.mock strong{display:block}.badge{font-size:12px;border-radius:30px;padding:6px 12px;background:#e6eddf;display:inline-block}.choices{display:flex;gap:12px;flex-wrap:wrap}.choices label{padding:12px;background:#eff1e8;border-radius:6px}footer{border-top:1px solid #c6d3c9;margin-top:40px;padding-top:20px;font-size:14px}:focus-visible{outline:3px solid #9b491f;outline-offset:4px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:600px){header{flex-direction:column}#progress{grid-template-columns:1fr}#progress li{padding:6px 10px}#screen{padding:20px}fieldset{gap:12px}.guide{padding-left:16px}.guide ol{padding-left:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}