/* 기획 장면에서 필요한 단서를 살피며 문제를 풀어요. */
.quiz-aside{padding:0;overflow:hidden;background:#fffaf0;display:flex;flex-direction:column;justify-content:flex-start!important;gap:0!important}
.quiz-aside-picture{position:relative;flex:none;min-height:clamp(150px,22vh,250px);background-size:cover;background-position:center;border-bottom:2px solid #263b35}
.quiz-aside-picture span{position:absolute;left:12px;bottom:12px;padding:6px 9px;color:#fff;border-radius:6px;background:rgba(22,61,57,.86);font-size:12px;font-weight:800}
.quiz-aside-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:clamp(15px,1.3vw,22px)}
.quiz-aside-content h2{font-size:clamp(20px,1.5vw,28px);line-height:1.3;margin:0}
.quiz-clues{width:100%;border:1px solid #a8c5b3;background:#e8f3e8;border-radius:10px;padding:12px 14px}
.quiz-clues>b{display:block;font-size:13px;color:#297363;margin-bottom:4px}
.quiz-clues p{font-size:clamp(14px,.95vw,17px);line-height:1.45;margin:4px 0 0;padding-left:13px;position:relative}
.quiz-clues p:before{content:'';width:6px;height:6px;background:#4b927b;position:absolute;left:0;top:.55em;border-radius:50%}
.quiz-attempt{width:100%;padding:10px 12px;border:1px solid #dfbf77;background:#fff0c9;border-radius:9px;line-height:1.45}
.quiz-attempt strong{display:block;font-size:16px;color:#775323}.quiz-attempt p{margin:4px 0 0;font-size:13px;line-height:1.45;color:#705c3a}
.quiz-aside .hint{width:100%;margin:0}.quiz-aside .quiz-guided-needed{font-size:15px;min-height:48px;box-shadow:3px 3px 0 #273b35}
@media(min-width:1200px) and (min-height:700px){.quiz-layout .quiz-aside{padding:0;justify-content:flex-start;gap:0}.quiz-layout .quiz-aside .quiz-aside-content{gap:clamp(8px,1vh,12px)}.quiz-layout .quiz-aside .quiz-aside-content p{font-size:clamp(14px,.95vw,17px)}.quiz-layout .quiz-aside-picture{min-height:clamp(155px,20vh,230px)}}
/* 선택지의 크기를 고르게 사용하고 확인 질문은 필요한 만큼만 차지해요. */
@media(min-width:1200px) and (min-height:700px){.choice-panel .open-list{flex:1 1 auto;grid-template-rows:repeat(2,minmax(100px,1fr))}.choice-panel .choice-reflection{flex:0 0 auto;min-height:0;justify-content:flex-start;padding:14px 16px;gap:4px}}
@media(max-width:760px){.quiz-aside-picture{min-height:180px}.quiz-aside-content{padding:16px}.quiz-scene .quiz-layout{grid-template-columns:minmax(0,1fr)}}