/* Main Learn screen only; shared Walk and Story layouts retain their styles. */
.learn-format-r4{background:#e5f8ee}
.learn-format-r4 .learn-shell{max-width:780px;margin:12px auto;padding:16px;background:linear-gradient(#fff3ad,#ffe3ed 50%,#e9e5ff);border:6px solid white;border-radius:32px;min-height:100vh}
.learn-format-r4 .learn-topbar{padding:0;margin:0 0 18px;background:transparent;min-height:48px}
.learn-format-r4 .learn-lang button{width:44px;min-width:44px;height:44px;padding:5px;border:3px solid #194d85;border-radius:13px;font-size:20px;cursor:pointer}
.learn-format-r4 .learn-lang button[aria-pressed=true]{background:#ffe76c}
.learn-format-r4 .learn-lang svg{display:block;width:29px;height:20px}
.learn-format-r4 .learn-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;min-height:0;padding:14px;background:linear-gradient(135deg,#fff8df,#e7f8ff);border:4px solid #183153;border-radius:28px;overflow:hidden}
.learn-format-r4 .learn-hero>img{width:100%;height:210px;object-fit:cover;object-position:42% 35%;border-radius:18px}
.learn-r4-badges{display:flex;flex-direction:column;gap:10px}
.learn-r4-badges span{padding:7px 10px;border:3px solid white;border-radius:999px;text-align:center;background:#aee9ff;font-size:25px;font-weight:900;box-shadow:0 4px 0 #18315320;color:#183153}
.learn-r4-badges span:nth-child(2){background:#ffe4a0}.learn-r4-badges span:nth-child(3){background:#ffd2e6}
.learn-format-r4 .hero-copy{position:static;grid-column:1/-1;max-width:none;padding:2px 4px 4px;background:transparent;box-shadow:none;border-radius:0;margin:0}
.learn-format-r4 .hero-copy h1{font-size:clamp(27px,4.7vw,40px);line-height:1.05;margin:10px 0;color:#183153}
.learn-format-r4 .hero-copy .kicker{color:#ee4b55;font-size:12px;letter-spacing:.1em}
.learn-format-r4 .hero-copy p:last-child{font-size:17px;line-height:1.3}
.learn-format-r4 main{padding:18px 0 0}
.learn-format-r4 .start-panel{padding:0;border:0;background:transparent;box-shadow:none}
.learn-format-r4 .level-line{flex-wrap:wrap;padding:10px 12px;gap:6px;margin-bottom:14px}
.learn-format-r4 .level-line span{font-size:12px}.learn-format-r4 .level-line strong,.learn-format-r4 .level-line a{font-size:14px}
.learn-r4-explain{display:grid;grid-template-columns:minmax(0,1fr) 52px;grid-template-rows:auto auto;gap:8px 12px;align-items:center;width:100%;padding:12px;margin:18px 0 14px;background:white;border:3px solid #183153;border-radius:24px;box-shadow:0 6px 0 #18315320;color:#183153;cursor:pointer;font:inherit}
.learn-r4-explain img{grid-column:1;grid-row:1;width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:16px}
.learn-r4-explain strong{grid-column:1;grid-row:2;font-size:22px;text-align:center;line-height:1.15}
.learn-r4-play{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border:3px solid #183153;border-radius:50%;background:#ffd553;font-size:21px}
.learn-r4-explain[aria-pressed=true] .learn-r4-play{background:#ffbfcb}
.learn-r4-explain[aria-busy=true] .learn-r4-play{animation:learn-r4-pulse 1s infinite}
@keyframes learn-r4-pulse{50%{opacity:.5}}
.learn-r4-hint{font-size:15px;font-weight:700;margin:12px 0}.learn-r4-arrows{display:flex;gap:8px;justify-content:flex-end;margin:8px 0}
.learn-r4-arrows button{width:42px;height:42px;border:2px solid #183153;border-radius:50%;background:white;color:#183153;font-size:28px;cursor:pointer}
.learn-r4-adventures{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3.2);gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 4px 18px;overscroll-behavior-x:contain}
.learn-format-r4 .learn-r4-adventures .yvette-story-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:8px!important;margin:0!important;border:3px solid #183153!important;border-radius:20px!important;background:white!important;box-shadow:0 5px 0 #18315320!important;min-width:0!important;scroll-snap-align:start}
.learn-format-r4 .learn-r4-adventures .yvette-story-icon{width:100%!important;max-width:none!important;min-width:0!important}
.learn-format-r4 .learn-r4-adventures .yvette-story-icon img{display:block;width:100%!important;height:auto!important;aspect-ratio:1;object-fit:cover;border-radius:13px!important}
.learn-format-r4 .learn-r4-adventures .adventure-card-langs,.learn-format-r4 .learn-r4-adventures .yvette-story-copy>span,.learn-format-r4 .learn-r4-adventures .yvette-story-copy>p{display:none!important}
.learn-format-r4 .learn-r4-adventures h2{font-size:18px!important;line-height:1.15!important;margin:6px 0 10px!important;text-align:center!important}
.learn-format-r4 .learn-r4-adventures .yvette-story-copy{width:100%!important;min-width:0!important;display:flex;flex-direction:column;flex:1}
.learn-format-r4 .learn-r4-adventures .yvette-story-copy button{width:100%!important;padding:10px 6px!important;min-height:44px!important;font-size:15px!important;border-radius:14px!important;background:#ffe76c!important;color:#183153!important;box-shadow:none!important;margin-top:auto}
.learn-format-r4 .learn-r4-question{font-size:23px;margin:20px 0 12px}
.learn-format-r4 .ask-row textarea{background:#fff4b9;border:3px solid #183153;color:#183153}
.learn-format-r4 .start-panel label{font-size:18px;line-height:1.25}
.learn-format-r4 .start-actions button{background:#ffe76c;border:3px solid #183153;color:#183153;min-height:54px}
.learn-format-r4 .world-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3.2);overflow-x:auto;gap:12px;scroll-snap-type:x proximity;padding:4px 2px 12px}
.learn-format-r4 .world-grid button{min-width:0;padding:8px;border:3px solid #183153;scroll-snap-align:start;background:white;border-radius:20px;text-align:center}
.learn-format-r4 .world-grid .art{width:100%;height:auto;aspect-ratio:1;border:0;background:transparent;border-radius:13px;overflow:hidden}
.learn-format-r4 .world-grid .art:after{display:none}.learn-format-r4 .world-grid .art img{width:100%;height:100%;object-fit:cover}
.learn-format-r4 .world-grid strong{font-size:17px;line-height:1.2}.learn-format-r4 .world-grid small{font-size:13px}
.learn-format-r4 .worlds{border:3px solid #183153;background:#f5eeff}.learn-format-r4 .worlds h2{font-size:23px}
#learnR4VoiceStatus:empty{display:none}#learnR4VoiceStatus{font-size:15px;font-weight:700}
@media(max-width:600px){.learn-format-r4 .learn-shell{margin:6px;padding:12px 10px 24px;border-width:5px;border-radius:28px}.learn-format-r4 .learn-lang{gap:5px}.learn-format-r4 .learn-lang button{width:42px;min-width:42px}.learn-format-r4 .learn-hero{gap:8px;padding:12px}.learn-format-r4 .learn-hero>img{height:170px}.learn-r4-badges span{font-size:20px;padding:6px}.learn-r4-explain{grid-template-columns:minmax(0,1fr) 48px;padding:10px;gap:6px 9px}.learn-r4-explain strong{font-size:20px}.learn-r4-adventures,.learn-format-r4 .world-grid{grid-auto-columns:43%}.learn-format-r4 .learn-r4-adventures h2{font-size:17px!important}.learn-format-r4 .ask-row{grid-template-columns:auto 1fr}}
@media(max-width:350px){.learn-format-r4 .learn-lang button{width:37px;min-width:37px}.learn-format-r4 .learn-lang svg{width:25px}.learn-r4-badges span{font-size:17px}.learn-r4-explain strong{font-size:18px}.learn-format-r4 .learn-hero>img{height:150px}}
@media(prefers-reduced-motion:reduce){.learn-r4-explain[aria-busy=true] .learn-r4-play{animation:none}}
.learn-format-r4 .learn-lang{gap:5px!important}.learn-format-r4 .learn-lang button{width:44px!important;min-width:44px!important;height:44px!important;padding:5px!important}
@media(max-width:600px){.learn-format-r4 .learn-lang button{width:42px!important;min-width:42px!important}}
@media(max-width:350px){.learn-format-r4 .learn-lang button{width:37px!important;min-width:37px!important}}
.learn-format-r4 .learn-r4-adventures .yvette-story-icon{height:auto!important;aspect-ratio:1;flex:none!important}
.learn-format-r4 .learn-r4-adventures .yvette-story-card.yvette-story-card{border-color:#183153!important;box-shadow:0 5px 0 #18315320!important}
.learn-format-r4 .learn-r4-adventures #startYvetteScavenger,.learn-format-r4 .learn-r4-adventures #startYvetteTreasure,.learn-format-r4 .learn-r4-adventures #startYvetteHouse,.learn-format-r4 .learn-r4-adventures #startYvetteVacation{background:#ffe76c!important;color:#183153!important;box-shadow:none!important;min-height:44px!important;padding:10px 6px!important;font-size:15px!important;border-radius:14px!important}
.learn-format-r4 .learn-r4-adventures .yvette-story-icon{aspect-ratio:1!important}