/* An additional whiteboard in the homepage classroom walkthrough. */
#classroom .lesson-board[hidden]{display:none}
#classroom .bearings-board{background:#fff;min-width:0}
#classroom .bearings-topic{display:flex;justify-content:space-between;gap:12px;padding:20px 24px 8px;color:#4c6b89;font-size:13px}
#classroom [data-bearings-board]{padding:0 16px;background:#fff}
#classroom [data-bearings-board]>img,#classroom .math-drawing{display:block;width:100%;height:auto;max-height:490px;object-fit:contain}
#classroom .bearings-replay{font:inherit;font-size:12px;color:#245fba;background:transparent;border:0;padding:7px;cursor:pointer}
#classroom .bearings-replay:focus-visible{outline:2px solid #2468ce;outline-offset:2px}
#classroom .classroom-chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#classroom .classroom-chapters button[aria-pressed=true] .chapter-progress{animation-duration:var(--chapter-duration,8000ms)}
@media(max-width:800px){#classroom .classroom-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}#classroom .bearings-topic{padding:16px 12px 8px;font-size:11px}}
@media(max-width:580px){#classroom [data-bearings-board]{padding:0 5px}#classroom .classroom-chapters button{min-height:64px}#classroom .bearings-topic{font-size:10px;gap:6px}#classroom .bearings-replay{font-size:11px}}

/* One Math AA demonstration with real participant portraits. */
#classroom .interest-board,#classroom .classroom-chapters{display:none!important}
#classroom .bearings-board[hidden]{display:block}
#classroom .tutor-photo{background-image:url('classroom-thierry.webp');background-size:120% auto;background-position:55% 5%}
#classroom .student-photo{background-image:url('classroom-mae-bookshelf.webp');background-size:cover;background-position:center 15%;background-color:#c5d0ce}
#classroom .participant{aspect-ratio:1.45}
#classroom .participant-name{font-size:11px;padding:22px 9px 8px;line-height:1.4}
#classroom .classroom-controls{justify-content:flex-end;margin-top:18px}
#classroom .classroom-caption{margin-top:-30px;min-height:30px;padding-right:170px;max-width:none}
@media(max-width:580px){#classroom .participant{aspect-ratio:1.4}#classroom .participant-name{font-size:10px;padding:18px 6px 6px}#classroom .classroom-caption{margin-top:12px;padding-right:0;min-height:0}}

#classroom .classroom-motion[hidden],#classroom .classroom-controls[hidden]{display:none!important}