#classroomViewport,#classroomSurface{display:contents}
:is(#classroomViewButton,#toolbarSettingsButton){width:44px;height:44px;flex:0 0 44px;border:1px solid #9aafa5;border-radius:10px;background:#eef4f1;color:#3e5b50;display:grid;place-items:center}
:is(#classroomViewButton,#toolbarSettingsButton) svg{width:22px;height:22px}
#classroomViewButton[aria-pressed=true],#toolbarSettingsButton[aria-expanded=true]{background:#d5e5dd;border-color:#789a89}
.classroom-view{overflow:hidden}
.classroom-view #classroomViewport{display:block;position:fixed;inset:0;width:100vw;height:100dvh;z-index:10000;overflow:hidden;background:#f6f5ee;background-image:linear-gradient(#c6c9c12e 1px,transparent 1px),linear-gradient(90deg,#c6c9c12e 1px,transparent 1px);background-size:36px 36px}
.classroom-view #classroomSurface{position:absolute;display:flex;flex-direction:column;left:0;top:0;transform-origin:0 0;max-width:none;padding:4px 12px 10px;box-sizing:border-box}
.classroom-view .sheet-heading{grid-template-columns:198px minmax(0,1fr) 160px;grid-template-areas:'instrument title credit';padding:8px 20px 12px;gap:20px}
.classroom-view .sheet-heading .song-info h2{font-size:clamp(30px,3.5vw,54px)}
.classroom-view #scorePaper{margin-top:0;margin-bottom:0}
.classroom-view .playback-dock{margin-top:12px;margin-bottom:0}
.classroom-view .score-pagination{margin-top:8px;margin-bottom:0}
.classroom-view .score-description,.classroom-view .teacher-notes{display:none!important}
@media print{:is(#classroomViewButton,#toolbarSettingsButton){display:none!important}#classroomViewport,#classroomSurface{display:contents!important;position:static!important;transform:none!important;width:auto!important;height:auto!important}}

/* Overlays belong to the viewport, never the scaled score surface. */
.classroom-view #classroomViewport>dialog{max-height:calc(100dvh - 24px)}
.classroom-view #classroomViewport>.count-in-overlay{z-index:20}
.classroom-view #classroomViewport>.toast{z-index:30}