/* 내 생각을 고르기 전, 친구들의 생각과 조건을 함께 볼 수 있는 수업 화면 */
.choice-scene .choice-layout{width:min(100%,1780px);max-width:1780px;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start!important;gap:clamp(14px,1.6vw,26px);padding:clamp(18px,2.3vw,36px);margin-inline:auto}
.choice-panel,.choice-context{min-width:0;padding:clamp(18px,2vw,30px);background:rgba(255,250,239,.97);color:#203a35}
.choice-panel h1{margin:12px 0 8px;font-size:clamp(27px,2.25vw,40px);line-height:1.2;letter-spacing:-.035em}.choice-prompt{font-size:clamp(16px,1.1vw,19px);line-height:1.55;margin:0 0 14px}.choice-panel .open-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-panel .open-choice{display:flex;flex-direction:column;gap:5px;min-height:100px;justify-content:center;text-align:left;line-height:1.42;padding:14px}.choice-panel .open-choice strong{font-size:clamp(16px,1.05vw,19px)}.choice-panel .open-choice span{display:block;font-size:clamp(14px,.95vw,16px);font-weight:500;line-height:1.48}.choice-note{font-size:13px;line-height:1.55;color:#47675b;margin:12px 0 0}.choice-panel .custom-label{display:block;margin-top:12px}.choice-panel .custom-label textarea{display:block;width:100%;min-height:92px;margin-top:6px;font:inherit;padding:10px;border:1.5px solid #7d998b;border-radius:8px;background:#fffefa}.choice-previous{padding:10px 12px;margin-bottom:12px;border:1px solid #c89952;border-radius:9px;background:#fff1d4}.choice-previous p{margin:4px 0;line-height:1.45;white-space:pre-wrap}.choice-previous small{font-size:12px;line-height:1.45;color:#70562f}
.choice-context{padding:0;overflow:hidden}.choice-context-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:clamp(170px,20vh,245px);padding:20px;background-position:center 40%;background-size:cover;isolation:isolate;color:#fff}.choice-context-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,38,39,.9),rgba(8,38,39,.05) 80%)}.choice-context-badge{display:inline-block;background:#ffdb88;color:#345044;border:1px solid #244038;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:800}.choice-context-hero h2{font-size:clamp(22px,1.65vw,30px);margin:8px 0 0;line-height:1.2;text-shadow:0 2px 5px #173b36}.choice-context-body{padding:clamp(15px,1.55vw,24px)}.choice-context-label{font-size:13px;font-weight:800;color:#3e7767;margin:0 0 8px}.choice-voices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice-voice{padding:10px 12px;background:#e4f1e7;border:1px solid #a7c6b2;border-radius:9px;min-width:0}.choice-voice:nth-child(even){background:#fff0d4;border-color:#dbc495}.choice-voice b{display:block;font-size:14px;color:#246959}.choice-voice p{margin:5px 0 0;font-size:clamp(14px,.95vw,16px);line-height:1.5;overflow-wrap:anywhere}.choice-conditions{margin-top:12px;padding:11px 13px;border:1px solid #dbc59a;background:#fff5dc;border-radius:9px}.choice-conditions h3{font-size:14px;margin:0 0 6px}.choice-conditions>div{display:flex;gap:8px;align-items:baseline;padding:4px 0;font-size:14px;line-height:1.45}.choice-conditions>div+div{border-top:1px solid #eadbb9}.choice-conditions span{flex:none;color:#756347;min-width:78px}.choice-conditions strong{color:#264a41;overflow-wrap:anywhere}.choice-context-note{font-size:12px;line-height:1.5;color:#61786a;margin:10px 0 0}
@media(max-width:1000px){.choice-scene .choice-layout{grid-template-columns:1fr;gap:12px}.choice-panel{order:2}.choice-context{order:1}.choice-context-hero{min-height:170px}.choice-context-body{padding:15px}}
@media(max-width:600px){.choice-scene .choice-layout{padding:14px}.choice-panel{padding:16px}.choice-panel .open-list{grid-template-columns:1fr}.choice-panel .open-choice{min-height:70px}.choice-voices{grid-template-columns:1fr}.choice-context-hero{min-height:160px}.choice-conditions>div{align-items:flex-start}}
@media(min-width:1200px) and (min-height:700px){.choice-scene .choice-layout{min-height:calc(100dvh - 138px);align-items:stretch!important}.choice-panel,.choice-context{align-self:stretch;display:flex;flex-direction:column}.choice-panel .open-list{flex:1;grid-template-rows:repeat(2,minmax(100px,1fr))}.choice-panel .open-choice{min-height:clamp(100px,12vh,135px)}.choice-context-hero{flex:1 0 clamp(170px,21vh,245px)}.choice-context-body{flex:none}}
.choice-reflection{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-top:14px;padding:clamp(12px,1.2vw,18px);border:1px solid #b3cdbb;border-left:5px solid #278b78;border-radius:10px;background:#e8f4e8;color:#23463e;line-height:1.45;overflow-wrap:anywhere}.choice-reflection>span{font-size:13px;font-weight:800;color:#397261}.choice-reflection strong{font-size:clamp(16px,1.1vw,20px)}.choice-reflection p{margin:0;font-size:clamp(14px,1vw,17px)}.choice-reflection small{color:#4f6e5c;font-size:12px;line-height:1.45}
@media(min-width:1200px) and (min-height:700px){.choice-panel .open-list{flex:0 0 auto;grid-template-rows:repeat(2,minmax(100px,clamp(120px,15vh,165px)))}.choice-reflection{flex:1;min-height:120px}}
@media(min-width:1200px) and (max-height:950px){.choice-panel .open-list{grid-template-rows:repeat(2,minmax(78px,1fr));gap:8px}.choice-panel .open-choice{min-height:78px;padding:9px 12px}.choice-reflection{min-height:80px;padding:8px 12px;gap:2px;margin-top:10px}.choice-panel .custom-label textarea{min-height:76px}}