/* Once inside, controls sit below the film rather than covering the guest's view. */
.story-conversation{min-height:0;padding-top:var(--site-nav-height,82px);background:#102c29}
.story-conversation .story-topline{position:relative;inset:auto;width:100%;max-width:1280px;margin:0 auto;padding:14px 24px;min-height:54px;flex-wrap:wrap}
.story-conversation .story-frame{width:100%;max-width:1280px;margin:0 auto;height:auto;min-height:0;max-height:calc(100svh - var(--site-nav-height,82px) - 150px);aspect-ratio:16 / 9;background:#091e1c}
.story-conversation .story-video{object-fit:contain;object-position:center}
.story-conversation.has-film .story-frame::before,.story-conversation.has-film .story-frame::after{opacity:0}
.story-conversation.fallback .story-world{display:none}
.story-conversation.fallback .story-frame{background-image:var(--conversation-poster,url('/media/free-response-poster.jpg'));background-position:center;background-size:contain;background-repeat:no-repeat}
.story-conversation.fallback .story-frame::before,.story-conversation.fallback .story-frame::after{opacity:0}
.story-conversation .story-bottom{position:relative;inset:auto;max-width:1280px;width:100%;margin:0 auto;padding:14px 24px;border-top:1px solid #ead2a52b;font-size:12px;letter-spacing:.02em;flex-wrap:wrap}
.story-panels{max-width:1280px;margin:0 auto}
.story-panels .story-dialogue{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 30px;align-items:center;width:100%;margin:0;padding:24px 28px;border:0;border-top:1px solid #d7bc8855;border-radius:0;background:#fff8eb;color:#283f42;backdrop-filter:none;box-shadow:none;animation:none}
.story-panels .story-dialogue::before{display:none}
.story-panels .speech-label{grid-column:1;font-size:14px}
.story-panels .story-dialogue p{grid-column:1;margin:0;font-size:clamp(19px,1.8vw,25px);line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
.story-panels .story-dialogue button{grid-column:2;grid-row:1 / 3;min-height:50px;padding:13px 20px;border-radius:8px;font-size:15px;line-height:1.5;white-space:normal}
.story-panels .story-choice{position:relative;inset:auto;margin:0;padding:28px 24px 32px;animation:none}
.story-panels .story-choice h2{text-shadow:none;font-size:clamp(24px,3vw,36px)}
.story-panels .story-choice-grid{max-width:none}
.story-panels .story-choice-grid button{min-height:94px}
@media(max-width:700px){
 .story-conversation .story-topline{padding:10px 16px;gap:10px;min-height:48px}
 .story-conversation .story-series{font-size:11px;letter-spacing:.03em}
 .story-conversation .story-frame{max-height:none}
 .story-conversation .story-bottom{padding:12px 16px;gap:8px;font-size:12px}
 .story-panels .story-dialogue{grid-template-columns:minmax(0,1fr);padding:21px 20px;gap:9px}
 .story-panels .story-dialogue p{font-size:20px}
 .story-panels .story-dialogue button{grid-column:1;grid-row:auto;width:100%;margin-top:7px;min-height:52px;font-size:16px}
 .story-panels .story-choice{padding:14px 12px 18px}
 .story-panels .story-choice-kicker{font-size:12px;margin-bottom:4px}
 .story-panels .story-choice h2{font-size:22px;margin-bottom:12px}
 .story-panels .story-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .story-panels .story-choice-grid button{min-height:80px;padding:9px 7px}
 .story-panels .story-choice-grid span{font-size:12px;letter-spacing:0;line-height:1.4}
 .story-panels .story-choice-grid strong{font-size:14px;line-height:1.45;margin:5px 0 0;word-break:keep-all}
 .story-conversation[data-phase=choosing] .story-frame{max-height:clamp(120px,calc(100svh - var(--site-nav-height) - 310px),420px)}
 .story-conversation[data-phase=choosing] .story-bottom{padding-block:9px;gap:5px}
 .chapter{padding:32px 16px 16px}
 .chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .chapter-card{min-height:128px;padding:12px 9px}
 .chapter-card span{font-size:12px;line-height:1.5}
 .chapter-card strong{font-size:14px;line-height:1.5;margin:9px 0}
 .chapter-card small{display:none}
 .chapter-card b{font-size:14px;margin-top:auto}
}
@media(min-width:900px){
 .story-conversation{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);grid-template-areas:'top top' 'film panel' 'status panel';column-gap:20px;padding-inline:max(24px,calc((100vw - 1280px)/2));padding-bottom:24px;align-items:start}
 .story-conversation .story-topline{grid-area:top;padding-inline:0}
 .story-conversation .story-frame{grid-area:film;max-height:calc(100svh - var(--site-nav-height) - 150px);border-radius:12px}
 .story-conversation .story-bottom{grid-area:status;padding-inline:0}
 .story-conversation .story-panels{grid-area:panel;width:100%;min-width:0;max-width:none;margin:0}
 .story-panels .story-choice{padding:8px 0 0}
 .story-panels .story-choice h2{font-size:27px;margin-bottom:16px}
 .story-panels .story-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .story-panels .story-choice-grid button{min-height:90px;padding:11px 12px}
 .story-panels .story-choice-grid strong{font-size:18px;margin:5px 0}
 .story-panels .story-choice-grid small{display:none}
 .story-panels .story-dialogue{grid-template-columns:minmax(0,1fr);padding:26px;border:1px solid #d7bc88;border-radius:12px;gap:12px}
 .story-panels .story-dialogue button{grid-column:1;grid-row:auto;margin-top:10px;width:100%}
}