.teaching-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}.teaching-layout>*{min-width:0}.teaching-material{padding:18px;background:white;border:1px solid #dde6f3;border-radius:16px;min-width:0}.teaching-layout>.teaching-material{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;overscroll-behavior:contain}.teaching-plan-heading h2{font-size:21px;margin:4px 0 8px}.teaching-plan-status{font-size:12px;color:#756143;background:#fff8e8;padding:5px 8px;border-radius:6px;margin-bottom:8px}.teaching-links{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;margin-bottom:12px}.teaching-section-nav{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 14px}.teaching-section-nav button{min-height:32px;padding:4px 9px;border:1px solid #dbe5f3;border-radius:7px;background:#f5f8fe;color:var(--navy);font-size:12px;font-weight:400}.teaching-section-nav button[aria-current=step]{background:var(--blue);color:white}.teaching-sections{font-size:14px;line-height:1.7;min-height:180px;overflow-wrap:anywhere}.teaching-sections h3{font-size:18px;margin:0 0 12px}.teaching-sections h4{font-size:14px;margin:14px 0 5px}.teaching-sections p{margin-bottom:10px}.teaching-sections li{margin-bottom:10px}.teaching-sections ul,.teaching-sections ol{padding-left:22px}.teaching-sections figure{margin:0}.teaching-sections img{display:block;width:100%;height:auto;border-radius:10px}.teaching-sections figcaption{font-size:13px;color:#62748b;margin:8px 0}.teaching-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e3eaf5;padding-top:12px;margin-top:12px}.teaching-pager span{font-size:12px;color:#64748b}.teaching-pager button{min-height:36px;padding:5px 12px}.classroom-operations .page-title{gap:10px;flex-wrap:wrap;margin-bottom:14px}.classroom-operations .page-title h1{font-size:24px}.classroom-operations .page-title p{font-size:12px}.classroom-operations .class-code{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:14px;padding:14px}.classroom-operations .digits{gap:4px}.classroom-operations .digits>span{min-width:26px;width:30px;height:38px;font-size:23px}.classroom-operations #qr{width:76px;height:76px}.classroom-operations .console-summary{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.classroom-operations .console-summary strong{font-size:20px}.classroom-operations #attention-summary{padding:12px;font-size:12px;margin-bottom:12px}.classroom-operations .student-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.classroom-operations .student-card{padding:12px;font-size:13px;min-width:0}.classroom-operations .student-card h3{font-size:16px}.classroom-operations .section-title h2{font-size:19px}.classroom-operations .section-title{flex-wrap:wrap;gap:4px}.classroom-operations .student-card img{max-height:100px;object-fit:contain}.material-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.material-card{padding:18px}.material-card h2{font-size:18px}.material-card p{font-size:14px}.material-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.material-filters button[aria-pressed=true]{background:var(--blue);color:white}body[data-teaching-lesson] .teaching-material{max-width:980px}.classroom-operations button.danger{min-height:40px;padding:6px 14px;font-size:13px}
@media(max-width:1150px){.teaching-layout{grid-template-columns:minmax(0,1fr)}.teaching-layout>.teaching-material{position:static;max-height:none}.material-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.material-list{grid-template-columns:minmax(0,1fr)}.teaching-material{padding:12px}.teaching-layout{gap:12px}.classroom-operations .student-grid{grid-template-columns:minmax(0,1fr)}.teaching-section-nav button{font-size:12px;min-height:36px}.teacher-main:has(.teaching-layout){padding-left:14px;padding-right:14px}}

@media(min-width:720px) and (max-width:1150px){.teaching-mode>.sidebar{display:none}.teaching-mode>.teacher-main{margin-left:0;padding-left:16px;padding-right:16px}.teaching-mode .teaching-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.teaching-mode .teaching-layout>.teaching-material{position:sticky;top:8px;max-height:calc(100vh - 16px)}}
@media(max-width:719px){.teaching-mode .teaching-layout{grid-template-columns:minmax(0,1fr)}.teaching-mode .teaching-layout>.teaching-material{position:static;max-height:none}}