/* Shared by all forty adventure question and response screens. */
html body #story .adventure-wrap{width:100%!important;max-width:1480px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
html body #story .storycard{grid-template-columns:minmax(0,3fr) minmax(260px,2fr)!important;height:var(--adventure-height259,var(--story-room258,calc(100dvh - 140px)))!important}
html body #story .story-art{padding:12px!important;align-items:flex-start!important;justify-content:center!important}
html body #story .story-art img{object-fit:contain!important;object-position:center top!important;align-self:flex-start!important;border-radius:16px!important}
html body #story .story-content{padding:clamp(14px,1.7vw,24px)!important}
@media(max-width:900px) and (orientation:portrait){
 html body #story .storycard{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(130px,34%) minmax(0,1fr)!important;height:var(--story-room258,calc(100dvh - 120px))!important}
 html body #story .story-art{padding:8px!important}
}
@media(max-width:900px) and (orientation:landscape){
 html body #story .storycard{grid-template-columns:minmax(0,3fr) minmax(220px,2fr)!important}
 html body #story .story-content{padding:12px!important;gap:6px!important}
 html body #story #storyTitle{font-size:23px!important}
 html body #story #storyText,html body #story #storyChoices button,html body #story #learningFeedback p{font-size:16px!important}
}