/* Main Learn screen only; shared Walk and Story layouts retain their styles. */
body.walk-format-r5{background:#e5f8ee!important}
body.walk-format-r5 .learn-shell{max-width:780px!important;margin:12px auto!important;padding:16px!important;background:linear-gradient(#fff3ad,#ffe3ed 50%,#e9e5ff)!important;border:6px solid white!important;border-radius:32px!important;min-height:100vh!important}
body.walk-format-r5 .learn-topbar{padding:0!important;margin:0 0 18px!important;background:transparent!important;min-height:48px!important}
body.walk-format-r5 .learn-lang button{width:44px!important;min-width:44px!important;height:44px!important;padding:5px!important;border:3px solid #194d85!important;border-radius:13px!important;font-size:20px!important;cursor:pointer!important}
body.walk-format-r5 .learn-lang button[aria-pressed=true]{background:#ffe76c!important}
body.walk-format-r5 .learn-lang svg{display:block!important;width:29px!important;height:20px!important}
body.walk-format-r5 .learn-hero{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important;gap:12px!important;min-height:0!important;padding:14px!important;background:linear-gradient(135deg,#fff8df,#e7f8ff)!important;border:4px solid #183153!important;border-radius:28px!important;overflow:hidden!important}
body.walk-format-r5 .learn-hero>img{width:100%!important;height:210px!important;object-fit:cover!important;object-position:42% 35%!important;border-radius:18px!important}
.walk-r5-badges{display:flex!important;flex-direction:column!important;gap:10px!important}
.walk-r5-badges span{padding:7px 10px!important;border:3px solid white!important;border-radius:999px!important;text-align:center!important;background:#aee9ff!important;font-size:25px!important;font-weight:900!important;box-shadow:0 4px 0 #18315320!important;color:#183153!important}
.walk-r5-badges span:nth-child(2){background:#ffe4a0!important}.walk-r5-badges span:nth-child(3){background:#ffd2e6!important}
body.walk-format-r5 .hero-copy{position:static!important;grid-column:1/-1!important;max-width:none!important;padding:2px 4px 4px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;margin:0!important}
body.walk-format-r5 .hero-copy h1{font-size:clamp(27px,4.7vw,40px)!important;line-height:1.05!important;margin:10px 0!important;color:#183153!important}
body.walk-format-r5 .hero-copy .kicker{color:#ee4b55!important;font-size:12px!important;letter-spacing:.1em!important}
body.walk-format-r5 .hero-copy p:last-child{font-size:17px!important;line-height:1.3!important}
body.walk-format-r5 main{padding:18px 0 0!important}
body.walk-format-r5 .start-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.walk-format-r5 .level-line{flex-wrap:wrap!important;padding:10px 12px!important;gap:6px!important;margin-bottom:14px!important}
body.walk-format-r5 .level-line span{font-size:12px!important}body.walk-format-r5 .level-line strong,body.walk-format-r5 .level-line a{font-size:14px!important}
.walk-r5-explain{display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;grid-template-rows:auto auto!important;gap:8px 12px!important;align-items:center!important;width:100%!important;padding:12px!important;margin:18px 0 14px!important;background:white!important;border:3px solid #183153!important;border-radius:24px!important;box-shadow:0 6px 0 #18315320!important;color:#183153!important;cursor:pointer!important;font:inherit!important}
.walk-r5-explain img{grid-column:1!important;grid-row:1!important;width:100%!important;aspect-ratio:3/1!important;object-fit:cover!important;border-radius:16px!important}
.walk-r5-explain strong{grid-column:1!important;grid-row:2!important;font-size:22px!important;text-align:center!important;line-height:1.15!important}
.walk-r5-play{grid-column:2!important;grid-row:1/3!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border:3px solid #183153!important;border-radius:50%!important;background:#ffd553!important;font-size:21px!important}
.walk-r5-explain[aria-pressed=true] .walk-r5-play{background:#ffbfcb!important}
.walk-r5-explain[aria-busy=true] .walk-r5-play{animation:walk-r5-pulse 1s infinite!important}
@keyframes walk-r5-pulse{50%{opacity:.5!important}}
.walk-r5-hint{font-size:15px!important;font-weight:700!important;margin:12px 0!important}.walk-r5-arrows{display:flex!important;gap:8px!important;justify-content:flex-end!important;margin:8px 0!important}
.walk-r5-arrows button{width:42px!important;height:42px!important;border:2px solid #183153!important;border-radius:50%!important;background:white!important;color:#183153!important;font-size:28px!important;cursor:pointer!important}

body.walk-format-r5 .learn-hero{display:grid!important;grid-template-columns:1fr 1fr!important;min-height:0!important;height:auto!important}
body.walk-format-r5 .hero-copy{position:static!important;grid-column:1/-1!important;inset:auto!important;transform:none!important;max-width:none!important;width:auto!important;margin:0!important;opacity:1!important}
body.walk-format-r5 .yv43465-walk-hero-voice{display:none!important}
body.walk-format-r5 #walk-with-yvette{display:block!important;padding:0!important;margin:16px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.walk-format-r5 #walk-with-yvette>img,body.walk-format-r5 #walk-with-yvette .adventure-card-langs,body.walk-format-r5 #walk-with-yvette h2,body.walk-format-r5 #walk-with-yvette p,body.walk-format-r5 #walk-with-yvette .yvette-walk-copy>span{display:none!important}
body.walk-format-r5 #walk-with-yvette .yvette-walk-copy{padding:0!important}
body.walk-format-r5 #startYvetteWalk{width:100%!important;min-height:66px!important;padding:15px!important;background:#ef4b55!important;color:white!important;border:3px solid white!important;border-radius:22px!important;font-size:22px!important;font-weight:900!important;box-shadow:0 5px 0 #b52e38!important;display:flex!important;gap:12px!important;align-items:center!important;justify-content:center!important;cursor:pointer}
body.walk-format-r5 #startYvetteWalk svg{width:32px;height:32px;flex:none}
body.walk-format-r5 .learn-lang{gap:5px!important}body.walk-format-r5 .learn-lang button{width:44px!important;min-width:44px!important;height:44px!important;padding:5px!important}
body.walk-format-r5 .walk-r5-explain[aria-pressed=true] .walk-r5-play{background:#ffbfcb!important}
#walkR5VoiceStatus:empty{display:none}#walkR5VoiceStatus{font-size:15px;font-weight:700}
@media(max-width:600px){body.walk-format-r5 .learn-shell{margin:6px!important;padding:12px 10px 24px!important;border-width:5px!important;border-radius:28px!important}body.walk-format-r5 .learn-hero>img{height:170px!important}body.walk-format-r5 .walk-r5-badges span{font-size:20px!important;padding:6px!important}body.walk-format-r5 .walk-r5-explain{padding:10px!important;grid-template-columns:minmax(0,1fr) 48px!important}body.walk-format-r5 .walk-r5-explain strong{font-size:20px!important}body.walk-format-r5 .learn-lang button{width:42px!important;min-width:42px!important}body.walk-format-r5 .hero-copy h1{font-size:30px!important}}
@media(max-width:350px){body.walk-format-r5 .learn-lang button{width:37px!important;min-width:37px!important}body.walk-format-r5 .learn-lang svg{width:25px!important}body.walk-format-r5 .walk-r5-badges span{font-size:17px!important}}
@media(prefers-reduced-motion:reduce){body.walk-format-r5 .walk-r5-explain[aria-busy=true] .walk-r5-play{animation:none!important}}
body.walk-format-r5 .learn-hero .hero-copy{position:static!important;grid-column:1/-1!important;inset:auto!important;transform:none!important;max-width:none!important;width:auto!important;margin:0!important;padding:2px 4px 4px!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;text-align:left!important}
body.walk-format-r5 .learn-hero .hero-copy h1{font-size:clamp(27px,4.7vw,40px)!important;line-height:1.05!important;margin:10px 0!important;text-align:left!important}
body.walk-format-r5 .learn-hero .hero-copy>p{font-size:17px!important;font-weight:800!important;line-height:1.3!important;text-align:left!important;margin:0!important}
body.walk-format-r5 .learn-hero .hero-copy .kicker{font-size:12px!important;color:#ee4b55!important;letter-spacing:.1em!important}
body.walk-format-r5 #startYvetteWalk span{color:white!important;font-size:22px!important;font-weight:900!important;letter-spacing:0!important;text-transform:none!important}