/* Stable grid positioning preserves the video node and live chat state. */
#learningRoom { grid-template-columns:minmax(0,1fr) minmax(360px,32%); grid-template-areas:'player tutor'; }
#learningRoom > .player-column { grid-area:player; }
#learningRoom > .tutor-panel { grid-area:tutor; display:flex; flex-direction:column; min-width:0; height:clamp(640px,82vh,1100px); box-sizing:border-box; }
#learningRoom .chat-messages { flex:1; height:auto; min-height:120px; max-height:none; overflow:auto; font-size:16px; }
#learningRoom[data-tutor-position='left'] { grid-template-columns:minmax(360px,32%) minmax(0,1fr); grid-template-areas:'tutor player'; }
#learningRoom[data-tutor-position='bottom'] { grid-template-columns:minmax(0,1fr); grid-template-areas:'player' 'tutor'; }
#learningRoom[data-tutor-position='bottom'] > .tutor-panel { position:static; height:560px; }
.tutor-layout-controls { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:12px 0 0; font-size:13px; }
.tutor-layout-controls button { margin:0; padding:7px 10px; border:1px solid #d8e2fa; border-radius:8px; color:#27416b; background:#f3f6ff; cursor:pointer; }
.tutor-layout-controls button[aria-pressed='true'] { color:white; background:#315fe8; border-color:#315fe8; }
#learningRoom:fullscreen > .tutor-panel { height:100%; min-height:0; }
#learningRoom:fullscreen[data-tutor-position='bottom'] { grid-template-rows:minmax(0,1fr) minmax(300px,40%); }
#learningRoom:fullscreen[data-tutor-position='bottom'] .chat-messages { min-height:40px; }
@media(max-width:900px) {
  #learningRoom, #learningRoom[data-tutor-position='left'] { grid-template-columns:minmax(0,1fr); grid-template-areas:'player' 'tutor'; }
  #learningRoom > .tutor-panel { position:static; height:650px; }
  #learningRoom:fullscreen { overflow:auto; grid-template-rows:auto auto; }
  #learningRoom:fullscreen > .tutor-panel { height:650px; }
}
#courseRoom.scheduled-course #learningRoom { grid-template-columns:minmax(0,1fr); grid-template-areas:'player'; }
.top .brand > img.manabi-brand-logo { width:136px; height:102px; max-width:136px; object-fit:contain; }
@media(max-width:600px) { .top .brand > img.manabi-brand-logo { width:104px; height:80px; max-width:104px; } }
.student-review { padding:20px 0; border-top:1px solid #e4eaf3; overflow-wrap:anywhere; }
.review-stars { display:inline-block; color:#b76b00; margin-left:12px; }
#studentReviews { margin-top:24px; }