/* 상황과 장면을 함께 보며 이야기할 수 있는 무대 */
.story-stage-aside{position:relative;min-width:0;overflow:hidden;border:2px solid #29443d;border-radius:16px;box-shadow:4px 4px 0 rgba(28,54,48,.8);background:#1c514b;color:#203d37;isolation:isolate}
.story-stage-image{position:absolute;inset:0;background-size:cover;background-position:65% center;z-index:-2}
.story-stage-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,39,39,.03) 35%,rgba(10,39,39,.5) 100%)}
.story-stage-image-label{position:absolute;top:14px;right:14px;padding:6px 10px;border:1px solid rgba(255,255,255,.6);border-radius:7px;background:rgba(17,56,52,.8);color:white;font-size:12px;font-weight:800}
.story-stage-questions{padding:clamp(14px,1.2vw,22px);border:1px solid rgba(255,250,238,.8);border-radius:12px;background:rgba(255,250,238,.9);box-shadow:2px 2px 0 rgba(28,54,48,.58);backdrop-filter:blur(4px)}
.story-stage-kicker{display:inline-block;padding:4px 9px;border-radius:6px;background:#ffdb88;color:#694a26;font-size:12px;font-weight:800}
.story-stage-questions h2{margin:8px 0 10px;font-size:clamp(19px,1.4vw,25px);line-height:1.3;letter-spacing:-.02em}
.story-stage-question-list{display:grid;gap:7px}
.story-stage-question-list>div{display:flex;align-items:baseline;gap:10px;font-size:clamp(14px,.92vw,16px);line-height:1.5}
.story-stage-question-list b{flex:none;color:#267865;font-size:13px}
.story-stage-questions p{margin:10px 0 0;color:#536e61;font-size:12px;line-height:1.5}
.story-stage-mobile-label{display:none}
@media(min-width:1100px) and (min-height:650px){
 .story-with-context>.story-stage-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:stretch!important;gap:clamp(16px,1.7vw,28px);width:min(100%,1780px);max-width:1780px;min-height:calc(100dvh - 136px);margin-inline:auto;padding:clamp(18px,2vw,32px)}
 .story-with-context .story-stage-layout>.story-panel{width:100%;min-width:0;align-self:stretch;padding:clamp(20px,2vw,30px);display:flex;flex-direction:column;justify-content:space-evenly}
 .story-with-context .story-stage-layout>.story-panel>.tag{align-self:flex-start}
 .story-with-context .story-voices{width:100%}
 .story-with-context .story-stage-aside{display:flex;align-items:flex-end;justify-content:stretch;padding:clamp(14px,1.2vw,22px);min-height:400px}
 .story-stage-questions{width:min(100%,570px)}
 .story-zone-sound .story-stage-image{background-position:100% center}
}
@media(min-width:1600px) and (min-height:900px){
 .story-with-context .story-panel .story-situation{font-size:clamp(19px,1.15vw,22px);line-height:1.7}
 .story-with-context .voice{min-height:62px;align-items:center;padding:12px 16px;font-size:clamp(17px,1vw,20px)}
 .story-with-context .story-clues{width:100%;padding:16px}
 .story-with-context .story-clues h2{font-size:16px}
 .story-with-context .story-clue-grid>div{padding:12px}
 .story-with-context .story-clue-grid span{font-size:14px}
 .story-with-context .story-clue-grid strong{font-size:17px}
 .story-with-context .story-question{width:100%;padding:14px 16px;font-size:17px}
 .story-with-context .story-question b{font-size:13px}
}
@media(max-width:1099px),(max-height:649px){
 .story-with-context>.story-stage-layout{display:flex;flex-direction:column;gap:14px;align-items:stretch!important}
 .story-with-context .story-stage-layout>.story-panel{width:100%}
 .story-stage-aside{display:block;min-height:0;background:rgba(255,250,238,.94)}
 .story-stage-image{display:none}
 .story-stage-questions{background:transparent;border:0;box-shadow:none;backdrop-filter:none}
 .story-scene-art{position:relative}
 .story-stage-mobile-label{display:block;position:absolute;top:8px;right:8px;padding:5px 8px;border-radius:6px;background:rgba(17,56,52,.82);color:#fff;font-size:11px;font-weight:800}
}