:root{font-size:16px}button,a,input,textarea,select{touch-action:manipulation}.skipLink{position:fixed;left:16px;top:-80px;z-index:30;background:#fff;color:var(--navy);padding:12px 16px;border-radius:10px;font-weight:800;box-shadow:var(--shadow)}.skipLink:focus{top:12px}.brand,.navbtn,.crumb,.area,.languageCard,.choice,.pill,.primary,.secondary,.answerOption,.gameCard,.lessonCard,.levelCards button,.langArea,.topicCard,.knowledgeCta,.audioActions button,.transcriptToggle,.alphabet button,.mcOption{outline-offset:3px}.brand:focus-visible,.navbtn:focus-visible,.crumb:focus-visible,.area:focus-visible,.languageCard:focus-visible,.choice:focus-visible,.pill:focus-visible,.primary:focus-visible,.secondary:focus-visible,.answerOption:focus-visible,.gameCard:focus-visible,.lessonCard:focus-visible,.levelCards button:focus-visible,.langArea:focus-visible,.topicCard:focus-visible,.knowledgeCta:focus-visible,.audioActions button:focus-visible,.transcriptToggle:focus-visible,.alphabet button:focus-visible,.mcOption:focus-within{outline:3px solid #ffcc4d}.languageHero{margin-top:clamp(24px,4vw,48px);margin-bottom:28px}.languageHero h1{font-size:clamp(2.25rem,5.5vw,4.65rem)}.languageGrid{margin-bottom:34px}.disclaimer{font-size:.94rem}.siteNote{margin-top:28px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--muted);line-height:1.55}.siteNote strong{display:block;color:var(--ink);margin-bottom:4px}.infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.infoCard{border:1px solid var(--line);border-radius:18px;padding:20px;background:#f8faff}.infoCard h2{font-size:1.05rem;margin:0 0 8px}.infoCard p{margin:0;color:var(--muted);line-height:1.55}.levelNotice{font-size:.9rem;color:var(--muted);margin-top:12px}.audioStudioBody .voiceNote{font-size:.86rem;margin-top:12px}.resetSchool{min-height:48px}@media(max-width:560px){.topnav{display:flex;margin-left:auto}.navbtn{padding:9px 10px;font-size:.9rem}.topin{gap:8px}.brand{font-size:1.05rem}.languageHero{text-align:left;margin-top:22px}.languageHero h1{font-size:2.45rem}.infoGrid{grid-template-columns:1fr}.languageCard{min-height:116px}.languageInfo small{font-size:.88rem}}