:root{font-family:"Yu Gothic UI","Noto Sans JP",system-ui,sans-serif;color:#133759;background:#f0fbff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#effbff,#fffbea 65%,#fff0f6)}.shell{max-width:1180px;margin:auto;padding:24px 20px 64px}nav{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}a{color:#174d77;overflow-wrap:anywhere}nav a{font-weight:900;min-height:44px;display:flex;align-items:center}article{background:#fff;border:2px solid #ade2ed;border-radius:28px;overflow:hidden;box-shadow:0 24px 64px #174d7718}.hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:42px;background:linear-gradient(115deg,#fff,#e3f9ff 65%,#fff3bf)}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.22;margin:12px 0}h1 em{font-style:normal;color:#d84f7e}h2{font-size:clamp(1.45rem,3vw,2.1rem);margin-top:0}.hero img{width:100%;height:auto;border-radius:16px;border:3px solid #fff}.hero p{line-height:1.8}.kicker{color:#13738b;font-size:.8rem;font-weight:900;letter-spacing:.1em}.weapon{background:#fff;border-left:5px solid #f27b9f;border-radius:8px;padding:12px;font-weight:800}.chips{font-size:.78rem;font-weight:800}.stage{padding:32px}section{outline:none}section p{line-height:1.75}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;font:inherit;font-weight:800;border:2px solid #79bfd2;border-radius:12px;background:#ecfbff;color:#143b5c;text-decoration:none;cursor:pointer;max-width:100%}button:hover,.button:hover{background:#d6f5ff}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cb3f73;outline-offset:3px}button:disabled{cursor:default;opacity:.5}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.choices{display:grid;gap:12px;margin:18px 0}.choices button{text-align:left;justify-content:start}.email{background:#fafcff;border:1px solid #bbd6e2;border-radius:16px;padding:20px}.email dl{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,1.4fr);gap:10px}.email dt{font-weight:800}.email dd{margin:0;overflow-wrap:anywhere}.feedback{border-left:4px solid #78d9b1;padding:0 15px}.map{width:min(340px,100%);height:auto;display:block;margin:20px auto}.safeSteps{padding-left:24px}.safeSteps li{margin:10px 0}.safeSteps label{display:flex;align-items:center;gap:12px;min-height:48px;line-height:1.6}.safeSteps input{width:24px;height:24px;flex:0 0 auto}.guideGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.guideGrid img{width:100%;height:auto;border-radius:10px}.resultGrid{display:grid;grid-template-columns:1fr minmax(180px,.65fr);gap:28px;align-items:center}.score{margin:8px 0}.score strong{font-size:5rem;color:#168d69}.score span{font-weight:800;margin-left:10px}.resultGrid figure{margin:0}.resultGrid img{max-width:100%;max-height:400px;height:auto;display:block;margin:auto;border-radius:16px}figcaption{text-align:center;font-weight:800;margin-top:10px}.fine{font-size:.85rem;color:#587389}output{display:block;overflow-wrap:anywhere}.secondary{background:#fff}#badge{background:#fff1ad;padding:12px;border-radius:10px;font-weight:900}#challenge{background:#f5efff;padding:12px;border-radius:10px}[hidden]{display:none!important}@media(max-width:760px){.shell{padding:12px 10px 40px}.hero{grid-template-columns:1fr;padding:22px 18px;gap:16px}.hero img{order:-1}.stage{padding:20px 16px}.grid3,.grid2,.resultGrid{grid-template-columns:1fr}.guideGrid{grid-template-columns:1fr 1fr}.email{padding:14px}.email dl{grid-template-columns:1fr;gap:6px}.email dd{margin-bottom:10px}.chips{font-size:.72rem}.score strong{font-size:4rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}