/* Presentation chrome is outside the legacy React root and its scaled iframe. */
:root { --deck-navigation-height: 64px; }
.deck-navigation { position: fixed; inset: 0 0 auto; z-index: 10000; height: var(--deck-navigation-height); box-sizing: border-box; display: flex; align-items: center; gap: 24px; padding: 10px 24px; background: #101212; border-bottom: 1px solid #303633; color: #c9cecb; font: 12px/1.5 "Space Grotesk", "Noto Sans SC", system-ui, sans-serif; }
:root[data-deck-host="false"] .deck-navigation { display: none; }
.deck-return { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 0 15px; color: #e4cf9f; background: #c9a2270d; border: 1px solid #7a6947; border-radius: 4px; text-decoration: none; white-space: nowrap; flex-shrink: 0; }
.deck-return:hover { background: #c9a2271f; border-color: #c9a227; color: #f5dfae; }
.deck-return:focus-visible, .deck-fullscreen-exit:focus-visible { outline: 2px solid #d1ab57; outline-offset: 3px; }
.deck-navigation-title { color: #c4cbc6; letter-spacing: .025em; }
.deck-navigation-title > span { color: #78857d; margin-left: 8px; }
.deck-navigation-actions { display: flex; align-items: center; gap: 20px; margin-left: auto; }
.deck-exit-hint { color: #89968d; font-size: 11px; white-space: nowrap; }
.deck-exit-hint kbd { display: inline-block; padding: 2px 6px; margin-right: 5px; border: 1px solid #424c44; border-radius: 3px; color: #b4c0b7; font: inherit; }
.deck-fullscreen-exit { min-height: 40px; padding: 0 12px; border: 1px solid #525b51; border-radius: 3px; background: transparent; color: #d7dece; font: inherit; cursor: pointer; }
.deck-fullscreen-exit[hidden] { display: none; }
:root[data-deck-host="true"] .slide-viewer { height: 100dvh !important; padding-top: var(--deck-navigation-height); box-sizing: border-box; }
:root[data-deck-host="true"] .slide-viewer > iframe { width: min(100vw, calc((100dvh - var(--deck-navigation-height)) * 16 / 9)) !important; height: min(calc(100vw * 9 / 16), calc(100dvh - var(--deck-navigation-height))) !important; flex-shrink: 0; }
/* Direct /slideN and /allslides links also keep the return control available. */
:root[data-deck-host="true"] #root:not(:has(.slide-viewer)) { padding-top: var(--deck-navigation-height); box-sizing: border-box; }
:root[data-deck-host="true"] #root > .select-none > div > div { height: calc(100dvh - var(--deck-navigation-height)) !important; }
@media (max-width: 600px) {
  :root { --deck-navigation-height: 60px; }
  .deck-navigation { padding: 8px 12px; gap: 14px; }
  .deck-return { padding-inline: 12px; }
  .deck-navigation-title { margin-left: auto; font-size: 11px; }
  .deck-navigation-title > span, .deck-exit-hint { display: none; }
  .deck-navigation-actions { margin-left: 0; gap: 0; }
  .deck-navigation-actions:has(.deck-fullscreen-exit[hidden]) { display: none; }
}
@media print {
  .deck-navigation { display: none; }
  :root { --deck-navigation-height: 0px; }
}
