/* ══ PRESENTER MODE ═════════════════════════════════════════════
   Large type, max whitespace, ≤30 words of body copy.
   .slidedoc-body is hidden.
═══════════════════════════════════════════════════════════════════ */
body[data-mode="presenter"] .slidedoc-body { display: none; }
body[data-mode="presenter"] .presenter-body { display: block; }

body[data-mode="presenter"] .slide-title  { font-size: clamp(32px, 4vw, 56px); }
body[data-mode="presenter"] .body-copy    { font-size: 17px; max-width: 600px; }
body[data-mode="presenter"] .footnote     { display: none; }
body[data-mode="presenter"] .section-label { display: block; }

/* ══ SLIDEDOC MODE ══════════════════════════════════════════════
   Denser layout, full copy, footnotes visible.
   .presenter-body is hidden.
═══════════════════════════════════════════════════════════════════ */
body[data-mode="slidedoc"] .presenter-body { display: none; }
body[data-mode="slidedoc"] .slidedoc-body  { display: block; }

body[data-mode="slidedoc"] .slide-title   { font-size: clamp(22px, 2.5vw, 36px); }
body[data-mode="slidedoc"] .body-copy     { font-size: 14px; }
body[data-mode="slidedoc"] .footnote      { display: block; }
body[data-mode="slidedoc"] .section-label { display: block; }

/* ── Mode label in controls ─────────────────────────────────── */
body[data-mode="presenter"] #toggle-mode::after { content: " Presenter"; font-size: 11px; }
body[data-mode="slidedoc"]  #toggle-mode::after { content: " Slidedoc"; font-size: 11px; }
body[data-theme="dark"]  #toggle-theme::after { content: " Dark"; font-size: 11px; }
body[data-theme="light"] #toggle-theme::after { content: " Light"; font-size: 11px; }