/* Large controls and flexible layouts for young readers on touch screens. */
*{box-sizing:border-box}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #facc15;outline-offset:3px}button{min-height:44px} .bnav{overflow-x:auto;justify-content:flex-start;gap:4px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.nb{flex:1 0 65px;min-width:65px}.page{overflow-wrap:anywhere}.sheet{max-height:90dvh;overflow-y:auto}.learn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}.learn-card{border:1px solid #64619b;border-radius:20px;background:#222344;padding:20px;color:#fff;text-align:left;font:inherit}.learn-card:hover{background:#35305a}.learn-card strong{display:block;font-size:1.2rem;margin-bottom:8px}.learn-card p{color:#e0dcf6;line-height:1.6}.learn-panel{max-width:800px;margin:auto;padding:18px;border:1px solid #79719e;border-radius:22px;background:#222344;color:#fff}.learn-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:15px 0}.learn-toolbar select,.learn-action{background:#393057;color:#fff;border:1px solid #9b8cc4;border-radius:12px;padding:12px;font:inherit;cursor:pointer}.learn-question{font-size:clamp(1.3rem,4vw,2rem);line-height:1.5;margin:22px 0}.learn-feedback{line-height:1.7;padding:14px;border-radius:12px;background:#343052;margin-top:16px}.learn-answer{width:100%;font:inherit;color:white;background:#19182e;border:2px solid #897db1;padding:14px;border-radius:12px;min-height:50px}.learn-progress{width:100%;accent-color:#facc15}.learn-panel label{display:block;margin:10px 0}.learn-panel h1{font-size:clamp(1.5rem,5vw,2rem)}.learn-stat{color:#f9d875}.learn-choice{font:inherit;background:#393057;color:#fff;border:1px solid #9b8cc4;border-radius:12px;padding:16px;cursor:pointer}.learn-choice:disabled{opacity:.75;cursor:default}.learn-hint{color:#f9d875;line-height:1.5}.pgsub{line-height:1.5}@media(max-width:480px){.hd .chips{gap:5px}.learn-panel{padding:14px}.learn-toolbar>*{flex-grow:1}.learn-grid{grid-template-columns:1fr}.bnav .nlbl{font-size:10px}.scroll{padding-bottom:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep every destination visible instead of hiding pages off-screen. */
@media(max-width:650px){.bnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.nb{min-width:0;width:100%;padding:5px 2px}.niw{font-size:20px!important}.scroll{padding-bottom:18px}}
