:root{color:#172033;background:#f5f9ff;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}a{color:#075985;font-weight:700;text-underline-offset:.2em}a:focus-visible,button:focus-visible{outline:4px solid #0f172a;outline-offset:4px}.page-layout{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.page-layout__content{width:min(100%,62rem);margin:0 auto}.page-layout h1{margin:0 0 1.5rem;color:#172033;font-size:clamp(1.75rem,7vw,3rem);line-height:1.15;overflow-wrap:anywhere}.page-layout p{font-size:1.125rem}.primary-button{min-height:3rem;border:3px solid #075985;border-radius:.875rem;padding:.7rem 1.25rem;background:#075985;color:#fff;cursor:pointer;font-weight:800;line-height:1.2}.primary-button:hover:not(:disabled){background:#0c4a6e}.primary-button:disabled{cursor:not-allowed;opacity:.62}.kana-question__kana{margin:0 0 2rem;color:#172033;font-size:clamp(4rem,16vw,7rem);line-height:1;text-align:center}.kana-question__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:1rem}.kana-picture-choice{min-height:12rem;width:100%;align-items:center;border:2px solid #334155;border-radius:1rem;padding:1rem;background:#fff;color:#172033;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;font-weight:700}.kana-picture-choice[aria-pressed=true]{border-width:3px;border-color:#075985;background:#e0f2fe}.kana-picture-choice:disabled{cursor:default;opacity:.72}.kana-picture-choice img,.kana-picture-choice svg{width:min(10rem,100%);max-width:100%;aspect-ratio:1;height:auto;object-fit:contain}.answer-button{margin-top:1rem}.choice-feedback{margin:1.5rem 0;border-radius:.75rem;padding:.75rem 1rem;background:#fff;font-weight:700}@media (max-width: 26rem){.page-layout{padding:.75rem}.page-layout h1{margin-bottom:.5rem;font-size:1.5rem}.kana-question__kana{margin-bottom:.75rem;font-size:clamp(3.25rem,18vw,4.5rem)}.kana-question__choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.kana-picture-choice{min-height:7rem;border-radius:.75rem;padding:.5rem .25rem;gap:.25rem;font-size:.9rem}.kana-picture-choice img,.kana-picture-choice svg{width:min(22vw,5rem)}.answer-button{margin-top:.75rem}.choice-feedback{margin:.75rem 0;padding:.5rem .75rem}}