html body #story .storycard{height:var(--story-room258,calc(100dvh - 140px))!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;overflow:hidden!important;align-items:stretch!important}
html body #story .story-art{position:relative!important;min-width:0!important;min-height:0!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;box-sizing:border-box!important;overflow:hidden!important}
html body #story .story-art img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;align-self:center!important;border-radius:18px}
html body #story .story-content{min-width:0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;justify-content:flex-start!important;padding:clamp(16px,2.2vw,30px)!important;gap:10px!important;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
html body #story #storyTitle{font-size:clamp(23px,2.4vw,34px)!important;line-height:1.15!important;margin:0 0 5px!important}
html body #story #storyText{font-size:clamp(17px,1.5vw,21px)!important;line-height:1.5!important;min-height:0!important;margin:0!important}
html body #story #lessonQuestion h3{font-size:clamp(18px,1.6vw,23px)!important;line-height:1.35!important;margin:5px 0!important}
html body #story #storyChoices{display:grid!important;gap:10px!important;margin:0!important}
html body #story #storyChoices button{min-height:44px!important;padding:13px 16px!important;font-size:17px!important;line-height:1.4!important;text-align:left}
html body #story.feedback258 #storyChoices,html body #story.feedback258 #lessonQuestion{display:none!important}
html body #story #learningFeedback{margin:8px 0 0!important;padding:18px!important;border-radius:20px!important;flex-shrink:0!important}
html body #story #learningFeedback h3{font-size:24px!important;margin:8px 0!important}
html body #story #learningFeedback p{font-size:18px!important;line-height:1.5!important}
html body #story #learningFeedback .chosen258{font-size:15px!important;color:#594967;margin:0 0 10px!important}
html body #story #learningFeedback button{min-height:44px!important;white-space:normal}
@media(max-width:700px) and (orientation:portrait){
 html body #story .storycard{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(100px,30%) minmax(0,1fr)!important}
 html body #story .story-art{padding:8px!important}
 html body #story .story-content{padding:14px!important;gap:7px!important}
 html body #story #storyTitle{font-size:23px!important}
 html body #story #storyText,html body #story #learningFeedback p{font-size:16px!important}
}