/* 기존 경기장과 학생 카드의 디자인은 유지하고 교사 전용 펼침 현황만 추가합니다. */
.learning-panel{margin-top:25px;padding:15px 20px;background:#fff3d9;border-color:#cfb995}
.learning-panel summary{cursor:pointer;font-size:18px;font-weight:800;color:#735777;min-height:44px;line-height:44px}
.learning-panel summary .game-icon{width:31px;height:31px;margin-right:9px}
.learning-panel summary>small{margin-left:13px;font-size:12px;font-weight:500;color:#8f785d}
.learning-panel>p{font-size:13px;line-height:1.8;margin:12px 0;color:#8c785f}
.learning-table-wrap{overflow:auto;margin-top:12px}
.learning-panel th small,.learning-level small{display:block;font-size:11px;font-weight:400;color:#9b8367;margin-top:4px}
.learning-level{color:#7f588b;font-weight:700}
.learning-panel select{font-size:13px;min-width:128px;min-height:44px;margin:0;padding:8px}
.learning-panel td,.learning-panel th{padding:12px 9px}
.learning-panel .muted{font-size:12px}
/* 큰 분모의 기약분수도 타일 안에서 교과서식 표시를 유지합니다. */
.answer .fraction{max-width:100%}
@media(max-width:760px){.learning-panel{padding:12px}.learning-panel summary{font-size:16px}.learning-panel summary>small{display:block;line-height:1.4;margin:0 0 8px 25px}}

/* Keep the whole number and fractional part together at every screen size. */
.mixed-number{display:inline-flex;align-items:center;gap:.12em;white-space:nowrap;vertical-align:middle}.mixed-number .whole-number{font-size:1em;line-height:1}.mixed-number .fraction{font-size:.78em}.equation:has(.mixed-number){gap:clamp(8px,2vw,22px);font-size:clamp(28px,4.6vw,56px)}.answer .mixed-number{font-size:.95em}.feedback .mixed-number,.feedback .fraction{vertical-align:middle}.room-question-type{font-size:13px;color:#76658e;font-weight:700}
.feedback .mixed-number{display:inline-flex;align-items:center;gap:.12em}.feedback .mixed-number .whole-number{display:inline;margin:0}.feedback>div>span{line-height:1.7}.feedback>div{min-width:0}