/* A phone reads the same board in lesson order; projector layouts stay unchanged. */
@media (max-width:700px){
 .board:not(.compact-mode){display:flex;flex-direction:column;width:100%;height:auto!important;min-height:100dvh;padding:12px 12px 70px;overflow:visible;box-sizing:border-box}
 .board:not(.compact-mode) .board-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:auto;flex:none;gap:10px}
 .board:not(.compact-mode) .board-top .panel{min-width:0;height:auto;padding:12px;overflow-wrap:anywhere}
 .board:not(.compact-mode) .board-top .course{grid-column:1/-1;grid-row:1;font-size:24px;min-height:72px}
 .board:not(.compact-mode) .board-top .day,.board:not(.compact-mode) .board-top .friday{grid-row:2}
 .board:not(.compact-mode) .day-qr{grid-template-columns:1fr;gap:8px}
 .board:not(.compact-mode) .day-qr-link img{width:clamp(40px,14vw,64px);height:auto}
 .board:not(.compact-mode) .day-qr-link small{font-size:8px}
 .board:not(.compact-mode) .day-copy small,.board:not(.compact-mode) .friday small{font-size:10px}
 .board:not(.compact-mode) .day-copy strong,.board:not(.compact-mode) .friday strong{font-size:18px;line-height:1.2}
 .board:not(.compact-mode) .friday span{font-size:12px}
 .board:not(.compact-mode) .board-top .date{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;font-size:20px}
 .board:not(.compact-mode) .pass-status{font-size:16px}
 .board:not(.compact-mode) #passReason{width:100%;font-size:12px}
 .board:not(.compact-mode) .board-body.quad-board{display:block;height:auto;flex:none;min-height:0;margin-top:12px}
 .board:not(.compact-mode) .quad-column{display:flex;flex-direction:column;height:auto;overflow:visible;gap:12px}
 .board:not(.compact-mode) .quad-column[hidden]{display:none}
 .board:not(.compact-mode) .board-card{height:auto!important;min-height:0;max-height:none;flex:0 0 auto!important;padding:16px;overflow:visible;margin:0 0 12px}
 .board:not(.compact-mode) .board-card .label{font-size:20px;line-height:1.2;overflow-wrap:anywhere;margin:-16px -16px 14px;padding:12px 16px}
 .board:not(.compact-mode) .board-card ol,.board:not(.compact-mode) .board-text,.board:not(.compact-mode) .board-videos{font-size:calc(18px * var(--board-scale,1));line-height:1.4;overflow-wrap:anywhere}
 .board:not(.compact-mode) .active-pass{position:relative;top:auto;left:auto;transform:none;min-width:0;width:auto;flex-wrap:wrap;margin-top:12px}
 .board:not(.compact-mode) .intermission{position:relative;inset:auto;min-height:60vh}
}