. ?no-fit / ?audit disables fitting entirely so raw overflow can be seen. --- */ var FIT_WARN = 0.95, FIT_FAIL = 0.90; var fitReady = !(document.fonts && document.fonts.ready); var FIT_SEEN = new WeakMap(); /* Layouts that centre content vertically: their .fit box spans the whole safe area and keeps the content centred while it scales. */ var CENTERED = ["cover", "section", "statement", "closing", "metric", "center", "balance"]; function unwrapFit(sec) { var fit = sec.querySelector(":scope > .fit"); if (!fit) return; while (fit.firstChild) sec.insertBefore(fit.firstChild, fit); sec.removeChild(fit); sec.removeAttribute("data-fit"); sec.removeAttribute("data-fit-fail"); } function fitSlide(sec, force) { if (!sec || !fitReady || NO_FIT) return; var cs = getComputedStyle(sec); var rem = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16; // The narrow chrome changes the slide's padding and footer reserve. Cache // the safe area's geometry, not just the slide: a rotation must not leave // an old fit in place, or leave a previously fitting slide overflowing. var geometry = [sec.clientWidth, sec.clientHeight, cs.paddingTop, cs.paddingBottom, cs.paddingLeft, cs.paddingRight, rem].join("|"); if (!force && FIT_SEEN.get(sec) === geometry) return; unwrapFit(sec); var padT = parseFloat(cs.paddingTop) || 0, padB = parseFloat(cs.paddingBottom) || 0; var padL = parseFloat(cs.paddingLeft) || 0, padR = parseFloat(cs.paddingRight) || 0; var hasRule = sec.classList.contains("section") || sec.classList.contains("closing"); // gold plate-rule at top var clearance = hasRule ? 1.8 * rem : 0; // breathing room below the gold plate-rule var kids = [].slice.call(sec.children).filter(function (c) { if (c.nodeName === "ASIDE" || (c.classList && c.classList.contains("fit")) || c.offsetParent === null) return false; var pos = getComputedStyle(c).position; // leave absolutely-placed decor (QR, media fill) in place return pos !== "absolute" && pos !== "fixed"; }); if (!kids.length) { FIT_SEEN.set(sec, geometry); return; } var topMost = Infinity, botMost = -Infinity, leftMost = Infinity, rightMost = -Infinity; kids.forEach(function (c) { topMost = Math.min(topMost, c.offsetTop); botMost = Math.max(botMost, c.offsetTop + c.offsetHeight); leftMost = Math.min(leftMost, c.offsetLeft); rightMost = Math.max(rightMost, c.offsetLeft + c.offsetWidth); }); var H = botMost - topMost, W = rightMost - leftMost; var boxTop = padT + clearance; var safeH = sec.clientHeight - boxTop - padB; var safeW = sec.clientWidth - padL - padR; var needFit = (H > safeH + 3) || (W > safeW + 3) || (hasRule && topMost < boxTop - 3); if (needFit && safeH > 40 && H > 0) { var k = Math.max(0.55, Math.min(1, safeH / H, W > 0 ? safeW / W : 1)); var centered = CENTERED.some(function (c) { return sec.classList.contains(c); }); var fit = document.createElement("div"); fit.className = "fit"; while (kids.length) fit.appendChild(kids.shift()); sec.insertBefore(fit, sec.firstChild); if (PRINT) { // Transforms apply after print fragmentation: text outside the // unscaled page can disappear even when its painted bounds fit. // Chromium's layout zoom scales before pagination instead. var printLeft = padL + (centered ? safeW * (1 - k) / 2 : 0); var printTop = boxTop + (centered ? safeH * (1 - k) / 2 : 0); fit.style.cssText = "position:absolute;top:" + (printTop / k) + "px;left:" + (printLeft / k) + "px;width:" + safeW + "px;margin:0;display:flex;flex-direction:column;zoom:" + k.toFixed(4) + ";" + (centered ? "height:" + safeH + "px;justify-content:center;" : ""); } else fit.style.cssText = "position:absolute;top:" + boxTop + "px;left:" + padL + "px;right:" + padR + "px;margin:0;display:flex;flex-direction:column;" + (centered ? "bottom:" + padB + "px;justify-content:center;transform-origin:center center;" : "transform-origin:top left;") + "transform:scale(" + k.toFixed(4) + ");"; sec.setAttribute("data-fit", k.toFixed(3)); if (k < FIT_FAIL && !sec.hasAttribute("data-fit-allow")) { sec.setAttribute("data-fit-fail", k.toFixed(3)); console.error("deck: slide " + slideRef(sec) + " auto-fitted to ×" + k.toFixed(3) + " (below the " + FIT_FAIL + " readability threshold). Trim the slide or add data-fit-allow."); } else if (k < FIT_WARN) { console.warn("deck: slide " + slideRef(sec) + " auto-fitted to ×" + k.toFixed(3) + " — consider trimming it."); } } FIT_SEEN.set(sec, geometry); if (checkModeUpdate) checkModeUpdate(); } function slideRef(sec) { var hSlides = Reveal.getHorizontalSlides ? Reveal.getHorizontalSlides() : []; var i = hSlides.indexOf(sec); var title = sec.querySelector("h1, h2, h3"); return "#" + (i >= 0 ? i + 1 : "?") + (title ? " (“" + title.textContent.trim().slice(0, 40) + "”)" : ""); } /* Re-fit a slide when late-loading content (images, embeds, iframes) changes its measured height after the first pass. */ function refitAfterLoad(el) { var sec = leafSlideFor(el); if (!sec || !fitReady) return; if ((FIT_SEEN && FIT_SEEN.has(sec)) || sec.querySelector(":scope > .fit")) fitSlide(sec, true); } /* ---- duotone filters (Move 2): inject the green/navy duotone SVG filters once so any deck can drop class="duotone" or a .plate figure and reference url(#duo-green) without hand-pasting the filter into every index.html. ---- */ function injectFilters() { if (document.getElementById("duo-green")) return; var DESAT = ''; var svg = elem( '' ); document.body.appendChild(svg); } /* ---- figures that count (Move 3): animate any [data-count] numeral up from zero when its slide arrives. Opt-in per element; the element's authored text is the exact final value (so "14,700+", "28.1M", ranges all render right). data-count="14700" target number data-count-decimals="1" fixed decimals during the roll (default 0) data-count-prefix / -suffix glued on each frame (e.g. "+", "M", "×") Runs on the theme's own motion tokens, and stills with the rest of the signature. ---------------------------------------------------------------- */ /* A CSS time token as a number of milliseconds ("560ms", "0s", "0.9s"). */ function msOf(value, fallback) { var v = String(value || "").trim(); var n = parseFloat(v); if (isNaN(n)) return fallback; return /ms$/.test(v) ? n : (/s$/.test(v) ? n * 1000 : n); } function animateCounts(slide) { if (!slide || typeof requestAnimationFrame !== "function") return; /* Counting up is the third movement of the signature the theme draws in CSS, so it asks the same switch whether to run at all: --draw-run resolves to 0s under print, the ?print-pdf preview, prefers-reduced-motion, and on a .no-draw deck or slide. Reading the property rather than re-deriving those four conditions here is what stops the JS half from stilling a different set of things than the CSS half — which is how the opt-out came to reach the bars but not the numbers standing on them. One condition CSS cannot express is added on top: in a hidden tab rAF is paused, so a rolling numeral would sit at 0 until the tab came back. */ var cs = getComputedStyle(slide); var still = msOf(cs.getPropertyValue("--draw-run"), 560) === 0 || document.hidden || PRINT; var dur = msOf(cs.getPropertyValue("--count"), 900); slide.querySelectorAll("[data-count]").forEach(function (el) { var target = parseFloat(el.getAttribute("data-count")); if (isNaN(target)) return; var dec = parseInt(el.getAttribute("data-count-decimals") || "0", 10) || 0; var pre = el.getAttribute("data-count-prefix") || ""; var suf = el.getAttribute("data-count-suffix") || ""; var done = el.getAttribute("data-count-text"); if (done === null) { done = el.textContent; el.setAttribute("data-count-text", done); } if (still) { if (el._countRAF) { cancelAnimationFrame(el._countRAF); el._countRAF = null; } if (el._countTO) { clearTimeout(el._countTO); el._countTO = null; } el.textContent = done; return; } if (el._countRAF) return; // a roll is already running — never reset it back to 0 var loc = document.documentElement.lang || "en"; // group digits in the deck's language function fmt(v) { return pre + v.toLocaleString(loc, { minimumFractionDigits: dec, maximumFractionDigits: dec }) + suf; } var t0 = null; function tick(ts) { if (t0 === null) t0 = ts; var p = Math.min(1, (ts - t0) / dur); el.textContent = fmt(target * (1 - Math.pow(1 - p, 3))); // ease-out-cubic if (p < 1) el._countRAF = requestAnimationFrame(tick); else { el.textContent = done; el._countRAF = null; if (el._countTO) { clearTimeout(el._countTO); el._countTO = null; } } } // Safety net: if frames stop arriving (tab hidden mid-roll), force the // final value so a numeral can never be left reading 0. setTimeout still // fires when rAF is throttled. el._countTO = setTimeout(function () { if (el._countRAF) { cancelAnimationFrame(el._countRAF); el._countRAF = null; } el.textContent = done; }, dur + 600); el.textContent = fmt(0); el._countRAF = requestAnimationFrame(tick); }); } /* ---- boot --------------------------------------------------------------- */ /* Chrome that doesn't depend on slide content — safe to run before init. */ function decorateChrome() { if (CFG.talkTitle && !document.title.trim()) document.title = CFG.talkTitle; injectFilters(); // make url(#duo-green) / url(#duo-navy) available deck-wide } /* Per-slide decoration: fill every [data-contact] slot from DECK_CONFIG. */ function decorateSlides() { document.querySelectorAll("[data-contact]").forEach(function (slot) { slot.classList.add("contact"); slot.innerHTML = contactHTML(); }); } /* Load any [data-embed-src] / [data-skill-src] panel from its vendored file and syntax-highlight it. Generic: optional data-error-message overrides the failure text, optional data-source-url adds a link to the original. Loading / success / failure states are exposed accessibly (aria-busy, role=status/alert), and the slide is re-fitted once the embed resolves. */ function loadFileEmbeds() { return Promise.all(Array.from(document.querySelectorAll("[data-embed-src], [data-skill-src]")).map(function (panel) { var code = panel.querySelector("code"); if (!code) return; var src = panel.getAttribute("data-embed-src") || panel.getAttribute("data-skill-src"); panel.setAttribute("aria-busy", "true"); panel.setAttribute("role", "status"); code.textContent = STR.embedLoading; return fetch(src) .then(function (r) { if (!r.ok) throw r.status; return r.text(); }) .then(function (text) { code.textContent = text; var hp = (typeof Reveal !== "undefined" && Reveal.getPlugin) ? Reveal.getPlugin("highlight") : null; var hl = window.hljs || (hp && hp.hljs); if (hl) { delete code.dataset.highlighted; code.classList.remove("hljs"); try { hl.highlightElement(code); } catch (e) {} } panel.removeAttribute("aria-busy"); // A loaded panel is a scroll region again (initScrollRegions). if (panel.matches(SCROLL_REGIONS)) panel.setAttribute("role", "region"); else panel.removeAttribute("role"); refitAfterLoad(panel); }) .catch(function () { var msg = panel.getAttribute("data-error-message") || STR.embedError; var url = panel.getAttribute("data-source-url"); code.textContent = msg + (url ? " — " + STR.embedSource + ": " + url : ""); panel.removeAttribute("aria-busy"); panel.setAttribute("role", "alert"); refitAfterLoad(panel); }); })); } /* ---- scroll regions: reachable from the keyboard ----------------------- A panel that scrolls its own content — .scroll-panel, or any per-deck scroller that opts in with data-scroll-region="its name" — was somewhere a mouse wheel could reach and a keyboard could not: nothing in it takes focus (WCAG 2.1.1). Each becomes a named, focusable region. While one has focus the vertical arrows scroll it rather than reaching reveal, but Left/Right, Page Up/Down and Space still drive the deck — those are what presenter remotes send, so a panel clicked mid-talk can never capture the clicker. Focus is released when the slide changes, so a panel the room can no longer see never keeps the keys. */ var SCROLL_REGIONS = ".scroll-panel, [data-scroll-region]"; function initScrollRegions() { var regions = document.querySelectorAll(".reveal .slides :is(" + SCROLL_REGIONS + ")"); if (!regions.length) return; regions.forEach(function (region) { if (!region.hasAttribute("tabindex")) region.setAttribute("tabindex", "0"); if (!region.hasAttribute("aria-label") && !region.hasAttribute("aria-labelledby")) { region.setAttribute("aria-label", region.getAttribute("data-scroll-region") || STR.scrollRegion); } // A file embed still loading holds role=status; it takes region on load. if (!region.hasAttribute("role")) region.setAttribute("role", "region"); region.addEventListener("keydown", function (e) { if (e.key === "ArrowUp" || e.key === "ArrowDown") e.stopPropagation(); }); }); Reveal.on("slidechanged", function () { var active = document.activeElement; if (active && active.matches && active.matches(SCROLL_REGIONS)) active.blur(); }); } /* ---- image lightbox: view a figure/screenshot full-screen ---------------- Fully keyboard-operable: every zoomable image is a focusable control that opens with Enter/Space; the dialog focuses its close button, traps Tab, navigates with the arrow keys, closes with Escape, and returns focus to the originating image. hidden/inert state mirrors the visual state. ------ */ /* Reveal 5.2+ ships a lightbox of its own, opened by data-preview-image / -video / -link on any element inside .slides — the way to show a screencast or an on-demand live site, which this viewer (images, one ) cannot. Two viewers must never bind one element: the enhancer below stops the click before it reaches reveal's delegated handler on .slides, so the native overlay would simply never open on an element it had also promoted. The author's opt-in wins, and the attribute may sit on the image or on anything around it, because that is what reveal's own closest() lookup reads. data-preview-link="false" is reveal's opt-out, so it hands the element back. */ var PREVIEW_OWNED = '[data-preview-image], [data-preview-video],' + ' [data-preview-link]:not([data-preview-link="false"])'; var lightbox, lbImg; function buildLightbox() { var seen = new Set(); var list = Array.from(document.querySelectorAll(".reveal .slides .shot, .reveal .slides .site-frame-view > img")) .map(function (trigger) { // A screenshot may use .shot on its frame rather than on the image. // Keep that frame as the control, but load and describe the image. return { trigger: trigger, img: trigger.matches("img") ? trigger : trigger.querySelector("img") }; }).filter(function (entry) { if (!entry.img || entry.img.closest(PREVIEW_OWNED) || seen.has(entry.img)) return false; seen.add(entry.img); return true; }); if (!list.length) return; lightbox = elem( '" ); document.body.appendChild(lightbox); setDialogHidden(lightbox, true); lbImg = lightbox.querySelector("img"); var lbCap = lightbox.querySelector("figcaption"); var lbClose = lightbox.querySelector(".lightbox-close"); var curIdx = -1, lbLastFocus = null, request = 0; lbCap.setAttribute("aria-live", "polite"); function showAt(i) { curIdx = (i + list.length) % list.length; var img = list[curIdx].img; var alt = img.getAttribute("alt") || ""; lbImg.setAttribute("alt", alt); lbImg.hidden = true; lbCap.textContent = STR.imageLoading; lbCap.style.display = ""; var current = ++request; loadImage(img).then(function () { if (current !== request) return; if (!img.naturalWidth) { lbCap.textContent = STR.imageUnavailable; return; } lbImg.src = imageSource(img); lbImg.hidden = false; lbCap.textContent = alt; }); if (!lightbox.classList.contains("open")) { lbLastFocus = list[curIdx].trigger; lightbox.classList.add("open"); setDialogHidden(lightbox, false); focusWhenVisible(lbClose); } } function closeLightbox() { lightbox.classList.remove("open"); setDialogHidden(lightbox, true); lbImg.removeAttribute("src"); curIdx = -1; request++; // Return focus to the image that opened the viewer. if (lbLastFocus && lbLastFocus.focus) lbLastFocus.focus(); lbLastFocus = null; } list.forEach(function (entry, i) { var trigger = entry.trigger; trigger.classList.add("is-zoomable"); trigger.setAttribute("tabindex", "0"); trigger.setAttribute("role", "button"); var alt = entry.img.getAttribute("alt") || ""; trigger.setAttribute("aria-label", STR.imageView + (alt ? ": " + alt : "")); trigger.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); showAt(i); }); trigger.addEventListener("keydown", function (e) { if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") { e.preventDefault(); e.stopPropagation(); showAt(i); } }); }); lightbox.addEventListener("click", closeLightbox); // backdrop, image, or close button document.addEventListener("keydown", function (e) { if (!lightbox.classList.contains("open")) return; // Tab stays available so the dialog is keyboard-traversable — trap it inside. if (e.key === "Tab") { e.preventDefault(); e.stopPropagation(); lbClose.focus(); return; } e.stopPropagation(); // never drive the deck behind the lightbox if (e.key === "Escape") { e.preventDefault(); closeLightbox(); } else if (e.key === "ArrowRight" || e.key === "ArrowDown") { e.preventDefault(); showAt(curIdx + 1); } else if (e.key === "ArrowLeft" || e.key === "ArrowUp") { e.preventDefault(); showAt(curIdx - 1); } }, true); } /* ---- live iframes: lazy-load + offline fallback ------------------------- Every .site-frame-view iframe is converted to reveal's data-src form so it loads only when its slide becomes visible (and unloads after). A useful fallback stays until the user opens the live surface or an owned app sends its declared readiness message. Load events are not evidence. Permission to embed a site is not evidence that it loaded. In particular, legacy data-frame-trusted declarations must not hide a saved screenshot when the network is unavailable. Sites without a readiness handshake keep their fallback until the presenter explicitly opens the live view. */ function lazifyFrames() { document.querySelectorAll(".reveal .slides .site-frame-view > iframe[src]").forEach(function (f) { if (!f.hasAttribute("data-src")) f.setAttribute("data-src", f.getAttribute("src")); f.removeAttribute("src"); }); } function initFrameFallbacks() { var frames = document.querySelectorAll(".reveal .slides iframe"); if (!frames.length) return; var fallbackTimers = new WeakMap(); // A load event also fires for blocked/error documents. Only an explicit // application handshake establishes readiness; the user may opt into an // unverified live surface through the overlay's button. window.addEventListener("message", function (event) { frames.forEach(function (f) { var type = f.getAttribute("data-ready-message"); var url = new URL(f.getAttribute("data-src") || f.src, location.href); if (type && event.source === f.contentWindow && event.origin === url.origin && event.data && event.data.type === type && leafSlideFor(f) === Reveal.getCurrentSlide()) { f.setAttribute("data-frame-ready", ""); clearTimeout(fallbackTimers.get(f)); hideFallback(f); } }); }); function fallbackFor(f) { var view = f.parentElement; var fb = view.querySelector(".frame-fallback, .viz-fallback, .amrc-fallback"); if (!fb) { var openLink = f.closest(".site-frame") && f.closest(".site-frame").querySelector(".site-frame-open"); var href = f.getAttribute("data-fallback-href") || (openLink && openLink.getAttribute("href")) || f.getAttribute("data-src") || ""; fb = elem('

'); fb.querySelector("p").textContent = STR.frameNetwork; if (href) { var link = document.createElement("a"); link.href = href; link.target = "_blank"; link.rel = "noopener"; link.textContent = STR.frameOpen + " ↗"; fb.appendChild(link); } var show = document.createElement("button"); show.type = "button"; show.className = "frame-show"; show.textContent = STR.frameShow; show.addEventListener("click", function () { clearTimeout(fallbackTimers.get(f)); fb.hidden = true; f.style.visibility = ""; if (f.getAttribute("data-src")) f.src = f.getAttribute("data-src"); f.focus(); }); fb.appendChild(show); fb.hidden = true; view.appendChild(fb); } return fb; } function hideFallback(f) { var fb = f.parentElement.querySelector(".frame-fallback, .viz-fallback, .amrc-fallback"); if (fb) fb.hidden = true; f.style.visibility = ""; } function watchCurrent() { frames.forEach(function (f) { clearTimeout(fallbackTimers.get(f)); fallbackTimers.delete(f); f.removeAttribute("data-frame-ready"); }); var cur = Reveal.getCurrentSlide(); if (!cur) return; cur.querySelectorAll("iframe").forEach(function (f) { var fallback = fallbackFor(f); fallback.hidden = false; if (fallback.matches("img")) f.style.visibility = "hidden"; var timer = setTimeout(function () { fallbackTimers.delete(f); if (!f.hasAttribute("data-frame-ready") && Reveal.getCurrentSlide() === cur) { var text = fallback.querySelector("p"); if (text && fallback.classList.contains("frame-fallback")) text.textContent = STR.frameUnavailable; } }, 8000); fallbackTimers.set(f, timer); }); } Reveal.on("slidechanged", watchCurrent); if (!Reveal.isPrintView()) watchCurrent(); } /* ---- syntax highlighting (plugin-independent) --------------------------- */ /* Highlight every

 with the slim global from
     shared/highlight.min.js (~40 KB), which is what every deck loads instead of
     reveal's 921 KB bundled highlight plugin — that plugin is not vendored and
     the engine registers no highlighter. A deck with no code slides simply
     drops the script tag and this becomes a no-op. The data-highlighted guard
     is hljs's own mark, so a second pass never re-highlights a block. */
  function highlightAll() {
    var hl = window.hljs;
    if (!hl) return;
    document.querySelectorAll(".reveal .slides pre code").forEach(function (code) {
      if (code.dataset.highlighted) return;
      try { hl.highlightElement(code); } catch (e) {}
    });
  }

  /* ---- dev-only slide check (?check): outline any slide whose content spills
     past the fixed 1280×720 canvas, and make auto-fitting VISIBLE — the banner
     shows the applied data-fit scale for the current slide, amber below the
     warning threshold, red below the failure threshold. Combine with ?no-fit
     (or use ?audit, which implies both) to see authored overflow before any
     scaling is applied. ------------------------------------------------------- */
  var checkModeUpdate = null;
  function enableCheckMode() {
    var banner = elem('Slide overflows 1280×720');
    banner.hidden = true;
    document.body.appendChild(banner);
    function check() {
      var s = Reveal.getCurrentSlide();
      if (!s) return;
      var fitted = s.hasAttribute("data-fit");
      var k = fitted ? parseFloat(s.getAttribute("data-fit")) : 1;
      // A fitted slide's layout boxes are unscaled (transforms don't change
      // scrollHeight), so the raw overflow test only applies to unfitted slides.
      var over = !fitted && (s.scrollHeight > s.clientHeight + 1 || s.scrollWidth > s.clientWidth + 1);
      var fail = s.hasAttribute("data-fit-fail") || (fitted && k < FIT_FAIL && !s.hasAttribute("data-fit-allow"));
      var warn = fitted && k < FIT_WARN;
      var msg = "", color = "#c0392b";
      if (over) msg = NO_FIT ? "Authored overflow (fitting disabled)" : "Slide overflows 1280×720";
      else if (fitted) {
        msg = "Auto-fitted ×" + k.toFixed(3) + (fail ? " — below " + FIT_FAIL : warn ? " — below " + FIT_WARN : "");
        color = fail ? "#c0392b" : warn ? "#b9770e" : "#1e8449";
      }
      var outline = over || fail ? "#c0392b" : warn ? "#b9770e" : "";
      s.style.outline = outline ? "3px solid " + outline : "";
      s.style.outlineOffset = outline ? "-3px" : "";
      banner.textContent = msg;
      banner.style.background = color;
      banner.hidden = !msg;
    }
    checkModeUpdate = check;
    Reveal.on("slidechanged", check);
    check();
  }

  function init() {
    var reveal = document.querySelector(".reveal");
    decorateChrome();
    lazifyFrames();   // live iframes load only when their slide becomes visible

    leafSlides().forEach(function (slide, i) {
      if (slide.id) return;
      var label = slide.dataset.toc || (slide.querySelector("h1,h2") || {}).textContent || "slide";
      var id = label.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "slide";
      var baseId = id, suffix = 2;
      while (document.getElementById(id)) id = baseId + "-" + suffix++;
      slide.id = id;
    });
    window.DeckRuntime.ready = Reveal.initialize({
      width: 1280, height: 720, margin: 0,
      minScale: 0.2, maxScale: 2.0,
      // Never switch to reveal 6's scroll view on narrow screens: the theme is
      // designed around a scaled 1280×720 canvas, and the automatic scroll mode
      // (≤435 px wide) clips two-column slides on portrait phones.
      scrollActivationWidth: null,
      center: false, hash: true,
      controls: false, progress: true, slideNumber: false,
      transition: CFG.transition || "fade",
      transitionSpeed: "default",
      autoAnimate: !motionPreference.matches,
      defaultTiming: CFG.defaultTiming || null,
      totalTime: CFG.totalTime || null,
      backgroundTransition: "fade",
      overview: true, touch: true, keyboard: true,
      // PDF export (?print-pdf): one printed page per slide. Reveal's default
      // is Infinity, so any slide even 1px over the page height spilled onto
      // extra pages — the "one slide, several pages" bug. The house style is a
      // fixed 1280×720 screen per slide, so a hard cap of 1 is always right.
      pdfSeparateFragments: false, pdfMaxPagesPerSlide: 1,
      plugins: revealPlugins()
    }).then(function () {
      decorateSlides();   // fill [data-contact] slots
      buildFooter(reveal);
      buildRunhead(reveal);
      buildTOC(reveal);
      fileEmbedsReady = loadFileEmbeds();
      initScrollRegions();
      buildLightbox();
      initFrameFallbacks();
      highlightAll();   // highlight code via global hljs (works without the bundled plugin)
      update();
      // Late-loading media (lazy data-src images, embeds) can change a slide's
      // height after the first fit pass — re-fit the slide when they arrive.
      // Images only: iframes are reloaded by the browser whenever the fit
      // wrapper reparents them, so refitting on iframe load would loop.
      document.querySelector(".slides").addEventListener("load", function (e) {
        if (e.target && e.target.nodeName === "IMG") refitAfterLoad(e.target);
      }, true);
      // If the tab hides mid-roll, rAF freezes; snap any counting numeral to its
      // final value so none is ever left reading a partial count (or 0).
      document.addEventListener("visibilitychange", function () {
        if (!document.hidden) return;
        document.querySelectorAll("[data-count]").forEach(function (el) {
          if (el._countRAF) { cancelAnimationFrame(el._countRAF); el._countRAF = null; }
          if (el._countTO) { clearTimeout(el._countTO); el._countTO = null; }
          var done = el.getAttribute("data-count-text");
          if (done !== null) el.textContent = done;
        });
      });
      if (CHECK_MODE) enableCheckMode();
      motionPreference.addEventListener("change", function () { Reveal.configure({ autoAnimate: !motionPreference.matches }); });

      // Defensive relayout: recompute the scale once the window and webfonts
      // have settled, in case the deck initialised before it had real size.
      window.addEventListener("load", function () { Reveal.layout(); fitReady = true; fitSlide(Reveal.getCurrentSlide()); });
      if (document.fonts && document.fonts.ready) document.fonts.ready.then(function () { Reveal.layout(); fitReady = true; fitSlide(Reveal.getCurrentSlide()); });
      // Reveal's resize event only fires when its scale changes. A CSS
      // breakpoint can change our safe area even at the same scale, so listen
      // to the viewport itself. Other slides re-check their geometry on entry.
      var resizeFitFrame = null;
      window.addEventListener("resize", function () {
        if (PRINT) return;
        if (resizeFitFrame !== null) cancelAnimationFrame(resizeFitFrame);
        resizeFitFrame = requestAnimationFrame(function () {
          resizeFitFrame = null;
          Reveal.layout();
          fitSlide(Reveal.getCurrentSlide());
        });
      });

      // PDF export (?print-pdf): every slide prints, so every slide needs the
      // overflow fit — not just the current one. Re-fit them all (force: the
      // pass may re-run once fonts settle or after reveal builds its
      // .pdf-page layout, whichever lands last).
      if (PRINT) {
        var fitAllPages = function () {
          if (!fitReady || !document.querySelector(".reveal .pdf-page")) return;
          settleSlides(leafSlides());
        };
        Reveal.on("pdf-ready", fitAllPages);
        if (document.fonts && document.fonts.ready) document.fonts.ready.then(fitAllPages);
      }

      Reveal.addKeyBinding({ keyCode: 84, key: "T", description: "Table of contents" }, toggleTOC);
      // While the TOC dialog is open, all keys act on the dialog (capture phase,
      // before reveal's own handler): Esc closes, arrows move, Tab is trapped.
      document.addEventListener("keydown", tocKeydown, true);
    });

    Reveal.on("slidechanged", update);
    Reveal.on("overviewshown", function () { if (footer) footer.style.opacity = "0"; });
    Reveal.on("overviewhidden", function () { if (footer) footer.style.opacity = ""; });
  }

  function revealPlugins() {
    var p = [];
    if (window.RevealNotes) p.push(RevealNotes);
    if (window.RevealZoom) p.push(RevealZoom);
    if (window.RevealSearch) p.push(RevealSearch);
    return p;
  }

  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
  else init();
})();