/* The frame follows content; scene-specific composition lives in player-polish.css.
   A fixed 16:9 height cannot contain long Russian copy at every embedded viewport. */
.story-shell .story-stage,
body.is-embed .story-stage{aspect-ratio:auto;height:auto;min-height:0;max-height:none}
.story-shell .story-slide{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;min-width:0;overflow:visible}
.story-shell .slide-layout{flex:none;min-width:0;min-height:0;width:100%;grid-template-rows:auto;align-items:center}
.story-shell .slide-copy{min-width:0;max-width:100%;overflow-wrap:anywhere}
.story-shell .slide-points>span{min-width:0}
.story-shell .slide-art{width:100%;min-width:0;max-width:100%;height:440px;min-height:0;max-height:none;aspect-ratio:auto}
.story-shell .slide-art>div{min-width:0;max-width:100%}
.story-shell .trust-art :is(a,button,b,strong,small,em,span){white-space:normal;overflow-wrap:anywhere;word-break:normal}
.story-shell .trust-module>span:last-of-type{min-width:0;flex:1 1 0}
.story-shell .trust-core-main{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.story-shell .trust-core-main:before,.story-shell .knowledge-core:before{display:none}
.story-shell .trust-core-main .trust-core-icon{width:46px;height:46px;flex:none;margin:0 0 5px}
.story-shell .trust-core-main :is(small,strong,em){margin:0;line-height:1.4;max-width:100%}
.story-shell .trust-core-main em{font-size:8px}
.story-shell .trust-module :is(b,small){line-height:1.35}
.story-shell .trust-module b{font-size:11px}
.story-shell .trust-module small{font-size:9px}
.story-shell .trust-note{white-space:normal}
.story-shell .audience-art{max-height:100%;padding:8px 0;gap:12px}
.story-shell .audience-card{min-height:0;flex:1;padding:10px;gap:10px}
.story-shell .audience-card>img{width:76px;height:76px;flex:none}
.story-shell .audience-card>div{min-width:0}
.story-shell .audience-card :is(b,small,span){white-space:normal;overflow-wrap:anywhere}
/* Controls get their own flow space instead of covering the slide copy/cards. */
.story-shell .start-overlay{position:relative;inset:auto;display:inline-flex;margin:0 18px 16px;max-width:calc(100% - 36px)}
.story-shell .stage-pause{position:relative;inset:auto;transform:none;width:fit-content;max-width:calc(100% - 36px);margin:0 18px 12px}
@media(max-width:1000px) and (min-width:761px){
 .story-shell .trust-module{flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}
 .story-shell .trust-module>span:last-of-type{flex:0 1 auto;width:100%}
 .story-shell .trust-core-main strong{font-size:12px}
}
@media(max-width:760px){
 .story-shell .slide-art{height:350px}
 .story-shell .trust-core-main{height:94px;min-height:94px;display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:10px;row-gap:1px;text-align:left;padding:9px}
 .story-shell .trust-core-main .trust-core-icon{width:38px;height:38px;margin:0;grid-row:1 / 4}
 .story-shell .trust-core-main strong{font-size:15px;line-height:1.2}
 .story-shell .trust-core-main em{font-size:8px}
 .story-shell .trust-module>span:last-of-type{flex:1 1 0}
 .story-shell .audience-card>img{width:62px;height:62px}
 .story-shell .audience-card b{font-size:14px}.story-shell .audience-card span{font-size:10px}
 .story-shell .slide-meta{font-size:9px;gap:10px}.story-shell .slide-baseline{font-size:8px;gap:10px}
 /* Wrapped Russian text determines row heights. No cropped fixed-height panels. */
 .story-shell :is(.kind-ai-agent,.kind-visibility-map,.kind-automation-map) .slide-art{height:auto;display:block}
 .story-shell :is(.trust-agent,.trust-visibility,.trust-automation){height:auto;min-height:0;max-height:none;grid-auto-rows:auto}
 .story-shell .trust-agent{grid-template-rows:auto auto auto auto}
 .story-shell :is(.trust-visibility,.trust-automation){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto}
 .story-shell :is(.agent-console-head,.agent-console-input,.automation-head){flex-shrink:0}
 .story-shell .agent-console-thread{flex:0 1 auto}
 .story-shell .agent-side-card{height:auto;min-height:90px}
 .story-shell .automation-step{flex:none;height:auto;min-height:45px}
 .story-shell :is(.visibility-card,.automation-card){height:auto;min-height:65px}
}