html[data-theme="dark"]{color-scheme:dark;background:#111;--ink:#edf2ed;--muted:#a5b0a7;--paper:#141a17;--line:#303a33;--white:#1d2520}
html[data-theme="dark"] body{background-color:#141a17;color:#edf2ed}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .client-top,html[data-theme="dark"] .master-top,html[data-theme="dark"] .control-panel,html[data-theme="dark"] .slide-list,html[data-theme="dark"] .empty-deck,html[data-theme="dark"] .client-slide,html[data-theme="dark"] .assessment-screen,html[data-theme="dark"] .lobby-card,html[data-theme="dark"] .join-card,html[data-theme="dark"] .presenter-notes-card,html[data-theme="dark"] .leaderboard-content{background:#1b241f;border-color:#303a33;color:#edf2ed}
html[data-theme="dark"] .client-bg{background-image:radial-gradient(#27332b 1px,transparent 1px)}
html[data-theme="dark"] .slide-row,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .assessment-end-board,html[data-theme="dark"] .quiz-option,html[data-theme="dark"] .ordering-item,html[data-theme="dark"] .matching-row,html[data-theme="dark"] .jump-button,html[data-theme="dark"] .timer-chip,html[data-theme="dark"] .quiz-navigation{background:#202a24;border-color:#354139;color:#e5ece5}
html[data-theme="dark"] .deck-cover-slide,html[data-theme="dark"] .deck-standard,html[data-theme="dark"] .deck-split,html[data-theme="dark"] .deck-image-focus,html[data-theme="dark"] .deck-data-table,html[data-theme="dark"] .deck-feature-grid,html[data-theme="dark"] .deck-modular,html[data-theme="dark"] .deck-video-focus,html[data-theme="dark"] .deck-video-split{color:#edf2ed}
html[data-theme="dark"] .deck-body,html[data-theme="dark"] .slide-copy,html[data-theme="dark"] .feature-card p,html[data-theme="dark"] .leaderboard-name,html[data-theme="dark"] .question-prompt,html[data-theme="dark"] .quiz-option-copy,html[data-theme="dark"] .matching-left,html[data-theme="dark"] .table-wrap td{color:#c4cec5}
html[data-theme="dark"] .client-slide-body h1,html[data-theme="dark"] .deck-standard h1,html[data-theme="dark"] .deck-data-table h1,html[data-theme="dark"] .deck-feature-grid h1,html[data-theme="dark"] .deck-modular h1,html[data-theme="dark"] .deck-video-focus h1,html[data-theme="dark"] .deck-split h1,html[data-theme="dark"] .leaderboard-content>h1{color:#edf2ed}
html[data-theme="dark"] .assessment-heading,html[data-theme="dark"] .assessment-progress,html[data-theme="dark"] .quiz-navigation,html[data-theme="dark"] .timer-chip strong,html[data-theme="dark"] .leaderboard-score,html[data-theme="dark"] .leaderboard-percent{color:#e5ece5}
html[data-theme="dark"] .assessment-custom-instructions{background:#202a24;border-color:#354139}
html[data-theme="dark"] .assessment-custom-instructions strong,html[data-theme="dark"] .assessment-custom-instructions p{color:#c4cec5}
html[data-theme="dark"] .assessment-results-group>h3,html[data-theme="dark"] .assessment-end-board h4{color:#b7cbb3}
html[data-theme="dark"] .stack-form input,html[data-theme="dark"] .short-answer-wrap textarea,html[data-theme="dark"] .adjust-timer-form input{background:#202a24;border-color:#39453c;color:#edf2ed}
html[data-theme="dark"] .slide-dialog,html[data-theme="dark"] .studio-confirmation-dialog{background:#1b241f;color:#edf2ed}
html[data-theme="dark"] .slide-dialog input,html[data-theme="dark"] .slide-dialog textarea,html[data-theme="dark"] .slide-dialog select,html[data-theme="dark"] .table-wrap table,html[data-theme="dark"] .matching-row select{background:#202a24;border-color:#39453c;color:#edf2ed}
html[data-theme="dark"] .studio-confirmation-dialog .rename-field input{background:#202a24;border-color:#39453c;color:#edf2ed}
html[data-theme="dark"] .admin-bg.presenter-mode .presenter-mobile-outline-toggle,html[data-theme="dark"] .admin-bg.presenter-mode .presenter-mobile-outline-content{background:#1b241f;border-color:#354139;color:#edf2ed}
.admin-login-card .stack-form label:not(.admin-remember){margin-top:17px}
.admin-login-card .stack-form input:not([type="checkbox"]){height:44px;margin-top:7px}
.admin-remember{display:flex!important;align-items:center;gap:8px;margin-top:14px!important;color:#6d786e!important;font-size:11px!important}
.admin-remember input{width:15px;height:15px;margin:0;accent-color:#548e54}
.admin-logout-form{position:absolute;top:22px;right:13px;margin:0}
.admin-logout-form button{padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:9px}
.admin-logout-form button:hover{color:#a54f42;border-color:#e1c7c1;background:#fff8f6}
html[data-theme="dark"] .admin-logout-form button{border-color:#39453c;color:#c4cec5}
html[data-theme="dark"] .admin-logout-form button:hover{background:#322522;color:#ffb0a2}
@media(max-width:760px){.admin-logout-form{top:9px;right:11px}}
html[data-theme="dark"] .table-wrap th,html[data-theme="dark"] .table-wrap td,html[data-theme="dark"] .table-wrap tbody tr:nth-child(even){background:#202a24;border-color:#354139;color:#e1e9e1}
html[data-theme="dark"] .master-stage,html[data-theme="dark"] .client-stage{color:#edf2ed}

/* Larger, legible type across the presenter, student, and room screens. */
.admin-bg .eyebrow { font-size: 12px; }
.admin-bg .sidebar .nav-item { font-size: 15px; }
.admin-bg .sidebar-tree-kind { font-size: 10px; }
.admin-bg .sidebar-tree-title,
.admin-bg .sidebar-deck-copy strong { font-size: 13px; }
.admin-bg .sidebar-deck-copy small,
.admin-bg .sidebar-section-meta { font-size: 10px; }
.admin-bg .button { font-size: 14px; }
.admin-bg .control-copy .eyebrow { font-size: 11px; }
.admin-bg .control-copy p,
.admin-bg .timer-control span,
.admin-bg .timer-control label { font-size: 13px; }
.admin-bg .control-actions .icon-button { font-size: 21px; }
.admin-bg .presenter-notes-heading h2 { font-size: 20px !important; }
.admin-bg .presenter-notes-copy { font-size: 18px !important; line-height: 1.85; }
.admin-bg .slide-summary h3 { font-size: 15px; }
.admin-bg .slide-meta,
.admin-bg .slide-tools .text-button { font-size: 12px; }
.admin-bg .outline-designer-intro p { font-size: 15px; }
.admin-bg .outline-detail-header p { font-size: 13px; }
.admin-bg .outline-detail-topic h3 { font-size: 17px; }
.admin-bg .outline-detail-deck-copy strong { font-size: 12px; }

.presentation-client .client-top .attendee-chip,
.presentation-client .student-logout { font-size: 12px; }
.presentation-client .presentation-breadcrumb { font-size: 11px; }
.presentation-client .client-slide-body .eyebrow,
.presentation-client .slide-topline,
.presentation-client .client-slide-footer { font-size: 10px; }
.presentation-client .slide-copy,
.presentation-client .deck-body { font-size: clamp(17px, 1.7vw, 20px); line-height: 1.75; }
.presentation-client .cover-speaker { font-size: 13px; }
.presentation-client .cover-speaker-label { font-size: 10px; }
.presentation-client .cover-speaker strong { font-size: 16px; }
.presentation-client .answer-option,
.presentation-client .quiz-option-copy,
.presentation-client .matching-left { font-size: 15px; }
.presentation-client .question-prompt { font-size: clamp(28px, 4vw, 42px); }
.presentation-client .assessment-progress,
.presentation-client .question-type-label,
.presentation-client .timer-chip small { font-size: 11px; }
.presentation-client .quiz-navigation .button { font-size: 14px; }
.presentation-client .chapter-overview-topic h2 { font-size: clamp(17px, 2vw, 22px); }
.presentation-client .chapter-overview-subtopic h3 { font-size: 15px; }

.master-client .master-live,
.master-client .master-timer-caption,
.master-client .presentation-breadcrumb { font-size: 11px; }
.master-client .master-waiting p,
.master-client .master-timer-screen > p { font-size: clamp(16px, 1.8vw, 21px); }
.master-client .master-assessment-title { font-size: clamp(18px, 2vw, 24px); }
.master-client .master-slide .leaderboard-content { width: 100%; max-width: none; min-height: 100%; padding: clamp(24px, 5vh, 54px) clamp(22px, 5vw, 64px); }
.master-client .master-slide .leaderboard-content > h1 { font-size: clamp(38px, 5vw, 64px); }
.master-client .master-slide .leaderboard-subtitle,
.master-client .master-slide .leaderboard-note { font-size: 16px; }
.master-client .master-slide .leaderboard-row { grid-template-columns: 60px minmax(0,1fr) auto auto; gap: 18px; padding: 19px 22px; }
.master-client .master-slide .leaderboard-rank { width: 48px; height: 48px; font-size: 23px; }
.master-client .master-slide .leaderboard-name { font-size: clamp(22px, 2.6vw, 32px); }
.master-client .master-slide .leaderboard-score { font-size: 23px; }
.master-client .master-slide .leaderboard-percent { font-size: 17px; }
.master-client .master-slide .leaderboard-year-section > h2 { font-size: 20px; }
.master-client .master-slide .leaderboard-year-card h3 { font-size: 15px; }
.master-client .master-slide .leaderboard-year-card li,
.master-client .master-slide .leaderboard-year-card li strong { font-size: 15px; }
.master-client .master-slide .leaderboard-year-card li > span { width: 24px; height: 24px; font-size: 12px; }
.master-client .master-slide .leaderboard-year-card li small { font-size: 13px; }
.master-client .assessment-end-leaderboards { max-width: none; margin-top: 28px; }
.master-client .assessment-end-leaderboards > h2 { font-size: 24px; }
.master-client .assessment-results-group { margin-top: 22px; }
.master-client .assessment-results-group > h3 { font-size: 15px; }
.master-client .assessment-end-board { padding: 16px; }
.master-client .assessment-end-board h3,
.master-client .assessment-end-board h4 { font-size: 14px; }
.master-client .assessment-end-board li { grid-template-columns: 30px minmax(0,1fr) auto; gap: 10px; padding: 10px; font-size: 14px; }
.master-client .assessment-end-board li strong { font-size: 15px; }
.master-client .assessment-end-board li > span:last-child { font-size: 13px; }
.master-client .assessment-end-board .end-rank { width: 26px; height: 26px; font-size: 13px; }
.master-client .master-top .theme-toggle-in-bar {
  position: static; flex: none; padding: 10px 14px; border-radius: 10px;
  font-size: 13px; box-shadow: none;
}
.master-client .master-top { gap: 18px; }
.presentation-client .client-slide-body,
.master-client .master-slide .client-slide-body { font-size: 19px; }
.presentation-client .client-slide-body h1,
.master-client .master-slide .client-slide-body h1 { font-size: clamp(36px, 5vw, 60px); }
.presentation-client .deck-eyebrow,
.master-client .master-slide .deck-eyebrow { font-size: 12px; }
.presentation-client .deck-body,
.presentation-client .slide-copy,
.master-client .master-slide .deck-body,
.master-client .master-slide .slide-copy { font-size: clamp(19px, 2vw, 24px); line-height: 1.8; }
.presentation-client .deck-cover-slide .cover-copy h1,
.master-client .master-slide .deck-cover-slide .cover-copy h1 { font-size: clamp(48px, 8vw, 92px); }
.presentation-client .deck-cover-slide .cover-subtitle,
.master-client .master-slide .deck-cover-slide .cover-subtitle { font-size: clamp(19px, 2.2vw, 27px); }
.presentation-client .deck-cover-slide .cover-speaker,
.master-client .master-slide .deck-cover-slide .cover-speaker { font-size: 15px; }
.presentation-client .deck-cover-slide .cover-speaker-label,
.master-client .master-slide .deck-cover-slide .cover-speaker-label { font-size: 11px; }
.presentation-client .deck-cover-slide .cover-speaker strong,
.master-client .master-slide .deck-cover-slide .cover-speaker strong { font-size: 18px; }
.presentation-client .deck-standard h1,
.presentation-client .deck-data-table h1,
.presentation-client .deck-feature-grid h1,
.presentation-client .deck-modular h1,
.presentation-client .deck-video-focus h1,
.presentation-client .deck-split h1,
.presentation-client .deck-image-focus h1,
.master-client .master-slide .deck-standard h1,
.master-client .master-slide .deck-data-table h1,
.master-client .master-slide .deck-feature-grid h1,
.master-client .master-slide .deck-modular h1,
.master-client .master-slide .deck-video-focus h1,
.master-client .master-slide .deck-split h1,
.master-client .master-slide .deck-image-focus h1 { font-size: clamp(36px, 5vw, 60px); }
.presentation-client .deck-content table,
.master-client .master-slide .deck-content table { font-size: 17px; }
.presentation-client .deck-content th,
.presentation-client .deck-content td,
.master-client .master-slide .deck-content th,
.master-client .master-slide .deck-content td { padding: 12px 14px; }
.presentation-client .deck-content p,
.presentation-client .deck-content li,
.master-client .master-slide .deck-content p,
.master-client .master-slide .deck-content li { font-size: inherit; }
.presentation-client .feature-card h2,
.master-client .master-slide .feature-card h2 { font-size: 21px; }
.presentation-client .feature-card p,
.master-client .master-slide .feature-card p,
.presentation-client .image-caption,
.master-client .master-slide .image-caption { font-size: 15px; line-height: 1.65; }

/* Let the presenter workspace use the full area beside the outline. */
.admin-bg.presenter-mode .admin-main { width: auto; max-width: none; padding: 20px clamp(16px, 2.5vw, 36px); }
.admin-bg.presenter-mode .presenter-notes-card { width: 100%; }
.admin-bg.presenter-mode .presenter-notes-heading h2 { font-size: 22px !important; }
.admin-bg.presenter-mode .presenter-notes-copy {
  min-height: min(48vh, 460px); max-height: 62vh; padding: 22px 24px;
  font-size: 22px !important; line-height: 1.9;
}

/* Dynamic chapter and topic overview decks. */
.presentation-client .chapter-overview-screen > .eyebrow,
.master-client .chapter-overview-screen > .eyebrow { font-size: 12px; }
.presentation-client .chapter-overview-screen > h1,
.master-client .chapter-overview-screen > h1 { font-size: clamp(40px, 5vw, 68px); }
.presentation-client .chapter-overview-intro,
.master-client .chapter-overview-intro { font-size: 18px; }
.presentation-client .chapter-overview-topic h2,
.master-client .chapter-overview-topic h2 { font-size: clamp(21px, 2.3vw, 27px); }
.presentation-client .chapter-topic-kind,
.master-client .chapter-topic-kind { font-size: 11px; }
.presentation-client .chapter-topic-number,
.master-client .chapter-topic-number { font-size: 13px; }
.presentation-client .chapter-overview-deck,
.master-client .chapter-overview-deck { font-size: 16px; }
.presentation-client .chapter-overview-deck small,
.master-client .chapter-overview-deck small { font-size: 12px; }
.presentation-client .chapter-overview-empty,
.master-client .chapter-overview-empty { font-size: 15px; }
.presentation-client .outline-overview-breadcrumb,
.master-client .outline-overview-breadcrumb { font-size: 12px; }
.stack-form label,
.slide-dialog label,
.sidebar-outline-add label { font-size: 14px; }
.stack-form input,
.stack-form select,
.slide-dialog input,
.slide-dialog select,
.slide-dialog textarea,
.answer-form textarea,
.notes-label textarea,
.sidebar-outline-add input,
.sidebar-outline-add select,
.sidebar-outline-add textarea { font-size: 15px; }
.alert,
.toast,
.validation-toast { font-size: 14px; }

@media(max-width:760px) {
  .admin-bg .sidebar-tree-title,
  .admin-bg .sidebar-deck-copy strong { font-size: 14px; }
  .admin-bg .presenter-notes-heading h2 { font-size: 19px !important; }
  .admin-bg .presenter-notes-copy { font-size: 17px !important; line-height: 1.8; }
  .admin-bg .presenter-sticky-controls .control-copy .eyebrow { font-size: 10px; }
  .admin-bg .presenter-sticky-controls .control-copy h2 { font-size: 17px; }
  .admin-bg .presenter-sticky-controls .control-actions .button { font-size: 14px; }
  .admin-bg .presenter-sticky-controls .timer-control > div:first-child span { font-size: 13px; }
  .admin-bg .presenter-sticky-controls .timer-control > div:first-child strong { font-size: 15px; }
  .presentation-client .client-top .attendee-chip { font-size: 10px; }
  .presentation-client .presentation-breadcrumb { font-size: 9px; }
  .presentation-client .slide-copy,
  .presentation-client .deck-body,
  .master-client .master-slide .slide-copy,
  .master-client .master-slide .deck-body { font-size: 18px; line-height: 1.7; }
  .presentation-client .client-slide-body h1,
  .master-client .master-slide .client-slide-body h1,
  .presentation-client .deck-standard h1,
  .presentation-client .deck-data-table h1,
  .presentation-client .deck-feature-grid h1,
  .presentation-client .deck-modular h1,
  .presentation-client .deck-video-focus h1,
  .presentation-client .deck-split h1,
  .presentation-client .deck-image-focus h1,
  .master-client .master-slide .deck-standard h1,
  .master-client .master-slide .deck-data-table h1,
  .master-client .master-slide .deck-feature-grid h1,
  .master-client .master-slide .deck-modular h1,
  .master-client .master-slide .deck-video-focus h1,
  .master-client .master-slide .deck-split h1,
  .master-client .master-slide .deck-image-focus h1 { font-size: clamp(32px, 8vw, 46px); }
  .presentation-client .deck-cover-slide .cover-copy h1,
  .master-client .master-slide .deck-cover-slide .cover-copy h1 { font-size: clamp(42px, 12vw, 60px); }
  .presentation-client .deck-cover-slide .cover-subtitle,
  .master-client .master-slide .deck-cover-slide .cover-subtitle { font-size: 18px; }
  .presentation-client .deck-cover-slide .cover-speaker,
  .master-client .master-slide .deck-cover-slide .cover-speaker { font-size: 14px; }
  .presentation-client .deck-content table,
  .master-client .master-slide .deck-content table { font-size: 15px; }
  .presentation-client .feature-card h2,
  .master-client .master-slide .feature-card h2 { font-size: 18px; }
  .presentation-client .feature-card p,
  .master-client .master-slide .feature-card p,
  .presentation-client .image-caption,
  .master-client .master-slide .image-caption { font-size: 14px; }
  .presentation-client .client-slide-body .eyebrow { font-size: 9px; }
  .presentation-client .slide-topline,
  .presentation-client .client-slide-footer { font-size: 9px; }
  .presentation-client .answer-option,
  .presentation-client .quiz-option-copy,
  .presentation-client .matching-left { font-size: 14px; }
  .master-client .master-live { font-size: 9px; }
  .master-client .master-top { gap: 8px; }
  .master-client .master-top .theme-toggle-in-bar { margin-left: auto; padding: 8px 10px; font-size: 11px; }
  .master-client .master-slide .leaderboard-content { padding: 18px 12px; }
  .master-client .master-slide .leaderboard-content > h1 { font-size: clamp(30px, 8vw, 42px); }
  .master-client .master-slide .leaderboard-subtitle,
  .master-client .master-slide .leaderboard-note { font-size: 13px; }
  .master-client .master-slide .leaderboard-row { grid-template-columns: 38px minmax(0,1fr) auto; gap: 8px; padding: 12px 10px; }
  .master-client .master-slide .leaderboard-rank { width: 32px; height: 32px; font-size: 16px; }
  .master-client .master-slide .leaderboard-name { font-size: 17px; }
  .master-client .master-slide .leaderboard-score { font-size: 16px; }
  .master-client .master-slide .leaderboard-percent { grid-column: 2/4; font-size: 13px; }
  .master-client .master-slide .leaderboard-year-section > h2 { font-size: 17px; }
  .master-client .master-slide .leaderboard-year-card h3 { font-size: 13px; }
  .master-client .master-slide .leaderboard-year-card li,
  .master-client .master-slide .leaderboard-year-card li strong { font-size: 13px; }
  .master-client .master-slide .leaderboard-year-card li small { font-size: 11px; }
  .master-client .assessment-end-leaderboards { margin-top: 18px; }
  .master-client .assessment-end-leaderboards > h2 { font-size: 20px; }
  .master-client .assessment-results-group { margin-top: 16px; }
  .master-client .assessment-results-group > h3 { font-size: 13px; }
  .master-client .assessment-end-board { padding: 12px; }
  .master-client .assessment-end-board h3,
  .master-client .assessment-end-board h4 { font-size: 12px; }
  .master-client .assessment-end-board li { grid-template-columns: 26px minmax(0,1fr) auto; font-size: 12px; }
  .master-client .assessment-end-board li strong { font-size: 13px; }
  .master-client .assessment-end-board li > span:last-child { font-size: 11px; }
  .master-client .assessment-end-board .end-rank { width: 22px; height: 22px; font-size: 11px; }
  .admin-bg.presenter-mode .admin-main { width: 100%; max-width: none; }
  .admin-bg.presenter-mode .presenter-notes-heading h2 { font-size: 21px !important; }
  .admin-bg.presenter-mode .presenter-notes-copy {
    min-height: 36vh; max-height: 48vh; padding: 18px;
    font-size: 20px !important; line-height: 1.8;
  }
  .presentation-client .chapter-overview-screen > h1,
  .master-client .chapter-overview-screen > h1 { font-size: clamp(34px, 9vw, 46px); }
  .presentation-client .chapter-overview-intro,
  .master-client .chapter-overview-intro { font-size: 16px; }
  .presentation-client .chapter-overview-topic h2,
  .master-client .chapter-overview-topic h2 { font-size: 20px; }
  .presentation-client .chapter-overview-deck,
  .master-client .chapter-overview-deck { font-size: 15px; }
  .presentation-client .chapter-overview-deck small,
  .master-client .chapter-overview-deck small { font-size: 11px; }
  .presentation-client .chapter-overview-empty,
  .master-client .chapter-overview-empty { font-size: 14px; }
  .presentation-client .outline-overview-breadcrumb,
  .master-client .outline-overview-breadcrumb { font-size: 10px; }
}
html[data-theme="dark"] .deck-cover-slide{background:linear-gradient(120deg,#14251f,#17261f 58%,#1c3025)}
html[data-theme="dark"] .deck-split-visual figure,html[data-theme="dark"] .image-focus-frame{background:#202a24}
html[data-theme="dark"] .deck-eyebrow,html[data-theme="dark"] .deck-cover-slide .cover-copy h1 em{color:#a8d67a}
.dict-brand-tag,.client-brand-copy small{display:block;margin-top:4px;color:#237a52;font:600 8px var(--mono);letter-spacing:.11em}
.dict-brand-mark{background:#146a47;color:#fff;border-radius:50% 50% 42% 42%;box-shadow:inset 0 0 0 2px #ffffff55}
.client-brand-copy{font-weight:700;letter-spacing:.1em}
html[data-theme="dark"] .dict-brand-tag,html[data-theme="dark"] .client-brand-copy small{color:#81d5a8}
.theme-toggle{position:fixed;right:18px;bottom:18px;z-index:1000;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #778071;border-radius:999px;background:#243227;color:#fff;font:600 11px/1 var(--sans,system-ui);box-shadow:0 5px 20px #0003;cursor:pointer}
html[data-theme="dark"] .theme-toggle{background:#e8f2e9;color:#17211e;border-color:#99b79f}
.theme-toggle:focus-visible{outline:3px solid #87bd5c;outline-offset:3px}
.studio-confirmation-dialog{width:min(420px,calc(100% - 28px));border:1px solid #e4e9df;border-radius:20px;padding:29px;box-shadow:0 25px 90px #101a1640;color:var(--ink);text-align:center}
.studio-confirmation-dialog::backdrop{background:#101a16a8;backdrop-filter:blur(5px)}
.studio-confirmation-dialog .confirmation-icon{width:46px;height:46px;margin:0 auto 17px;display:grid;place-items:center;border-radius:15px;background:#fff2df;color:#a76d22;font:700 23px var(--display)}
.studio-confirmation-dialog h2{margin:8px 0;font:700 22px var(--display);letter-spacing:-.03em}
.studio-confirmation-dialog p{margin:0;color:#778078;font-size:12px;line-height:1.65;white-space:pre-line}
.studio-confirmation-dialog .dialog-actions{justify-content:center;margin-top:23px}
.studio-confirmation-dialog .danger-button{background:#b94e42;color:#fff;border-color:#b94e42}
.studio-confirmation-dialog .rename-field{display:block;margin:20px 0 0;text-align:left;color:#6d786f;font-size:11px;font-weight:600}
.studio-confirmation-dialog .rename-field input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #dfe5dc;border-radius:9px;background:#fff;color:#243127;font:13px var(--sans)}
.studio-confirmation-dialog .rename-field input:focus{outline:0;border-color:#71a652;box-shadow:0 0 0 3px #a8d88944}
/* Use every pixel of the Client Master canvas for the live deck. */
.master-client .master-stage {
  height: calc(100vh - 72px); height: calc(100svh - 72px);
  min-height: 0; padding: 0; gap: 0; overflow: hidden;
}
.master-client .master-breadcrumb { height: 22px; flex: none; margin: 0; padding: 3px 12px; }
.master-client .master-slide,
.master-client .master-timer-screen,
.master-client .master-waiting,
.master-client .chapter-overview-screen {
  width: 100%; height: 100%; min-height: 0; max-height: none;
  flex: 1 1 0%; margin: 0; border-radius: 0; box-sizing: border-box;
}
.master-client .master-slide { padding: 14px clamp(14px, 3vw, 42px) 12px; overflow: auto; box-shadow: none; }
.master-client .master-slide { padding: 4px 8px; }
.master-client .master-slide .client-slide-body { min-height: 0; padding: 8px clamp(8px, 1vw, 16px); }
.master-client .master-slide .deck-standard,
.master-client .master-slide .deck-data-table,
.master-client .master-slide .deck-feature-grid,
.master-client .master-slide .deck-modular,
.master-client .master-slide .deck-video-focus,
.master-client .master-slide .deck-split,
.master-client .master-slide .deck-video-split,
.master-client .master-slide .deck-image-focus { width: 100%; max-width: none; }
.master-client .master-slide .deck-body { max-width: none; }
.deck-cover-slide { grid-template-columns: minmax(0, 1fr); }
.cover-copy { width: 100%; }
.deck-cover-slide.deck-cover-with-art { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
@media(max-width:650px) { .deck-cover-slide.deck-cover-with-art { grid-template-columns: 1fr; } }
.master-client .master-slide .deck-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.master-client .master-slide .image-focus-frame { height: min(68vh, 760px); }
.master-client .master-timer-screen,
.master-client .master-waiting { overflow: auto; padding: clamp(18px, 4vh, 42px); }
.master-client .chapter-overview-screen { padding: clamp(18px, 4vh, 42px) clamp(18px, 4vw, 52px); overflow: auto; }
@media(max-width:600px) {
  .master-client .master-stage { height: calc(100svh - 48px); padding: 0; gap: 0; }
  .master-client .master-breadcrumb { height: 18px; padding: 2px 8px; }
  .master-client .master-slide,
  .master-client .master-timer-screen,
  .master-client .master-waiting,
  .master-client .chapter-overview-screen { width: 100%; height: 100%; min-height: 0; margin: 0; border-radius: 0; }
  .master-client .master-slide { padding: 4px; }
  .master-client .master-slide .client-slide-body { padding: 6px 4px; }
  .master-client .master-slide .deck-split { grid-template-columns: 1fr; }
  .master-client .master-slide .image-focus-frame { height: min(62vh, 560px); }
  .master-client .master-timer-screen,
  .master-client .master-waiting { padding: 16px 12px; }
  .master-client .chapter-overview-screen { padding: 14px 11px; }
}
.dict-brand-tag{white-space:nowrap}
.slide-mini-preview { margin: -6px 0 18px; padding: 10px; border: 1px solid #e1e8dc; border-radius: 12px; background: #f3f6f0; }
.slide-mini-preview-label { display:flex; justify-content:space-between; gap:10px; margin-bottom:7px; color:#758172; font:600 9px var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.slide-preview-screen { position:relative; display:grid; grid-template-columns:minmax(0,1fr); align-items:center; gap:12px; min-height:112px; overflow:hidden; padding:15px 18px; border:1px solid #dce5d8; border-radius:8px; background:#fff; }
.slide-preview-copy { position:relative; z-index:2; min-width:0; }
.slide-preview-kicker { display:block; margin-bottom:5px; color:#789254; font:600 7px var(--mono); letter-spacing:.13em; }
.slide-preview-title { display:block; overflow:hidden; color:#26352b; font:750 clamp(13px,2vw,20px)/1.15 var(--display); text-overflow:ellipsis; white-space:nowrap; }
.slide-preview-body { display:-webkit-box; overflow:hidden; margin:6px 0 0; color:#69766a; font-size:10px; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.slide-preview-speaker { display:none; margin-top:7px; color:#567047; font-size:8px; }
.slide-preview-media { display:grid; position:relative; place-items:center; min-height:72px; overflow:hidden; border-radius:6px; background:linear-gradient(135deg,#e7efe1,#f4f7f1); color:#718966; font-size:10px; }
.slide-preview-media[hidden],.slide-preview-media img[hidden],.slide-preview-blocks span[hidden] { display:none!important; }
.slide-preview-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.slide-preview-placeholder { position:relative; z-index:1; }
.slide-preview-blocks { display:flex; flex-wrap:wrap; gap:5px; }
.slide-preview-blocks span { padding:5px 7px; border:1px solid #e5ebdf; border-radius:5px; background:#f8faf6; color:#61745a; font-size:8px; }
.slide-preview-screen[data-layout="split"],.slide-preview-screen[data-layout="video_split"] { grid-template-columns:minmax(0,1fr) minmax(0,.8fr); }
.slide-preview-screen[data-layout="split"] .slide-preview-media,.slide-preview-screen[data-layout="video_split"] .slide-preview-media { grid-column:2; grid-row:1; }
.slide-preview-screen[data-layout="split"] .slide-preview-copy,.slide-preview-screen[data-layout="video_split"] .slide-preview-copy { grid-column:1; grid-row:1; }
.slide-preview-screen[data-layout="image_focus"] { display:block; min-height:130px; padding:0; background:#182720; }
.slide-preview-screen[data-layout="image_focus"] .slide-preview-media { position:absolute; inset:0; height:auto; border-radius:0; opacity:.68; }
.slide-preview-screen[data-layout="image_focus"] .slide-preview-copy { position:absolute; inset:auto 12px 10px; }
.slide-preview-screen[data-layout="image_focus"] .slide-preview-title,.slide-preview-screen[data-layout="image_focus"] .slide-preview-body { color:#fff; }
.slide-preview-screen[data-layout="image_focus"] .slide-preview-kicker { color:#c8e9af; }
.slide-preview-screen[data-layout="cover"] { min-height:145px; padding:20px; border:0; background:radial-gradient(ellipse at 80% 40%,#25463c,#10211e 72%); }
.slide-preview-screen[data-layout="cover"] .slide-preview-kicker,.slide-preview-screen[data-layout="cover"] .slide-preview-title,.slide-preview-screen[data-layout="cover"] .slide-preview-body { color:#f4f8ef; }
.slide-preview-screen[data-layout="cover"] .slide-preview-title { font-size:clamp(18px,4vw,32px); }
.slide-preview-screen[data-layout="cover"] .slide-preview-speaker { display:block; color:#bcd0b3; }
.slide-preview-screen[data-type="video"] .slide-preview-media { min-height:84px; background:#17211e; color:#d7ecc8; }
.slide-preview-screen[data-type="assessment"] { background:linear-gradient(125deg,#fff,#f8faef); }
.slide-preview-screen[data-type="assessment"] .slide-preview-title { color:#34452f; }
.admin-bg.designer-mode .slide-editor-dialog { width:min(720px,calc(100% - 28px)); }
@media(min-width:561px) and (max-width:850px) {
  .admin-bg.designer-mode .sidebar { width:260px; padding:18px 14px; }
  .admin-bg.designer-mode .sidebar .wordmark { justify-content:flex-start; }
  .admin-bg.designer-mode .sidebar .wordmark>span:last-child { display:block; }
  .admin-bg.designer-mode .admin-main { margin-left:260px; padding:28px 18px; }
}
@media(max-width:560px) {
  .admin-bg.designer-mode .sidebar { height:38vh; max-height:330px; padding:10px 13px; }
  .admin-bg.designer-mode .sidebar-outline-list { max-height:calc(38vh - 100px); }
}

/* Presenter layout: keep one sticky layer and reserve room for the fixed control tray. */
.admin-bg.presenter-mode .presenter-sticky-controls .control-panel {
  position: static !important;
  top: auto;
}
@media (min-width: 761px) {
  .admin-bg.presenter-mode .sidebar {
    width: min(340px, 36vw);
  }
  .admin-bg.presenter-mode .admin-main {
    box-sizing: border-box;
    width: calc(100% - min(340px, 36vw));
    max-width: none;
    margin-left: min(340px, 36vw);
  }
}
@media (max-width: 760px) {
  .admin-bg.presenter-mode .admin-main {
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
  }
  .admin-bg.presenter-mode .admin-main {
    padding: 64px 14px calc(52vh + env(safe-area-inset-bottom) + 24px) !important;
  }
  .admin-bg.presenter-mode .presenter-notes-copy {
    min-height: 24vh;
    max-height: 32vh;
  }
  .admin-bg.presenter-mode .presenter-sticky-controls {
    max-height: 47vh;
    box-sizing: border-box;
  }
}

/* Dark presenter surfaces, including nested outline cards that used to stay white. */
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar {
  color: #e7eee8;
}
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-outline-heading,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-tree-kind,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-outline-empty {
  color: #a5b2a7;
}
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-chapter-node,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-outline-add summary,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck form button,
html[data-theme="dark"] .admin-bg.presenter-mode .outline-icon-button,
html[data-theme="dark"] .admin-bg.presenter-mode .section-timer-control {
  background: #202a24;
  border-color: #39463d;
  color: #e5ece5;
}
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-sort-container.is-drop-target {
  background: #26352a;
  outline-color: #78995e;
}
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-outline-add form {
  background: #1b241f;
  border-color: #39463d;
  color: #e5ece5;
}
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-outline-add input,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-outline-add select,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-outline-add textarea {
  background: #202a24;
  border-color: #455249;
  color: #edf2ed;
}
html[data-theme="dark"] .admin-bg.presenter-mode .outline-icon-button:hover,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck form button:hover {
  background: #2b382f;
  border-color: #586b5b;
  color: #d5e8c7;
}
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-chapter-node > summary,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-outline-node > summary,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck-copy strong {
  color: #e5ece5;
}
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck-copy small {
  color: #a5b2a7;
}
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck-icon,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck-icon.deck-icon-video,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck-icon.deck-icon-image,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck-icon.deck-icon-table,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck-icon.deck-icon-graphics,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck-icon.deck-icon-mixed,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck-icon.deck-icon-assessment,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck-icon.deck-icon-leaderboard {
  background: #29362e;
  color: #c5d9bb;
}
html[data-theme="dark"] .admin-bg.presenter-mode .section-timer-control strong {
  color: #c5d9bb;
}
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-section-node,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-topic-node,
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-subtopic-node {
  border-color: #39463d;
}
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck-active {
  background: #293a2b;
  box-shadow: inset 3px 0 #9ec76d;
}
html[data-theme="dark"] .admin-bg.presenter-mode .sidebar-deck-active .sidebar-deck-copy strong {
  color: #c8e7ad;
}
html[data-theme="dark"] .admin-bg.presenter-mode .presenter-mobile-outline-content,
html[data-theme="dark"] .admin-bg.presenter-mode .presenter-mobile-outline-toggle,
html[data-theme="dark"] .admin-bg.presenter-mode .admin-logout-form button,
html[data-theme="dark"] .admin-bg.presenter-mode .presenter-sticky-controls {
  background: rgb(24 32 27 / 97%);
  border-color: #39463d;
  color: #edf2ed;
}
html[data-theme="dark"] .admin-bg.presenter-mode .presenter-notes-card,
html[data-theme="dark"] .admin-bg.presenter-mode .presenter-notes-copy,
html[data-theme="dark"] .admin-bg.presenter-mode .control-panel,
html[data-theme="dark"] .admin-bg.presenter-mode .timer-control,
html[data-theme="dark"] .admin-bg.presenter-mode .icon-button {
  background: #1b241f;
  border-color: #354139;
  color: #e5ece5;
}
html[data-theme="dark"] .admin-bg.presenter-mode .presenter-notes-copy {
  background: #202a24;
}
html[data-theme="dark"] .admin-bg.presenter-mode .control-copy h2,
html[data-theme="dark"] .admin-bg.presenter-mode .presenter-notes-heading h2,
html[data-theme="dark"] .admin-bg.presenter-mode .timer-control strong {
  color: #edf2ed;
}
html[data-theme="dark"] .admin-bg.presenter-mode .control-copy p,
html[data-theme="dark"] .admin-bg.presenter-mode .presenter-notes-copy,
html[data-theme="dark"] .admin-bg.presenter-mode .timer-control span {
  color: #c4cec5;
}
@media(max-width:560px) {
  .admin-bg.designer-mode .admin-view-links { display:grid; grid-template-columns:1fr 1fr; width:100%; }
  .admin-bg.designer-mode .admin-view-links .button { min-width:0; padding:9px 7px; font-size:10px; }
  .admin-bg.designer-mode .admin-view-links .button.primary { grid-column:1/-1; }
  .slide-preview-screen { min-height:100px; padding:11px; }
}
@media(max-width:650px) {
  .presentation-client .deck-modular:has(.modular-image) > .modular-image,
  .master-client .deck-modular:has(.modular-image) > .modular-image { grid-row: 1; }
  .presentation-client .deck-modular:has(.modular-image) > header,
  .master-client .deck-modular:has(.modular-image) > header { grid-row: 2; }
  .presentation-client .deck-modular:has(.modular-image) > .table-wrap,
  .master-client .deck-modular:has(.modular-image) > .table-wrap,
  .presentation-client .deck-modular:has(.modular-image) > .feature-cards,
  .master-client .deck-modular:has(.modular-image) > .feature-cards { grid-row: auto; }
}
@media(max-width:560px){.theme-toggle{right:12px;bottom:12px;padding:9px 11px;font-size:10px}.studio-confirmation-dialog{padding:23px 19px}}

.feature-card-copy { font-size:11px; line-height:1.65; color:#768178; }
.feature-card-copy p { margin:0 0 8px; }
.feature-card-copy p:last-child { margin-bottom:0; }
.assessment-custom-instructions > div { color:#536054; font-size:12px; line-height:1.65; }
html[data-theme="dark"] .assessment-custom-instructions > div { color:#c4cec5; }

.presentation-client .student-header .presentation-theme-toggle {
  position: static;
  flex: none;
  padding: 9px 11px;
  border-radius: 9px;
  font-size: 11px;
  box-shadow: none;
}
@media (max-width: 600px) {
  .presentation-client .student-header { gap: 6px; }
  .presentation-client .student-header .attendee-chip { max-width: max(58px, calc(100vw - 260px)); }
  .presentation-client .student-header .presentation-theme-toggle { padding: 7px 8px; font-size: 10px; }
}

.deck-body li { margin-block: .12em !important; line-height: 1.45; }
.deck-body li > p { margin-block: .12em; }

.deck-split-qr .deck-split-visual figure {
  display: grid;
  place-items: center;
  height: auto;
  padding: 10px;
  overflow: visible;
  background: #fff;
}
.deck-split-qr .deck-split-visual img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: min(68vh, 680px);
  object-fit: contain;
}
@media (max-width: 650px) {
  .deck-split-qr .deck-split-visual img { max-height: min(42vh, 340px); }
}