/* Focused companion/Office surfaces keep their teaching and host-app controls. */
:root{--paper:#fff;--paper-card:#fff;--paper-deep:#f5f6f8;--ink:#292d34;--ink-2:#626d7a;--ink-3:#8b95a2;--line:#e5e9f0;--font-display:var(--font-sans);--r-card:10px;--r-2:7px;--clay:#9b791a}body{background:white;font-family:var(--font-sans)}h1,h2,h3{font-family:var(--font-sans);letter-spacing:-.025em}.btn{border-radius:7px;font-size:12px;min-height:40px}.btn--solid{background:#f6d452;border-color:#f6d452;color:#292d34}.btn--ghost{background:white;border-color:#dfe4eb}.brand__mark{background:#f6d452;border-radius:5px}.student-app__bar{background:white;border-bottom:1px solid #e8ebf0}.student-app__body{background:#f8f9fb}input,select,textarea{border-radius:7px}
/* Presentation chrome shares the portal palette while authored slides keep their design. */
body.is-classroom{--paper:#f5f6f8;--paper-card:#fff;--line:#e5e9ee;--ink:#29313b;--ink-3:#87919e;background:#f5f6f8}
body.is-classroom .classroom{background:#f5f6f8}
body.is-classroom :is(.classroom__bar,.classroom__rail,.classroom__side,.stage-tools){background:#fff;border-color:#e5e9ee;font-family:var(--font-sans)}
body.is-classroom .classroom__stage{background:#f5f6f8}
body.is-classroom .classroom__stage .slide:has([data-body]:not([hidden])){width:min(100%,calc((100dvh - 180px)*16/9));height:auto!important;min-height:0!important;aspect-ratio:16/9;align-self:center;justify-self:center;overflow:hidden}
body.is-classroom .slide__body{height:100%}
body.is-classroom .classroom__side :is(h2,h3){font-family:var(--font-sans)}
@media(max-width:700px){body.is-classroom .classroom__stage .slide:has([data-body]:not([hidden])){width:100%}}