/* The board owns its display mode; the other decks keep their existing layout. */
.board-mode-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(5,9,17,.84)}
.board-mode-switch button{min-height:38px;min-width:70px;padding:8px 17px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:14px;line-height:1.25}
.board-mode-switch button.active{color:#fff;background:linear-gradient(110deg,rgba(244,217,175,.23),rgba(168,216,255,.15));box-shadow:inset 0 0 0 1px rgba(220,229,241,.3)}
.board-mode-switch button:hover{color:#fff}
body[data-deck="board"] .bottom-bar{justify-content:space-between}
body[data-deck="board"] #slide-context{display:none}
body[data-deck="board"] .pager{width:auto}

/* A stable landscape canvas is scaled by fitSlide on every screen size. */
.slide.board-overview{width:2560px;max-width:none;min-width:2560px;min-height:0;padding:10px 24px;gap:12px}
.board-overview .slide-head{padding:0 4px}
.board-overview .slide-head .eyebrow{font-size:12px;line-height:1.3;margin-bottom:5px}
.board-overview .slide-head h1{font-size:34px;line-height:1.25}
.board-overview .slide-head .subtitle{font-size:17px;line-height:1.45;margin-top:7px}
.board-overview .slide-body{font-size:18px;line-height:1.38}

@media(max-width:900px){
 body[data-deck="board"] .bottom-bar{gap:10px;padding-left:14px;padding-right:14px}
 .board-mode-switch{padding:3px}
 .board-mode-switch button{min-width:51px;min-height:34px;padding:7px 11px;font-size:13px}
 body[data-deck="board"] .pager{gap:7px}
 body[data-deck="board"] .pager button{min-width:36px;min-height:36px;padding:8px}
 body[data-deck="board"] .pager button span{display:none}
 body[data-deck="board"] .page-count{min-width:51px;font-size:12px}
}
@media(max-height:520px) and (max-width:900px){
 .board-mode-switch button{min-height:28px;padding:5px 11px;font-size:12px}
 body[data-deck="board"] .pager button{min-height:30px;min-width:32px;padding:5px}
}

/* Keep board controls at the top and give the canvas the former footer space. */
body[data-deck="board"][data-board-mode="screen"] .bottom-bar{display:none}
body[data-deck="board"][data-board-mode="ppt"] .bottom-bar{justify-content:flex-end}
body[data-deck="board"] .topbar{gap:16px}
body[data-deck="board"] #stage{padding-bottom:10px}
@media(max-width:900px){
 .topbar .board-mode-switch{grid-column:1/-1;grid-row:3;justify-self:center}
 .topbar .board-mode-switch button{min-height:30px;min-width:68px;padding:5px 15px}
 body[data-deck="board"] .topbar{gap:7px 10px}
}