@bendyline/squisq 2.7.0 → 2.8.0

package/dist/doc/index.d.ts

@@ -1589,6 +1589,16 @@ interface ExpandDocBlocksOptions {
      * defaults to `true` to preserve video/narration pacing.
      */
     splitLongBlocks?: boolean;
+    /**
+     * Merge blocks whose *scheduled* duration falls under the ~5s minimum
+     * transition gap into their predecessor, and drop trailing blocks that would
+     * start just before a segment boundary. That pacing rule keeps timed playback
+     * from flashing slides, but it REMOVES authored blocks from the sequence.
+     * Discrete-slide consumers (the PPTX exporter) pass `false` so every authored
+     * slide survives into the deck. Only affects the audio-timed path; defaults to
+     * `true` to preserve video/narration pacing.
+     */
+    mergeShortBlocks?: boolean;
     /**
      * User-defined custom templates to merge onto the built-in registry
      * before expanding blocks. Typically passed straight from
@@ -2093,6 +2103,57 @@ interface DocToMarkdownOptions {
  */
 declare function docToMarkdown(doc: Doc, options?: DocToMarkdownOptions): MarkdownDocument;
 
+/**
+ * buildPreviewDoc — Converts a markdown-derived Doc into a player-ready Doc
+ * with TemplateBlock slides and interleaved images.
+ *
+ * This is THE canonical slideshow projection: the editor's live preview, the
+ * HTML slideshow export, and the PPTX exporter all run a doc through here so
+ * the slide sequence cannot drift by consumer. It is the slide-mode sibling of
+ * `materializePageSections` (page mode) and lives in core for the same reason —
+ * exporters must be able to reach it without depending on a React package.
+ *
+ * Pipeline:
+ * 1. Flatten hierarchical blocks into a linear slide sequence
+ * 2. Convert each block into a TemplateBlock-compatible object
+ * 3. Interleave images as standalone imageWithCaption slides
+ * 4. Synthesize a dummy audio segment for timer-based playback
+ */
+
+/**
+ * Build a player-ready Doc from a markdown-derived Doc.
+ *
+ * Flattens hierarchical blocks, converts each to a TemplateBlock-compatible
+ * slide, interleaves images, recalculates timing, and adds a synthetic
+ * audio segment.
+ */
+interface BuildPreviewDocOptions {
+    /**
+     * Human-facing title to use as the header of the leading heading-less
+     * "preamble" block when the document has no frontmatter `title:`. Hosts
+     * typically pass the file name (extension stripped) via
+     * {@link documentTitleFromFileName}. When neither this nor a frontmatter
+     * title is present, the preamble simply renders with no header rather than
+     * the placeholder block id.
+     */
+    documentTitle?: string;
+    /**
+     * Whether unused document images become standalone interleaved
+     * `imageWithCaption` slides (default true — the slideshow behavior).
+     * Consumers with a fixed cell budget (the dashboard projection) pass
+     * false so synthetic filler slides never compete with real blocks.
+     */
+    interleaveImages?: boolean;
+}
+/**
+ * Derive a display title from a file name: strip any directory prefix and the
+ * trailing extension (`docs/Longview Plan.md` → `Longview Plan`). Returns an
+ * empty string for an absent/blank name so callers can pass the result through
+ * without extra guards.
+ */
+declare function documentTitleFromFileName(fileName?: string): string;
+declare function buildPreviewDoc(doc: Doc, options?: BuildPreviewDocOptions): Doc;
+
 /**
  * Frontmatter serialization for user-defined custom templates (layouts).
  *
@@ -2355,7 +2416,7 @@ declare function pageStyleDataAttributes(pageStyle: ThemePageStyle): Record<stri
  * Structural, theme-independent stylesheet for the page rendition.
  * Everything is scoped under `.squisq-page`.
  */
-declare const PAGE_BASE_CSS = "\n/* \u2500\u2500 Base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page {\n  background: var(--squisq-page-bg);\n  color: var(--squisq-page-text);\n  font-family: var(--squisq-page-body-font);\n  line-height: var(--squisq-page-line-height);\n  --squisq-page-divider-color: color-mix(in srgb, var(--squisq-page-text) 16%, transparent);\n  --squisq-page-section-pad: 3.5rem;\n  --squisq-page-shadow: none;\n}\n.squisq-page *, .squisq-page *::before, .squisq-page *::after { box-sizing: border-box; }\n.squisq-page img { max-width: 100%; height: auto; }\n.squisq-page a {\n  color: var(--squisq-page-primary);\n  text-decoration-color: color-mix(in srgb, var(--squisq-page-primary) 40%, transparent);\n}\n\n/* Page pattern washes (very low intensity) */\n.squisq-page[data-pattern='dots'] {\n  background-image: radial-gradient(color-mix(in srgb, var(--squisq-page-text) 7%, transparent) 1px, transparent 1px);\n  background-size: 22px 22px;\n}\n.squisq-page[data-pattern='grid'] {\n  background-image:\n    linear-gradient(color-mix(in srgb, var(--squisq-page-primary) 7%, transparent) 1px, transparent 1px),\n    linear-gradient(90deg, color-mix(in srgb, var(--squisq-page-primary) 7%, transparent) 1px, transparent 1px);\n  background-size: 44px 44px;\n}\n.squisq-page[data-pattern='diagonal'] {\n  background-image: repeating-linear-gradient(\n    -45deg,\n    color-mix(in srgb, var(--squisq-page-text) 4%, transparent) 0 1px,\n    transparent 1px 14px\n  );\n}\n.squisq-page[data-pattern='noise'] { background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E\"); }\n\n/* Spacing scale */\n.squisq-page[data-spacing='compact'] { --squisq-page-section-pad: 2.25rem; }\n.squisq-page[data-spacing='comfortable'] { --squisq-page-section-pad: 3.5rem; }\n.squisq-page[data-spacing='generous'] { --squisq-page-section-pad: 5.25rem; }\n\n/* Shadow language */\n.squisq-page[data-shadow='soft'] { --squisq-page-shadow: 0 14px 36px color-mix(in srgb, var(--squisq-page-text) 14%, transparent); }\n.squisq-page[data-shadow='crisp'] { --squisq-page-shadow: 0 2px 10px color-mix(in srgb, var(--squisq-page-text) 26%, transparent); }\n.squisq-page[data-shadow='heavy'] { --squisq-page-shadow: 10px 10px 0 color-mix(in srgb, var(--squisq-page-text) 82%, transparent); }\n\n/* \u2500\u2500 Sections \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-section { position: relative; padding-block: var(--squisq-page-section-pad); }\n.squisq-page-section-inner {\n  max-width: var(--squisq-page-content-max);\n  margin-inline: auto;\n  padding-inline: 24px;\n}\n/* Backdrops anchor to the section; these content roots stack above them. */\n.squisq-page-hero-body,\n.squisq-page-banner-body,\n.squisq-page-quote-figure { position: relative; }\n.squisq-page-section--feature-split .squisq-page-section-inner,\n.squisq-page-section--gallery .squisq-page-section-inner,\n.squisq-page-section--table-section .squisq-page-section-inner,\n.squisq-page-section--canvas-embed .squisq-page-section-inner,\n.squisq-page-section--stat-band .squisq-page-section-inner,\n.squisq-page-section--card-grid .squisq-page-section-inner,\n.squisq-page-section--media-figure .squisq-page-section-inner,\n.squisq-page-section--hero .squisq-page-section-inner {\n  max-width: var(--squisq-page-wide-max);\n}\n\n/* Background rhythm */\n.squisq-page-section--bg-alternate { background: var(--squisq-page-bg-alt); }\n.squisq-page-section--bg-accent {\n  background: var(--squisq-page-accent-bg);\n  color: var(--squisq-page-accent-text);\n}\n.squisq-page-section--bg-media { color: #ffffff; }\n\n/* Dividers between adjacent sections */\n.squisq-page[data-divider='hairline'] .squisq-page-section + .squisq-page-section { border-top: 1px solid var(--squisq-page-divider-color); }\n.squisq-page[data-divider='thick-rule'] .squisq-page-section + .squisq-page-section { border-top: 3px solid var(--squisq-page-primary); }\n.squisq-page[data-divider='double-rule'] .squisq-page-section + .squisq-page-section { border-top: 4px double var(--squisq-page-divider-color); }\n.squisq-page[data-divider='dotted'] .squisq-page-section + .squisq-page-section { border-top: 2px dotted var(--squisq-page-divider-color); }\n/* Banded sections carry their own edges; media sections never need rules. */\n.squisq-page .squisq-page-section--bg-media,\n.squisq-page .squisq-page-section--bg-media + .squisq-page-section,\n.squisq-page .squisq-page-section--timeline-rail + .squisq-page-section--timeline-rail { border-top: none; }\n\n/* \u2500\u2500 Headings, eyebrows \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-section-title {\n  font-family: var(--squisq-page-title-font);\n  font-weight: var(--squisq-page-title-weight);\n  line-height: 1.15;\n  margin: 0 0 0.5em;\n}\n.squisq-page[data-heading-case='uppercase'] .squisq-page-section-title { text-transform: uppercase; letter-spacing: 0.03em; }\n.squisq-page[data-underline='accent-bar'] .squisq-page-section-title::after {\n  content: '';\n  display: block;\n  width: 56px;\n  height: 4px;\n  margin-top: 0.4em;\n  border-radius: 2px;\n  background: var(--squisq-page-accent);\n}\n.squisq-page[data-underline='full-rule'] .squisq-page-section-title {\n  border-bottom: 1px solid var(--squisq-page-divider-color);\n  padding-bottom: 0.35em;\n}\n\n.squisq-page-eyebrow {\n  display: block;\n  font-size: 0.8125rem;\n  font-weight: 600;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--squisq-page-accent);\n  margin: 0 0 0.9em;\n}\n.squisq-page[data-eyebrow='numbered'] .squisq-page-eyebrow::after { content: ' \u2014'; color: var(--squisq-page-text-muted); }\n.squisq-page[data-eyebrow='mono-tag'] .squisq-page-eyebrow {\n  display: inline-block;\n  font-family: var(--squisq-page-mono-font);\n  text-transform: none;\n  letter-spacing: 0.06em;\n  border: 1px solid color-mix(in srgb, var(--squisq-page-accent) 55%, transparent);\n  border-radius: var(--squisq-page-radius);\n  padding: 0.15em 0.6em;\n  background: color-mix(in srgb, var(--squisq-page-accent) 10%, transparent);\n}\n.squisq-page[data-eyebrow='mono-tag'] .squisq-page-eyebrow::before { content: '['; opacity: 0.6; }\n.squisq-page[data-eyebrow='mono-tag'] .squisq-page-eyebrow::after { content: ']'; opacity: 0.6; }\n\n/* \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-section--hero { padding-block: calc(var(--squisq-page-section-pad) * 1.5); }\n.squisq-page-hero-title {\n  font-family: var(--squisq-page-title-font);\n  font-weight: var(--squisq-page-title-weight);\n  line-height: 1.08;\n  margin: 0;\n  font-size: 2.75rem;\n}\n.squisq-page[data-heading-scale='display'] .squisq-page-hero-title { font-size: 3.4rem; }\n.squisq-page[data-heading-scale='oversized'] .squisq-page-hero-title { font-size: 4rem; font-size: clamp(3rem, 9cqw, 6rem); line-height: 1.02; }\n.squisq-page[data-heading-case='uppercase'] .squisq-page-hero-title { text-transform: uppercase; letter-spacing: 0.02em; }\n.squisq-page-hero-subtitle {\n  margin: 1.1em 0 0;\n  font-size: 1.25rem;\n  color: var(--squisq-page-text-muted);\n  max-width: 42em;\n  white-space: pre-line;\n}\n.squisq-page-section--bg-media .squisq-page-hero-subtitle { color: rgba(255, 255, 255, 0.88); }\n\n/* Stacked (default): centered column */\n.squisq-page[data-hero-style='stacked'] .squisq-page-hero-body { text-align: center; }\n.squisq-page[data-hero-style='stacked'] .squisq-page-hero-subtitle { margin-inline: auto; }\n\n/* Oversized type: hard left, no decoration */\n.squisq-page[data-hero-style='oversized-type'] .squisq-page-hero-title { font-size: 4.25rem; font-size: clamp(3.25rem, 10cqw, 6.5rem); line-height: 0.98; }\n\n/* Split: text and media side by side */\n.squisq-page-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }\n.squisq-page-hero-grid .squisq-page-hero-media img { width: 100%; object-fit: cover; }\n\n/* Full-bleed & letterbox: media behind text */\n.squisq-page-section--hero-media {\n  padding-block: 0;\n  min-height: min(72svh, 620px);\n  display: flex;\n  align-items: flex-end;\n}\n.squisq-page[data-hero-style='letterbox'] .squisq-page-section--hero-media { min-height: min(52svh, 460px); }\n.squisq-page-hero-backdrop { position: absolute; inset: 0; overflow: hidden; }\n.squisq-page-hero-backdrop img { width: 100%; height: 100%; object-fit: cover; }\n.squisq-page-hero-backdrop::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.68) 100%);\n}\n.squisq-page[data-hero-style='letterbox'] .squisq-page-hero-backdrop img { filter: saturate(0.9); }\n.squisq-page-section--hero-media .squisq-page-section-inner { padding-block: 3rem; width: 100%; }\n\n/* \u2500\u2500 Banner (sectionHeader) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-banner-title { font-size: 2rem; }\n.squisq-page[data-heading-scale='display'] .squisq-page-banner-title { font-size: 2.5rem; }\n.squisq-page[data-heading-scale='oversized'] .squisq-page-banner-title { font-size: 3rem; font-size: clamp(2.25rem, 6cqw, 3.75rem); }\n.squisq-page-section--banner.squisq-page-section--bg-media { padding-block: 0; min-height: 280px; display: flex; align-items: flex-end; }\n.squisq-page-section--banner.squisq-page-section--bg-media .squisq-page-section-inner { padding-block: 2rem; width: 100%; }\n.squisq-page-section--banner .squisq-page-section-title { margin-bottom: 0; }\n\n/* \u2500\u2500 Stat band \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-stats { display: flex; gap: 3rem; justify-content: center; text-align: center; flex-wrap: wrap; }\n.squisq-page-stat { flex: 1 1 220px; max-width: 420px; }\n.squisq-page-stat-value {\n  display: block;\n  font-family: var(--squisq-page-title-font);\n  font-weight: 700;\n  font-size: 3.25rem;\n  line-height: 1;\n  color: var(--squisq-page-accent);\n}\n.squisq-page[data-numerals='oversized'] .squisq-page-stat-value { font-size: 4.5rem; font-size: clamp(3.5rem, 8cqw, 5.5rem); }\n.squisq-page[data-numerals='mono'] .squisq-page-stat-value { font-family: var(--squisq-page-mono-font); letter-spacing: -0.02em; }\n.squisq-page[data-numerals='boxed'] .squisq-page-stat-value {\n  display: inline-block;\n  border: 2px solid var(--squisq-page-accent);\n  border-radius: var(--squisq-page-radius);\n  padding: 0.18em 0.4em;\n}\n.squisq-page-stat-title { display: block; margin-top: 0.9em; font-size: 1.125rem; font-weight: 600; }\n.squisq-page-stat-body { display: block; margin-top: 0.45em; color: var(--squisq-page-text-muted); font-size: 0.95rem; }\n.squisq-page-stat-meta { text-align: center; margin-top: 1.5rem; color: var(--squisq-page-text-muted); font-size: 0.85rem; }\n.squisq-page-stat-bar { height: 10px; border-radius: 999px; background: var(--squisq-page-accent); margin-top: 0.8em; }\n.squisq-page-stat--bars { text-align: left; }\n\n/* \u2500\u2500 Quote band \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-quote {\n  margin: 0;\n  font-family: var(--squisq-page-title-font);\n  font-size: 1.6rem;\n  line-height: 1.35;\n  white-space: pre-line;\n}\n.squisq-page-section--em-strong .squisq-page-quote { font-size: 2.1rem; }\n.squisq-page-section--em-quiet .squisq-page-quote { font-size: 1.25rem; color: var(--squisq-page-text-muted); }\n.squisq-page-quote-attribution { margin-top: 1.1em; font-family: var(--squisq-page-body-font); font-size: 0.95rem; color: var(--squisq-page-text-muted); }\n.squisq-page-quote-attribution::before { content: '\u2014 '; }\n.squisq-page[data-quote-mark='accent-bar'] .squisq-page-quote-figure { border-left: 4px solid var(--squisq-page-accent); padding-left: 1.5rem; }\n.squisq-page[data-quote-mark='oversized-glyph'] .squisq-page-quote-figure { position: relative; padding-top: 1.25rem; }\n.squisq-page[data-quote-mark='oversized-glyph'] .squisq-page-quote-figure::before {\n  content: '\\201C';\n  position: absolute;\n  top: -0.12em;\n  left: -0.05em;\n  font-family: var(--squisq-page-title-font);\n  font-size: 5.5rem;\n  line-height: 1;\n  color: color-mix(in srgb, var(--squisq-page-accent) 42%, transparent);\n  pointer-events: none;\n}\n.squisq-page-section--v-display .squisq-page-quote-figure { text-align: center; border-left: none; }\n.squisq-page-section--v-display .squisq-page-quote { font-size: 2.4rem; font-size: clamp(1.9rem, 5cqw, 3rem); }\n.squisq-page-section--v-editorial .squisq-page-quote-figure {\n  border-block: 3px solid var(--squisq-page-primary);\n  border-left: none;\n  padding: 2rem 0.5rem;\n}\n/* Full-bleed quote over media */\n.squisq-page-section--quote-band.squisq-page-section--bg-media { padding-block: 0; min-height: 380px; display: flex; align-items: center; }\n.squisq-page-section--quote-band.squisq-page-section--bg-media .squisq-page-section-inner { padding-block: 3.5rem; }\n.squisq-page-quote-backdrop { position: absolute; inset: 0; overflow: hidden; }\n.squisq-page-quote-backdrop img, .squisq-page-quote-backdrop video { width: 100%; height: 100%; object-fit: cover; }\n.squisq-page-quote-backdrop::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); }\n.squisq-page-section--quote-band[data-hint-vignette] .squisq-page-quote-backdrop::after {\n  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.75) 100%);\n}\n.squisq-page-section--quote-band.squisq-page-section--bg-media .squisq-page-quote-figure { border: none; text-align: center; }\n\n/* \u2500\u2500 Feature split \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }\n.squisq-page-feature--media-right .squisq-page-feature-media { order: 2; }\n.squisq-page-feature-media img { width: 100%; object-fit: cover; }\n.squisq-page-feature-title { font-size: 1.75rem; }\n.squisq-page-feature-body { color: var(--squisq-page-text-muted); font-size: 1.05rem; white-space: pre-line; margin: 0; }\n\n/* \u2500\u2500 Media figure \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-figure { margin: 0; }\n.squisq-page-figure img, .squisq-page-figure video { width: 100%; display: block; }\n.squisq-page-figure figcaption { margin-top: 0.9em; font-size: 0.9rem; color: var(--squisq-page-text-muted); text-align: center; }\n.squisq-page-media-credit { font-size: 0.78rem; opacity: 0.75; }\n\n/* Media frame treatment (figures, features, gallery tiles, cards) */\n.squisq-page-media-frame { overflow: hidden; }\n.squisq-page[data-framing='rounded'] .squisq-page-media-frame { border-radius: var(--squisq-page-radius); }\n.squisq-page[data-framing='bordered'] .squisq-page-media-frame { border: 3px solid var(--squisq-page-text); }\n.squisq-page[data-framing='polaroid'] .squisq-page-media-frame {\n  background: #ffffff;\n  padding: 10px 10px 16px;\n  border: 1px solid rgba(0, 0, 0, 0.12);\n  border-radius: 2px;\n}\n.squisq-page[data-framing='letterboxed'] .squisq-page-media-frame img { aspect-ratio: 21 / 9; object-fit: cover; }\n.squisq-page[data-framing='circle-accent'] .squisq-page-media-frame { border-radius: calc(var(--squisq-page-radius) * 2); }\n.squisq-page .squisq-page-media-frame { box-shadow: var(--squisq-page-shadow); }\n\n/* Rich body nodes that the selected template did not consume. This universal\n * supplement keeps diagrams/media visible without making every template\n * duplicate the same preservation logic. */\n.squisq-page-rich-content {\n  margin-top: clamp(1.5rem, 4vw, 3rem);\n  padding-top: clamp(1.25rem, 3vw, 2rem);\n  border-top: 1px solid var(--squisq-page-divider-color);\n}\n.squisq-page-rich-content :is(img, video) { display: block; max-width: 100%; height: auto; margin-inline: auto; }\n.squisq-page-rich-content .squisq-md-mermaid { min-height: min(520px, 62vh); margin-block: 0; }\n\n/* \u2500\u2500 Gallery \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem; }\n.squisq-page-gallery .squisq-page-media-frame img { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; }\n.squisq-page-gallery-caption { margin-top: 1.1rem; text-align: center; font-size: 0.9rem; color: var(--squisq-page-text-muted); }\n\n/* \u2500\u2500 Callout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-callout {\n  border-radius: var(--squisq-page-radius);\n  border: 1px solid color-mix(in srgb, var(--squisq-page-accent) 32%, transparent);\n  border-left: 5px solid var(--squisq-page-accent);\n  background: color-mix(in srgb, var(--squisq-page-accent) 7%, var(--squisq-page-bg));\n  padding: 1.75rem 2rem;\n  box-shadow: var(--squisq-page-shadow);\n  display: flex;\n  gap: 1.75rem;\n  align-items: flex-start;\n}\n.squisq-page-callout-title { font-family: var(--squisq-page-title-font); font-size: 1.35rem; font-weight: 700; margin: 0 0 0.5em; }\n.squisq-page-callout-body { margin: 0; white-space: pre-line; }\n.squisq-page-callout-meta { margin-top: 0.9em; font-size: 0.82rem; color: var(--squisq-page-text-muted); }\n.squisq-page-callout .squisq-page-media-frame { flex: 0 0 132px; }\n.squisq-page-callout .squisq-page-media-frame img { width: 132px; height: 132px; object-fit: cover; }\n.squisq-page-callout[data-hint-framing='circle-accent'] .squisq-page-media-frame,\n.squisq-page-callout[data-hint-framing='circle-accent'] .squisq-page-media-frame img { border-radius: 50%; }\n.squisq-page-section--v-definition .squisq-page-callout-title { font-style: italic; }\n.squisq-page-section--v-diagnostic .squisq-page-callout { border-left-color: var(--squisq-page-highlight); }\n\n/* \u2500\u2500 Card grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; }\n.squisq-page-card {\n  border-radius: var(--squisq-page-radius);\n  background: var(--squisq-page-bg-alt);\n  border-top: 4px solid var(--squisq-page-card-accent, var(--squisq-page-accent));\n  padding: 1.75rem 1.75rem 1.9rem;\n  box-shadow: var(--squisq-page-shadow);\n}\n.squisq-page-card-title { font-family: var(--squisq-page-title-font); font-size: 1.3rem; margin: 0 0 0.4em; }\n.squisq-page-card-body { margin: 0; color: var(--squisq-page-text-muted); white-space: pre-line; }\n.squisq-page-cards-title { text-align: center; font-size: 1.9rem; margin-bottom: 1.75rem; }\n\n/* \u2500\u2500 Item list \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-items { list-style: none; margin: 0; padding: 0; counter-reset: squisq-item; max-width: 40em; }\n.squisq-page-items li {\n  counter-increment: squisq-item;\n  position: relative;\n  padding: 0.9em 0 0.9em 3.4em;\n  font-size: 1.1rem;\n}\n.squisq-page-items li + li { border-top: 1px solid var(--squisq-page-divider-color); }\n.squisq-page-items li::before {\n  content: counter(squisq-item, decimal-leading-zero);\n  position: absolute;\n  left: 0;\n  top: 0.85em;\n  font-family: var(--squisq-page-title-font);\n  font-weight: 700;\n  color: var(--squisq-page-accent);\n  font-size: 1.15em;\n}\n.squisq-page[data-numerals='mono'] .squisq-page-items li::before { font-family: var(--squisq-page-mono-font); }\n.squisq-page-items-title { font-size: 1.9rem; }\n\n/* \u2500\u2500 Timeline rail (dateEvent) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-section--timeline-rail { padding-block: 1.4rem; }\n.squisq-page-section--timeline-rail:first-child { padding-top: var(--squisq-page-section-pad); }\n.squisq-page-milestone { display: grid; grid-template-columns: 150px 1fr; gap: 2rem; align-items: baseline; position: relative; }\n.squisq-page-milestone-date {\n  font-family: var(--squisq-page-title-font);\n  font-weight: 700;\n  color: var(--squisq-page-accent);\n  font-size: 1.05rem;\n  text-align: right;\n}\n.squisq-page-milestone-rail {\n  position: absolute;\n  left: 166px;\n  top: -1.4rem;\n  bottom: -1.4rem;\n  width: 2px;\n  background: color-mix(in srgb, var(--squisq-page-accent) 35%, transparent);\n}\n.squisq-page-milestone-rail::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 0.55em;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  transform: translateX(-50%);\n  background: var(--squisq-page-accent);\n  border: 2px solid var(--squisq-page-bg);\n}\n.squisq-page-milestone-body { padding-left: 2.25rem; white-space: pre-line; }\n.squisq-page-milestone-footer { margin-top: 0.5em; font-size: 0.85rem; color: var(--squisq-page-text-muted); }\n\n/* \u2500\u2500 Table section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-table-title { font-size: 1.9rem; }\n.squisq-page-table-scroll { overflow-x: auto; border-radius: var(--squisq-page-radius); box-shadow: var(--squisq-page-shadow); }\n.squisq-page-table { width: 100%; border-collapse: collapse; font-size: 0.98rem; }\n.squisq-page-table th {\n  background: var(--squisq-page-accent-bg);\n  color: var(--squisq-page-accent-text);\n  font-family: var(--squisq-page-title-font);\n  text-align: left;\n  padding: 0.8em 1em;\n}\n.squisq-page-table td { padding: 0.7em 1em; border-top: 1px solid var(--squisq-page-divider-color); }\n.squisq-page-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--squisq-page-text) 3.5%, transparent); }\n\n/* \u2500\u2500 Canvas embed (spatial SVG) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-canvas {\n  width: 100%;\n  margin-inline: auto;\n  overflow: hidden;\n  border-radius: var(--squisq-page-radius);\n}\n.squisq-page-canvas svg { display: block; width: 100%; height: 100%; }\n.squisq-page-canvas--framed { border: 1px solid var(--squisq-page-divider-color); box-shadow: var(--squisq-page-shadow); }\n.squisq-page-canvas--terminal { border: 1px solid color-mix(in srgb, var(--squisq-page-accent) 45%, transparent); }\n.squisq-page-canvas--terminal::before {\n  content: '\\25CF \\25CF \\25CF';\n  display: block;\n  font-size: 9px;\n  letter-spacing: 4px;\n  padding: 6px 12px;\n  color: color-mix(in srgb, var(--squisq-page-accent) 70%, transparent);\n  background: color-mix(in srgb, var(--squisq-page-accent) 9%, var(--squisq-page-bg));\n  border-bottom: 1px solid color-mix(in srgb, var(--squisq-page-accent) 30%, transparent);\n}\n\n/* \u2500\u2500 Prose \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-section--prose { padding-block: calc(var(--squisq-page-section-pad) * 0.45); }\n.squisq-page[data-divider] .squisq-page-section--prose + .squisq-page-section--prose { border-top: none; }\n.squisq-page-prose { font-size: 1.05rem; }\n.squisq-page-prose p { margin: 0; }\n.squisq-page-prose p + p { margin-top: 1.25em; }\n.squisq-page-prose > * + * { margin-top: 1.1em; }\n.squisq-page-prose code { font-family: var(--squisq-page-mono-font); font-size: 0.9em; }\n.squisq-page-prose :not(pre) > code { background: color-mix(in srgb, var(--squisq-page-text) 8%, transparent); border-radius: 4px; padding: 0.12em 0.35em; }\n.squisq-page-prose pre { background: color-mix(in srgb, var(--squisq-page-text) 6%, transparent); border-radius: var(--squisq-page-radius); padding: 1em 1.25em; overflow-x: auto; }\n.squisq-page-prose pre code { background: none; border-radius: 0; padding: 0; }\n.squisq-page .squisq-md-code-frame { position: relative; margin: 1em 0; }\n.squisq-page .squisq-md-code-frame > pre { margin: 0; padding-right: 5rem; }\n.squisq-page .squisq-md-code-copy {\n  position: absolute;\n  z-index: 1;\n  top: 0.55rem;\n  right: 0.55rem;\n  min-width: 3.7rem;\n  padding: 0.28rem 0.5rem;\n  border: 1px solid color-mix(in srgb, var(--squisq-page-text) 20%, transparent);\n  border-radius: 5px;\n  background: color-mix(in srgb, var(--squisq-page-bg) 90%, transparent);\n  color: inherit;\n  font: 500 0.72rem/1.2 system-ui, sans-serif;\n  cursor: pointer;\n  opacity: 0.58;\n  transition: opacity 120ms ease, background-color 120ms ease;\n}\n.squisq-page .squisq-md-code-frame:hover > .squisq-md-code-copy,\n.squisq-page .squisq-md-code-copy:focus-visible,\n.squisq-page .squisq-md-code-copy[data-copy-state='copied'],\n.squisq-page .squisq-md-code-copy[data-copy-state='failed'] { opacity: 1; }\n.squisq-page .squisq-md-code-copy:hover { background: var(--squisq-page-bg); }\n.squisq-page .squisq-md-code-copy:disabled { cursor: wait; }\n.squisq-page-prose blockquote { margin: 0; border-left: 4px solid var(--squisq-page-accent); padding-left: 1.25em; color: var(--squisq-page-text-muted); }\n.squisq-page-prose ul, .squisq-page-prose ol { padding-left: 1.5em; margin: 0; }\n.squisq-page-prose li + li { margin-top: 0.4em; }\n.squisq-page-prose hr { border: none; border-top: 1px solid var(--squisq-page-divider-color); }\n.squisq-page-prose table { width: 100%; border-collapse: collapse; }\n.squisq-page-prose th { font-family: var(--squisq-page-title-font); text-align: left; padding: 0.6em 0.8em; border-bottom: 2px solid var(--squisq-page-divider-color); }\n.squisq-page-prose td { padding: 0.55em 0.8em; border-bottom: 1px solid var(--squisq-page-divider-color); }\n.squisq-page-prose img { border-radius: var(--squisq-page-radius); }\n.squisq-page-prose h1, .squisq-page-prose h2, .squisq-page-prose h3,\n.squisq-page-prose h4, .squisq-page-prose h5, .squisq-page-prose h6 {\n  font-family: var(--squisq-page-title-font);\n  font-weight: var(--squisq-page-title-weight);\n  line-height: 1.2;\n  margin: 0 0 0.45em;\n}\n.squisq-page-prose h1 { font-size: 2.1rem; }\n.squisq-page-prose h2 { font-size: 1.65rem; }\n.squisq-page-prose h3 { font-size: 1.35rem; }\n.squisq-page-prose h4, .squisq-page-prose h5, .squisq-page-prose h6 { font-size: 1.15rem; }\n.squisq-page-section--prose[data-hint-drop-cap] .squisq-page-prose > p:first-child::first-letter {\n  font-family: var(--squisq-page-title-font);\n  font-size: 3.4em;\n  font-weight: 700;\n  float: left;\n  line-height: 0.85;\n  padding-right: 0.12em;\n  color: var(--squisq-page-accent);\n}\n\n/* \u2500\u2500 Footer band \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-section--footer { text-align: center; }\n\n/* \u2500\u2500 Thin-margin embedding (chat bubbles) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page--thin .squisq-page-section-inner { padding-inline: 0; }\n.squisq-page--thin .squisq-page-section { padding-block: 1.5rem; }\n\n/* Thumbnail image mode */\n.squisq-page--thumbnail-images .squisq-page-prose img,\n.squisq-page--thumbnail-images .squisq-page-figure img { max-width: 100px; max-height: 100px; object-fit: cover; }\n\n/* \u2500\u2500 Reveal animation (progressive enhancement) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@media (prefers-reduced-motion: no-preference) {\n  .squisq-page-reveal { opacity: 0; transform: translateY(14px); transition: opacity 0.55s ease, transform 0.55s ease; }\n  .squisq-page-reveal--in { opacity: 1; transform: none; }\n}\n\n/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@container squisq-page (max-width: 720px) {\n\n.squisq-page-hero-grid { grid-template-columns: 1fr; gap: 1.5rem; }\n.squisq-page-feature { grid-template-columns: 1fr; }\n.squisq-page-feature--media-right .squisq-page-feature-media { order: 0; }\n.squisq-page-stats { flex-direction: column; gap: 1.75rem; }\n.squisq-page-cards { grid-template-columns: 1fr; }\n.squisq-page-gallery { grid-template-columns: repeat(2, 1fr); }\n.squisq-page-milestone { grid-template-columns: 1fr; gap: 0.5rem; }\n.squisq-page-milestone-rail { display: none; }\n.squisq-page-section-inner { padding-inline: 18px; }\n\n}\n@supports not (container-type: inline-size) {\n  @media (max-width: 720px) {\n\n.squisq-page-hero-grid { grid-template-columns: 1fr; gap: 1.5rem; }\n.squisq-page-feature { grid-template-columns: 1fr; }\n.squisq-page-feature--media-right .squisq-page-feature-media { order: 0; }\n.squisq-page-stats { flex-direction: column; gap: 1.75rem; }\n.squisq-page-cards { grid-template-columns: 1fr; }\n.squisq-page-gallery { grid-template-columns: repeat(2, 1fr); }\n.squisq-page-milestone { grid-template-columns: 1fr; gap: 0.5rem; }\n.squisq-page-milestone-rail { display: none; }\n.squisq-page-section-inner { padding-inline: 18px; }\n\n  }\n}\n";
+declare const PAGE_BASE_CSS = "\n/* \u2500\u2500 Base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page {\n  background: var(--squisq-page-bg);\n  color: var(--squisq-page-text);\n  font-family: var(--squisq-page-body-font);\n  line-height: var(--squisq-page-line-height);\n  --squisq-page-divider-color: color-mix(in srgb, var(--squisq-page-text) 16%, transparent);\n  --squisq-page-section-pad: 3.5rem;\n  --squisq-page-shadow: none;\n}\n.squisq-page *, .squisq-page *::before, .squisq-page *::after { box-sizing: border-box; }\n.squisq-page img { max-width: 100%; height: auto; }\n.squisq-page a {\n  color: var(--squisq-page-primary);\n  text-decoration-color: color-mix(in srgb, var(--squisq-page-primary) 40%, transparent);\n}\n\n/* Page pattern washes (very low intensity) */\n.squisq-page[data-pattern='dots'] {\n  background-image: radial-gradient(color-mix(in srgb, var(--squisq-page-text) 7%, transparent) 1px, transparent 1px);\n  background-size: 22px 22px;\n}\n.squisq-page[data-pattern='grid'] {\n  background-image:\n    linear-gradient(color-mix(in srgb, var(--squisq-page-primary) 7%, transparent) 1px, transparent 1px),\n    linear-gradient(90deg, color-mix(in srgb, var(--squisq-page-primary) 7%, transparent) 1px, transparent 1px);\n  background-size: 44px 44px;\n}\n.squisq-page[data-pattern='diagonal'] {\n  background-image: repeating-linear-gradient(\n    -45deg,\n    color-mix(in srgb, var(--squisq-page-text) 4%, transparent) 0 1px,\n    transparent 1px 14px\n  );\n}\n.squisq-page[data-pattern='noise'] { background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E\"); }\n\n/* Spacing scale */\n.squisq-page[data-spacing='compact'] { --squisq-page-section-pad: 2.25rem; }\n.squisq-page[data-spacing='comfortable'] { --squisq-page-section-pad: 3.5rem; }\n.squisq-page[data-spacing='generous'] { --squisq-page-section-pad: 5.25rem; }\n\n/* Shadow language */\n.squisq-page[data-shadow='soft'] { --squisq-page-shadow: 0 14px 36px color-mix(in srgb, var(--squisq-page-text) 14%, transparent); }\n.squisq-page[data-shadow='crisp'] { --squisq-page-shadow: 0 2px 10px color-mix(in srgb, var(--squisq-page-text) 26%, transparent); }\n.squisq-page[data-shadow='heavy'] { --squisq-page-shadow: 10px 10px 0 color-mix(in srgb, var(--squisq-page-text) 82%, transparent); }\n\n/* \u2500\u2500 Sections \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-section { position: relative; padding-block: var(--squisq-page-section-pad); }\n.squisq-page-section-inner {\n  max-width: var(--squisq-page-content-max);\n  margin-inline: auto;\n  padding-inline: 24px;\n}\n/* Backdrops anchor to the section; these content roots stack above them. */\n.squisq-page-hero-body,\n.squisq-page-banner-body,\n.squisq-page-quote-figure { position: relative; }\n.squisq-page-section--feature-split .squisq-page-section-inner,\n.squisq-page-section--gallery .squisq-page-section-inner,\n.squisq-page-section--table-section .squisq-page-section-inner,\n.squisq-page-section--canvas-embed .squisq-page-section-inner,\n.squisq-page-section--stat-band .squisq-page-section-inner,\n.squisq-page-section--card-grid .squisq-page-section-inner,\n.squisq-page-section--media-figure .squisq-page-section-inner,\n.squisq-page-section--hero .squisq-page-section-inner {\n  max-width: var(--squisq-page-wide-max);\n}\n\n/* Background rhythm */\n.squisq-page-section--bg-alternate { background: var(--squisq-page-bg-alt); }\n.squisq-page-section--bg-accent {\n  background: var(--squisq-page-accent-bg);\n  color: var(--squisq-page-accent-text);\n}\n.squisq-page-section--bg-media { color: #ffffff; }\n\n/* Dividers between adjacent sections */\n.squisq-page[data-divider='hairline'] .squisq-page-section + .squisq-page-section { border-top: 1px solid var(--squisq-page-divider-color); }\n.squisq-page[data-divider='thick-rule'] .squisq-page-section + .squisq-page-section { border-top: 3px solid var(--squisq-page-primary); }\n.squisq-page[data-divider='double-rule'] .squisq-page-section + .squisq-page-section { border-top: 4px double var(--squisq-page-divider-color); }\n.squisq-page[data-divider='dotted'] .squisq-page-section + .squisq-page-section { border-top: 2px dotted var(--squisq-page-divider-color); }\n/* Banded sections carry their own edges; media sections never need rules. */\n.squisq-page .squisq-page-section--bg-media,\n.squisq-page .squisq-page-section--bg-media + .squisq-page-section,\n.squisq-page .squisq-page-section--timeline-rail + .squisq-page-section--timeline-rail { border-top: none; }\n\n/* \u2500\u2500 Headings, eyebrows \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-section-title {\n  font-family: var(--squisq-page-title-font);\n  font-weight: var(--squisq-page-title-weight);\n  line-height: 1.15;\n  margin: 0 0 0.5em;\n}\n.squisq-page[data-heading-case='uppercase'] .squisq-page-section-title { text-transform: uppercase; letter-spacing: 0.03em; }\n.squisq-page[data-underline='accent-bar'] .squisq-page-section-title::after {\n  content: '';\n  display: block;\n  width: 56px;\n  height: 4px;\n  margin-top: 0.4em;\n  border-radius: 2px;\n  background: var(--squisq-page-accent);\n}\n.squisq-page[data-underline='full-rule'] .squisq-page-section-title {\n  border-bottom: 1px solid var(--squisq-page-divider-color);\n  padding-bottom: 0.35em;\n}\n\n.squisq-page-eyebrow {\n  display: block;\n  font-size: 0.8125rem;\n  font-weight: 600;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--squisq-page-accent);\n  margin: 0 0 0.9em;\n}\n.squisq-page[data-eyebrow='numbered'] .squisq-page-eyebrow::after { content: ' \u2014'; color: var(--squisq-page-text-muted); }\n.squisq-page[data-eyebrow='mono-tag'] .squisq-page-eyebrow {\n  display: inline-block;\n  font-family: var(--squisq-page-mono-font);\n  text-transform: none;\n  letter-spacing: 0.06em;\n  border: 1px solid color-mix(in srgb, var(--squisq-page-accent) 55%, transparent);\n  border-radius: var(--squisq-page-radius);\n  padding: 0.15em 0.6em;\n  background: color-mix(in srgb, var(--squisq-page-accent) 10%, transparent);\n}\n.squisq-page[data-eyebrow='mono-tag'] .squisq-page-eyebrow::before { content: '['; opacity: 0.6; }\n.squisq-page[data-eyebrow='mono-tag'] .squisq-page-eyebrow::after { content: ']'; opacity: 0.6; }\n\n/* \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-section--hero { padding-block: calc(var(--squisq-page-section-pad) * 1.5); }\n.squisq-page-hero-title {\n  font-family: var(--squisq-page-title-font);\n  font-weight: var(--squisq-page-title-weight);\n  line-height: 1.08;\n  margin: 0;\n  font-size: 2.75rem;\n}\n.squisq-page[data-heading-scale='display'] .squisq-page-hero-title { font-size: 3.4rem; }\n.squisq-page[data-heading-scale='oversized'] .squisq-page-hero-title { font-size: 4rem; font-size: clamp(3rem, 9cqw, 6rem); line-height: 1.02; }\n.squisq-page[data-heading-case='uppercase'] .squisq-page-hero-title { text-transform: uppercase; letter-spacing: 0.02em; }\n.squisq-page-hero-subtitle {\n  margin: 1.1em 0 0;\n  font-size: 1.25rem;\n  color: var(--squisq-page-text-muted);\n  max-width: 42em;\n  white-space: pre-line;\n}\n.squisq-page-section--bg-media .squisq-page-hero-subtitle { color: rgba(255, 255, 255, 0.88); }\n\n/* Stacked (default): centered column */\n.squisq-page[data-hero-style='stacked'] .squisq-page-hero-body { text-align: center; }\n.squisq-page[data-hero-style='stacked'] .squisq-page-hero-subtitle { margin-inline: auto; }\n\n/* Oversized type: hard left, no decoration */\n.squisq-page[data-hero-style='oversized-type'] .squisq-page-hero-title { font-size: 4.25rem; font-size: clamp(3.25rem, 10cqw, 6.5rem); line-height: 0.98; }\n\n/* Split: text and media side by side */\n.squisq-page-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }\n.squisq-page-hero-grid .squisq-page-hero-media img { width: 100%; object-fit: cover; }\n\n/* Full-bleed & letterbox: media behind text */\n.squisq-page-section--hero-media {\n  padding-block: 0;\n  min-height: min(72svh, 620px);\n  display: flex;\n  align-items: flex-end;\n}\n.squisq-page[data-hero-style='letterbox'] .squisq-page-section--hero-media { min-height: min(52svh, 460px); }\n.squisq-page-hero-backdrop { position: absolute; inset: 0; overflow: hidden; }\n.squisq-page-hero-backdrop img { width: 100%; height: 100%; object-fit: cover; }\n.squisq-page-hero-backdrop::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.68) 100%);\n}\n.squisq-page[data-hero-style='letterbox'] .squisq-page-hero-backdrop img { filter: saturate(0.9); }\n.squisq-page-section--hero-media .squisq-page-section-inner { padding-block: 3rem; width: 100%; }\n\n/* \u2500\u2500 Banner (sectionHeader) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-banner-title { font-size: 2rem; }\n.squisq-page[data-heading-scale='display'] .squisq-page-banner-title { font-size: 2.5rem; }\n.squisq-page[data-heading-scale='oversized'] .squisq-page-banner-title { font-size: 3rem; font-size: clamp(2.25rem, 6cqw, 3.75rem); }\n.squisq-page-section--banner.squisq-page-section--bg-media { padding-block: 0; min-height: 280px; display: flex; align-items: flex-end; }\n.squisq-page-section--banner.squisq-page-section--bg-media .squisq-page-section-inner { padding-block: 2rem; width: 100%; }\n.squisq-page-section--banner .squisq-page-section-title { margin-bottom: 0; }\n\n/* \u2500\u2500 Stat band \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-stats { display: flex; gap: 3rem; justify-content: center; text-align: center; flex-wrap: wrap; }\n.squisq-page-stat { flex: 1 1 220px; max-width: 420px; }\n.squisq-page-stat-value {\n  display: block;\n  font-family: var(--squisq-page-title-font);\n  font-weight: 700;\n  font-size: 3.25rem;\n  line-height: 1;\n  color: var(--squisq-page-accent);\n}\n.squisq-page[data-numerals='oversized'] .squisq-page-stat-value { font-size: 4.5rem; font-size: clamp(3.5rem, 8cqw, 5.5rem); }\n.squisq-page[data-numerals='mono'] .squisq-page-stat-value { font-family: var(--squisq-page-mono-font); letter-spacing: -0.02em; }\n.squisq-page[data-numerals='boxed'] .squisq-page-stat-value {\n  display: inline-block;\n  border: 2px solid var(--squisq-page-accent);\n  border-radius: var(--squisq-page-radius);\n  padding: 0.18em 0.4em;\n}\n.squisq-page-stat-title { display: block; margin-top: 0.9em; font-size: 1.125rem; font-weight: 600; }\n.squisq-page-stat-body { display: block; margin-top: 0.45em; color: var(--squisq-page-text-muted); font-size: 0.95rem; }\n.squisq-page-stat-meta { text-align: center; margin-top: 1.5rem; color: var(--squisq-page-text-muted); font-size: 0.85rem; }\n.squisq-page-stat-bar { height: 10px; border-radius: 999px; background: var(--squisq-page-accent); margin-top: 0.8em; }\n.squisq-page-stat--bars { text-align: left; }\n\n/* \u2500\u2500 Quote band \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-quote {\n  margin: 0;\n  font-family: var(--squisq-page-title-font);\n  font-size: 1.6rem;\n  line-height: 1.35;\n  white-space: pre-line;\n}\n.squisq-page-section--em-strong .squisq-page-quote { font-size: 2.1rem; }\n.squisq-page-section--em-quiet .squisq-page-quote { font-size: 1.25rem; color: var(--squisq-page-text-muted); }\n.squisq-page-quote-attribution { margin-top: 1.1em; font-family: var(--squisq-page-body-font); font-size: 0.95rem; color: var(--squisq-page-text-muted); }\n.squisq-page-quote-attribution::before { content: '\u2014 '; }\n.squisq-page[data-quote-mark='accent-bar'] .squisq-page-quote-figure { border-left: 4px solid var(--squisq-page-accent); padding-left: 1.5rem; }\n.squisq-page[data-quote-mark='oversized-glyph'] .squisq-page-quote-figure { position: relative; padding-top: 1.25rem; }\n.squisq-page[data-quote-mark='oversized-glyph'] .squisq-page-quote-figure::before {\n  content: '\\201C';\n  position: absolute;\n  top: -0.12em;\n  left: -0.05em;\n  font-family: var(--squisq-page-title-font);\n  font-size: 5.5rem;\n  line-height: 1;\n  color: color-mix(in srgb, var(--squisq-page-accent) 42%, transparent);\n  pointer-events: none;\n}\n.squisq-page-section--v-display .squisq-page-quote-figure { text-align: center; border-left: none; }\n.squisq-page-section--v-display .squisq-page-quote { font-size: 2.4rem; font-size: clamp(1.9rem, 5cqw, 3rem); }\n.squisq-page-section--v-editorial .squisq-page-quote-figure {\n  border-block: 3px solid var(--squisq-page-primary);\n  border-left: none;\n  padding: 2rem 0.5rem;\n}\n/* Full-bleed quote over media */\n.squisq-page-section--quote-band.squisq-page-section--bg-media { padding-block: 0; min-height: 380px; display: flex; align-items: center; }\n.squisq-page-section--quote-band.squisq-page-section--bg-media .squisq-page-section-inner { padding-block: 3.5rem; }\n.squisq-page-quote-backdrop { position: absolute; inset: 0; overflow: hidden; }\n.squisq-page-quote-backdrop img, .squisq-page-quote-backdrop video { width: 100%; height: 100%; object-fit: cover; }\n.squisq-page-quote-backdrop::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); }\n.squisq-page-section--quote-band[data-hint-vignette] .squisq-page-quote-backdrop::after {\n  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.75) 100%);\n}\n.squisq-page-section--quote-band.squisq-page-section--bg-media .squisq-page-quote-figure { border: none; text-align: center; }\n\n/* \u2500\u2500 Feature split \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }\n.squisq-page-feature--media-right .squisq-page-feature-media { order: 2; }\n.squisq-page-feature-media img { width: 100%; object-fit: cover; }\n.squisq-page-feature-title { font-size: 1.75rem; }\n.squisq-page-feature-body { color: var(--squisq-page-text-muted); font-size: 1.05rem; white-space: pre-line; margin: 0; }\n\n/* \u2500\u2500 Media figure \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-figure { margin: 0; }\n.squisq-page-figure img, .squisq-page-figure video { width: 100%; display: block; }\n.squisq-page-figure figcaption { margin-top: 0.9em; font-size: 0.9rem; color: var(--squisq-page-text-muted); text-align: center; }\n.squisq-page-media-credit { font-size: 0.78rem; opacity: 0.75; }\n\n/* Media frame treatment (figures, features, gallery tiles, cards) */\n.squisq-page-media-frame { overflow: hidden; }\n.squisq-page[data-framing='rounded'] .squisq-page-media-frame { border-radius: var(--squisq-page-radius); }\n.squisq-page[data-framing='bordered'] .squisq-page-media-frame { border: 3px solid var(--squisq-page-text); }\n.squisq-page[data-framing='polaroid'] .squisq-page-media-frame {\n  background: #ffffff;\n  padding: 10px 10px 16px;\n  border: 1px solid rgba(0, 0, 0, 0.12);\n  border-radius: 2px;\n}\n.squisq-page[data-framing='letterboxed'] .squisq-page-media-frame img { aspect-ratio: 21 / 9; object-fit: cover; }\n.squisq-page[data-framing='circle-accent'] .squisq-page-media-frame { border-radius: calc(var(--squisq-page-radius) * 2); }\n.squisq-page .squisq-page-media-frame { box-shadow: var(--squisq-page-shadow); }\n\n/* Rich body nodes that the selected template did not consume. This universal\n * supplement keeps diagrams/media visible without making every template\n * duplicate the same preservation logic. */\n.squisq-page-rich-content {\n  margin-top: clamp(1.5rem, 4vw, 3rem);\n  padding-top: clamp(1.25rem, 3vw, 2rem);\n  border-top: 1px solid var(--squisq-page-divider-color);\n}\n.squisq-page-rich-content :is(img, video) { display: block; max-width: 100%; height: auto; margin-inline: auto; }\n.squisq-page-rich-content .squisq-md-mermaid { min-height: min(520px, 62vh); margin-block: 0; }\n\n/* \u2500\u2500 Gallery \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem; }\n.squisq-page-gallery .squisq-page-media-frame img { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; }\n.squisq-page-gallery-caption { margin-top: 1.1rem; text-align: center; font-size: 0.9rem; color: var(--squisq-page-text-muted); }\n\n/* \u2500\u2500 Callout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-callout {\n  border-radius: var(--squisq-page-radius);\n  border: 1px solid color-mix(in srgb, var(--squisq-page-accent) 32%, transparent);\n  border-left: 5px solid var(--squisq-page-accent);\n  background: color-mix(in srgb, var(--squisq-page-accent) 7%, var(--squisq-page-bg));\n  padding: 1.75rem 2rem;\n  box-shadow: var(--squisq-page-shadow);\n  display: flex;\n  gap: 1.75rem;\n  align-items: flex-start;\n}\n.squisq-page-callout-title { font-family: var(--squisq-page-title-font); font-size: 1.35rem; font-weight: 700; margin: 0 0 0.5em; }\n.squisq-page-callout-body { margin: 0; white-space: pre-line; }\n.squisq-page-callout-meta { margin-top: 0.9em; font-size: 0.82rem; color: var(--squisq-page-text-muted); }\n.squisq-page-callout .squisq-page-media-frame { flex: 0 0 132px; }\n.squisq-page-callout .squisq-page-media-frame img { width: 132px; height: 132px; object-fit: cover; }\n.squisq-page-callout[data-hint-framing='circle-accent'] .squisq-page-media-frame,\n.squisq-page-callout[data-hint-framing='circle-accent'] .squisq-page-media-frame img { border-radius: 50%; }\n.squisq-page-section--v-definition .squisq-page-callout-title { font-style: italic; }\n.squisq-page-section--v-diagnostic .squisq-page-callout { border-left-color: var(--squisq-page-highlight); }\n\n/* \u2500\u2500 Card grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; }\n.squisq-page-card {\n  border-radius: var(--squisq-page-radius);\n  background: var(--squisq-page-bg-alt);\n  border-top: 4px solid var(--squisq-page-card-accent, var(--squisq-page-accent));\n  padding: 1.75rem 1.75rem 1.9rem;\n  box-shadow: var(--squisq-page-shadow);\n}\n.squisq-page-card-title { font-family: var(--squisq-page-title-font); font-size: 1.3rem; margin: 0 0 0.4em; }\n.squisq-page-card-body { margin: 0; color: var(--squisq-page-text-muted); white-space: pre-line; }\n.squisq-page-cards-title { text-align: center; font-size: 1.9rem; margin-bottom: 1.75rem; }\n\n/* \u2500\u2500 Item list \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-items { list-style: none; margin: 0; padding: 0; counter-reset: squisq-item; max-width: 40em; }\n.squisq-page-items li {\n  counter-increment: squisq-item;\n  /* Grid + baseline alignment keeps the marker locked to the first text line\n     regardless of marker size, body font, or line-height \u2014 an absolutely\n     positioned marker with a fixed top offset drifts as soon as either\n     changes. */\n  display: grid;\n  grid-template-columns: 3.4em 1fr;\n  align-items: baseline;\n  padding: 0.9em 0;\n  font-size: 1.1rem;\n}\n.squisq-page-items li + li { border-top: 1px solid var(--squisq-page-divider-color); }\n.squisq-page-items li::before {\n  content: counter(squisq-item, decimal-leading-zero);\n  font-family: var(--squisq-page-title-font);\n  font-weight: 700;\n  color: var(--squisq-page-accent);\n  font-size: 1.15em;\n}\n/* Item bodies are rendered markdown: neutralize UA paragraph margins (which\n   would otherwise push the first line below the marker) and space blocks. */\n.squisq-page-item-body { min-width: 0; }\n.squisq-page-item-body > * { margin: 0; }\n.squisq-page-item-body > * + * { margin-top: 0.6em; }\n.squisq-page[data-numerals='mono'] .squisq-page-items li::before { font-family: var(--squisq-page-mono-font); }\n.squisq-page-items-title { font-size: 1.9rem; }\n\n/* \u2500\u2500 Timeline rail (dateEvent) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-section--timeline-rail { padding-block: 1.4rem; }\n.squisq-page-section--timeline-rail:first-child { padding-top: var(--squisq-page-section-pad); }\n.squisq-page-milestone { display: grid; grid-template-columns: 150px 1fr; gap: 2rem; align-items: baseline; position: relative; }\n.squisq-page-milestone-date {\n  font-family: var(--squisq-page-title-font);\n  font-weight: 700;\n  color: var(--squisq-page-accent);\n  font-size: 1.05rem;\n  text-align: right;\n}\n.squisq-page-milestone-rail {\n  position: absolute;\n  left: 166px;\n  top: -1.4rem;\n  bottom: -1.4rem;\n  width: 2px;\n  background: color-mix(in srgb, var(--squisq-page-accent) 35%, transparent);\n}\n.squisq-page-milestone-rail::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 0.55em;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  transform: translateX(-50%);\n  background: var(--squisq-page-accent);\n  border: 2px solid var(--squisq-page-bg);\n}\n.squisq-page-milestone-body { padding-left: 2.25rem; white-space: pre-line; }\n.squisq-page-milestone-footer { margin-top: 0.5em; font-size: 0.85rem; color: var(--squisq-page-text-muted); }\n\n/* \u2500\u2500 Table section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-table-title { font-size: 1.9rem; }\n.squisq-page-table-scroll { overflow-x: auto; border-radius: var(--squisq-page-radius); box-shadow: var(--squisq-page-shadow); }\n.squisq-page-table { width: 100%; border-collapse: collapse; font-size: 0.98rem; }\n.squisq-page-table th {\n  background: var(--squisq-page-accent-bg);\n  color: var(--squisq-page-accent-text);\n  font-family: var(--squisq-page-title-font);\n  text-align: left;\n  padding: 0.8em 1em;\n}\n.squisq-page-table td { padding: 0.7em 1em; border-top: 1px solid var(--squisq-page-divider-color); }\n.squisq-page-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--squisq-page-text) 3.5%, transparent); }\n\n/* \u2500\u2500 Canvas embed (spatial SVG) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-canvas {\n  width: 100%;\n  margin-inline: auto;\n  overflow: hidden;\n  border-radius: var(--squisq-page-radius);\n}\n.squisq-page-canvas svg { display: block; width: 100%; height: 100%; }\n.squisq-page-canvas--framed { border: 1px solid var(--squisq-page-divider-color); box-shadow: var(--squisq-page-shadow); }\n.squisq-page-canvas--terminal { border: 1px solid color-mix(in srgb, var(--squisq-page-accent) 45%, transparent); }\n.squisq-page-canvas--terminal::before {\n  content: '\\25CF \\25CF \\25CF';\n  display: block;\n  font-size: 9px;\n  letter-spacing: 4px;\n  padding: 6px 12px;\n  color: color-mix(in srgb, var(--squisq-page-accent) 70%, transparent);\n  background: color-mix(in srgb, var(--squisq-page-accent) 9%, var(--squisq-page-bg));\n  border-bottom: 1px solid color-mix(in srgb, var(--squisq-page-accent) 30%, transparent);\n}\n\n/* \u2500\u2500 Prose \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-section--prose { padding-block: calc(var(--squisq-page-section-pad) * 0.45); }\n.squisq-page[data-divider] .squisq-page-section--prose + .squisq-page-section--prose { border-top: none; }\n.squisq-page-prose { font-size: 1.05rem; }\n.squisq-page-prose p { margin: 0; }\n.squisq-page-prose p + p { margin-top: 1.25em; }\n.squisq-page-prose > * + * { margin-top: 1.1em; }\n.squisq-page-prose code { font-family: var(--squisq-page-mono-font); font-size: 0.9em; }\n.squisq-page-prose :not(pre) > code { background: color-mix(in srgb, var(--squisq-page-text) 8%, transparent); border-radius: 4px; padding: 0.12em 0.35em; }\n.squisq-page-prose pre { background: color-mix(in srgb, var(--squisq-page-text) 6%, transparent); border-radius: var(--squisq-page-radius); padding: 1em 1.25em; overflow-x: auto; }\n.squisq-page-prose pre code { background: none; border-radius: 0; padding: 0; }\n.squisq-page .squisq-md-code-frame { position: relative; margin: 1em 0; }\n.squisq-page .squisq-md-code-frame > pre { margin: 0; padding-right: 5rem; }\n.squisq-page .squisq-md-code-copy {\n  position: absolute;\n  z-index: 1;\n  top: 0.55rem;\n  right: 0.55rem;\n  min-width: 3.7rem;\n  padding: 0.28rem 0.5rem;\n  border: 1px solid color-mix(in srgb, var(--squisq-page-text) 20%, transparent);\n  border-radius: 5px;\n  background: color-mix(in srgb, var(--squisq-page-bg) 90%, transparent);\n  color: inherit;\n  font: 500 0.72rem/1.2 system-ui, sans-serif;\n  cursor: pointer;\n  opacity: 0.58;\n  transition: opacity 120ms ease, background-color 120ms ease;\n}\n.squisq-page .squisq-md-code-frame:hover > .squisq-md-code-copy,\n.squisq-page .squisq-md-code-copy:focus-visible,\n.squisq-page .squisq-md-code-copy[data-copy-state='copied'],\n.squisq-page .squisq-md-code-copy[data-copy-state='failed'] { opacity: 1; }\n.squisq-page .squisq-md-code-copy:hover { background: var(--squisq-page-bg); }\n.squisq-page .squisq-md-code-copy:disabled { cursor: wait; }\n.squisq-page-prose blockquote { margin: 0; border-left: 4px solid var(--squisq-page-accent); padding-left: 1.25em; color: var(--squisq-page-text-muted); }\n.squisq-page-prose ul, .squisq-page-prose ol { padding-left: 1.5em; margin: 0; }\n.squisq-page-prose li + li { margin-top: 0.4em; }\n.squisq-page-prose hr { border: none; border-top: 1px solid var(--squisq-page-divider-color); }\n.squisq-page-prose table { width: 100%; border-collapse: collapse; }\n.squisq-page-prose th { font-family: var(--squisq-page-title-font); text-align: left; padding: 0.6em 0.8em; border-bottom: 2px solid var(--squisq-page-divider-color); }\n.squisq-page-prose td { padding: 0.55em 0.8em; border-bottom: 1px solid var(--squisq-page-divider-color); }\n.squisq-page-prose img { border-radius: var(--squisq-page-radius); }\n.squisq-page-prose h1, .squisq-page-prose h2, .squisq-page-prose h3,\n.squisq-page-prose h4, .squisq-page-prose h5, .squisq-page-prose h6 {\n  font-family: var(--squisq-page-title-font);\n  font-weight: var(--squisq-page-title-weight);\n  line-height: 1.2;\n  margin: 0 0 0.45em;\n}\n.squisq-page-prose h1 { font-size: 2.1rem; }\n.squisq-page-prose h2 { font-size: 1.65rem; }\n.squisq-page-prose h3 { font-size: 1.35rem; }\n.squisq-page-prose h4, .squisq-page-prose h5, .squisq-page-prose h6 { font-size: 1.15rem; }\n.squisq-page-section--prose[data-hint-drop-cap] .squisq-page-prose > p:first-child::first-letter {\n  font-family: var(--squisq-page-title-font);\n  font-size: 3.4em;\n  font-weight: 700;\n  float: left;\n  line-height: 0.85;\n  padding-right: 0.12em;\n  color: var(--squisq-page-accent);\n}\n\n/* \u2500\u2500 Footer band \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page-section--footer { text-align: center; }\n\n/* \u2500\u2500 Thin-margin embedding (chat bubbles) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.squisq-page--thin .squisq-page-section-inner { padding-inline: 0; }\n.squisq-page--thin .squisq-page-section { padding-block: 1.5rem; }\n\n/* Thumbnail image mode */\n.squisq-page--thumbnail-images .squisq-page-prose img,\n.squisq-page--thumbnail-images .squisq-page-figure img { max-width: 100px; max-height: 100px; object-fit: cover; }\n\n/* \u2500\u2500 Reveal animation (progressive enhancement) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@media (prefers-reduced-motion: no-preference) {\n  .squisq-page-reveal { opacity: 0; transform: translateY(14px); transition: opacity 0.55s ease, transform 0.55s ease; }\n  .squisq-page-reveal--in { opacity: 1; transform: none; }\n}\n\n/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@container squisq-page (max-width: 720px) {\n\n.squisq-page-hero-grid { grid-template-columns: 1fr; gap: 1.5rem; }\n.squisq-page-feature { grid-template-columns: 1fr; }\n.squisq-page-feature--media-right .squisq-page-feature-media { order: 0; }\n.squisq-page-stats { flex-direction: column; gap: 1.75rem; }\n.squisq-page-cards { grid-template-columns: 1fr; }\n.squisq-page-gallery { grid-template-columns: repeat(2, 1fr); }\n.squisq-page-milestone { grid-template-columns: 1fr; gap: 0.5rem; }\n.squisq-page-milestone-rail { display: none; }\n.squisq-page-section-inner { padding-inline: 18px; }\n\n}\n@supports not (container-type: inline-size) {\n  @media (max-width: 720px) {\n\n.squisq-page-hero-grid { grid-template-columns: 1fr; gap: 1.5rem; }\n.squisq-page-feature { grid-template-columns: 1fr; }\n.squisq-page-feature--media-right .squisq-page-feature-media { order: 0; }\n.squisq-page-stats { flex-direction: column; gap: 1.75rem; }\n.squisq-page-cards { grid-template-columns: 1fr; }\n.squisq-page-gallery { grid-template-columns: repeat(2, 1fr); }\n.squisq-page-milestone { grid-template-columns: 1fr; gap: 0.5rem; }\n.squisq-page-milestone-rail { display: none; }\n.squisq-page-section-inner { padding-inline: 18px; }\n\n  }\n}\n";
 /**
  * Complete stylesheet for a themed page: a `.squisq-page { … }` variable
  * block followed by the structural CSS. For string-HTML consumers; the
@@ -2363,6 +2424,593 @@ declare const PAGE_BASE_CSS = "\n/* \u2500\u2500 Base \u2500\u2500\u2500\u2500\u
  */
 declare function buildPageCss(theme?: Theme): string;
 
+/**
+ * Supplemental rich-media layout for slideshow blocks.
+ *
+ * Templates still own their no-media composition. When an explicitly
+ * selected text-first template also contains media that it did not consume,
+ * this module selects a second composition with a reserved media rectangle
+ * and maps the template's foreground into the companion content rectangle.
+ * The exhaustive per-template policy selects by viewport orientation, media
+ * aspect, and item count so placement does not depend on a template's name or
+ * incidental overlap between its layers.
+ */
+
+interface LayerRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+
+/**
+ * Dashboard cell zoom policy.
+ *
+ * A cell's "zoom" multiplies the type scale (`TemplateContext.fontScale`)
+ * its block renders with — the %-based composition still targets the cell,
+ * but titles and body text render 1.5×/2× so a sparse block fills its slot
+ * instead of floating in whitespace. Zoom is deliberately a CLOSED ladder
+ * (100% / 150% / 200%), and a dashboard uses at most TWO unique levels —
+ * base 1× plus one boost — so cells still read as consistently sized
+ * rather than each block being fitted independently.
+ *
+ * Levels come from three places, strongest first: an explicit `zoom` on a
+ * custom layout's cell definition (author intent — never changed), the
+ * automatic density pick (short text-led blocks get boosted; spatial,
+ * media, chart, and display-scaled templates always render 1×), and the
+ * `squisq-dashboard-zoom: off` frontmatter kill-switch that pins every
+ * non-explicit cell to 1×.
+ */
+/** The closed set of zoom multipliers a dashboard cell may render at. */
+declare const DASHBOARD_ZOOM_LEVELS: readonly [1, 1.5, 2];
+type DashboardZoomLevel = (typeof DASHBOARD_ZOOM_LEVELS)[number];
+/** Automatic zoom behavior: density-based boosts, or everything at 1×. */
+type DashboardZoomMode = 'auto' | 'off';
+/**
+ * Normalize an authored zoom value to a ladder level. Accepts multipliers
+ * (`1`, `1.5`, `2`) and percentages (`100`, `150`, `200`, `'200%'`).
+ * Returns undefined for anything off the ladder.
+ */
+declare function normalizeDashboardZoom(value: unknown): DashboardZoomLevel | undefined;
+/** One cell's input to the zoom policy. */
+interface DashboardZoomCandidate {
+    /** Resolved template name of the block in this cell. */
+    template?: string;
+    /** Plain-text length of the block's title + body. */
+    textLength: number;
+    /** Author-pinned level from the layout's cell definition. */
+    explicit?: DashboardZoomLevel;
+}
+/** The density pick for one cell, before the two-level quantization. */
+declare function desiredCellZoom(candidate: DashboardZoomCandidate): DashboardZoomLevel;
+/**
+ * Resolve every cell's final zoom level.
+ *
+ * Explicit levels are honored verbatim. Automatic picks are then
+ * quantized so the dashboard as a whole uses at most base 1× plus ONE
+ * boost level: when both 1.5× and 2× are wanted, the boost with the most
+ * cells wins (explicit pins count double so autos rally to the author's
+ * level; ties boost to 2×), and the other autos snap to it.
+ */
+declare function resolveDashboardZooms(candidates: readonly DashboardZoomCandidate[], mode: DashboardZoomMode): DashboardZoomLevel[];
+
+/**
+ * Dashboard layout model.
+ *
+ * A dashboard renders a document's blocks onto ONE canvas: a layout places
+ * N cells (as %-rects) over the canvas's content area, and each cell hosts
+ * one rendered block. Where `materializeBlockLayers` is the slide
+ * projection and `materializePageSections` is the page projection,
+ * `materializeDashboard` (in this directory) is the dashboard projection —
+ * this module holds the layout *definition* shape shared by built-in and
+ * user-authored layouts, plus the geometry helpers that resolve a
+ * definition against a concrete viewport.
+ *
+ * Positions are `%`-strings relative to the layout's CONTENT rect (the
+ * canvas minus the optional title band), mirroring the custom-template
+ * convention: one definition renders at any aspect ratio unchanged.
+ */
+
+/**
+ * One cell of a dashboard layout. `x`/`y`/`width`/`height` are `%`-strings
+ * relative to the content rect. `block` is an optional 1-based explicit
+ * block assignment ("render block N here"); cells without one fill in
+ * document order.
+ */
+interface DashboardCellDefinition {
+    x: string;
+    y: string;
+    width: string;
+    height: string;
+    /** 1-based candidate-block index this cell explicitly renders. */
+    block?: number;
+    /**
+     * Type-scale multiplier for the block rendered here: 1, 1.5, or 2
+     * (percent spellings 100/150/200 are accepted and normalized). Pins the
+     * cell's zoom and exempts it from the automatic density pick.
+     */
+    zoom?: number;
+}
+/** Where and how tall the optional document-title band renders. */
+interface DashboardTitleSlotDefinition {
+    /** Which canvas edge hosts the band. Default 'top'. */
+    placement: 'top' | 'bottom';
+    /** Band height as a `%`-string of the canvas height. Default '9%'. */
+    height: string;
+}
+/**
+ * A dashboard layout definition — JSON-serializable so built-ins and
+ * frontmatter-authored custom layouts share one schema.
+ */
+interface DashboardLayoutDefinition {
+    /** Slug id used by `squisq-dashboard-layout` (lowercase, hyphens). */
+    name: string;
+    /** Human-facing picker label. */
+    label: string;
+    description?: string;
+    /**
+     * Per-orientation cell arrays. `landscape` is required and defines the
+     * layout's capacity. Fallbacks when a variant is absent:
+     * square → landscape cells (%-stretch), portrait → transposed landscape.
+     * Variants that are present must match landscape's cell count.
+     */
+    cells: {
+        landscape: DashboardCellDefinition[];
+        portrait?: DashboardCellDefinition[];
+        square?: DashboardCellDefinition[];
+    };
+    /** Overrides the default title band when the doc shows a title. */
+    titleSlot?: DashboardTitleSlotDefinition;
+    /** False excludes the layout from auto-pick (picker-only). Default true. */
+    auto?: boolean;
+}
+interface DashboardLayoutValidationError {
+    path: string;
+    message: string;
+}
+interface DashboardLayoutValidationResult {
+    valid: boolean;
+    errors: DashboardLayoutValidationError[];
+    /** The normalized definition when `valid` is true. */
+    layout?: DashboardLayoutDefinition;
+}
+/** A resolved cell: canvas-unit rect plus the optional explicit pins. */
+interface ResolvedDashboardCell {
+    rect: LayerRect;
+    block?: number;
+    /** Author-pinned zoom level from the cell definition. */
+    zoom?: DashboardZoomLevel;
+}
+/**
+ * Validate an untrusted layout definition (frontmatter, host input) into a
+ * normalized {@link DashboardLayoutDefinition}. Never throws; malformed
+ * definitions come back as `{ valid: false, errors }`.
+ */
+declare function validateDashboardLayoutDefinition(input: unknown): DashboardLayoutValidationResult;
+/** Number of blocks the layout can display. */
+declare function layoutCapacity(def: DashboardLayoutDefinition): number;
+/**
+ * Swap each cell's axes (x↔y, width↔height) — the automatic portrait
+ * rendition for layouts that only define landscape cells. A row of cells
+ * becomes a column; grids become their transpose.
+ */
+declare function transposeCells(cells: readonly DashboardCellDefinition[]): DashboardCellDefinition[];
+/**
+ * Pick the orientation variant (with fallbacks) and resolve its `%`-strings
+ * against a concrete content rect, producing canvas-unit cell rects.
+ */
+declare function resolveLayoutCells(def: DashboardLayoutDefinition, orientation: ViewportOrientation, contentRect: LayerRect): ResolvedDashboardCell[];
+
+/**
+ * Built-in dashboard layouts.
+ *
+ * Built-ins use the exact same JSON-serializable schema as user-authored
+ * custom layouts (`squisq-dashboard-layouts` frontmatter), so pickers,
+ * validation, and the auto-pick ladder treat both uniformly. Gutters are
+ * baked into the `%` rects (the photoGrid convention) rather than being a
+ * separate spacing model.
+ */
+
+/**
+ * The built-in layout library, ordered by capacity — the auto-pick ladder
+ * walks this order. `hero-top` opts out of auto-pick (`auto: false`) so
+ * `grid-2x2` wins the 4-block case; it stays available in pickers.
+ */
+declare const BUILTIN_DASHBOARD_LAYOUTS: readonly DashboardLayoutDefinition[];
+/** Picker-facing summary of a layout. */
+interface DashboardLayoutSummary {
+    id: string;
+    label: string;
+    description?: string;
+    capacity: number;
+    /** True for layouts defined by the document rather than built in. */
+    custom: boolean;
+}
+/** Summaries of the built-in layouts, in ladder order. */
+declare function getDashboardLayoutSummaries(): DashboardLayoutSummary[];
+/**
+ * Every layout available to a document: its frontmatter-defined custom
+ * layouts first (they win name collisions), then the built-ins. This is
+ * the list pickers and CLI `--layout` validation enumerate.
+ */
+declare function listDashboardLayouts(doc: Pick<Doc, 'frontmatter'> | undefined): DashboardLayoutSummary[];
+
+/**
+ * Dashboard layout selection: id lookup plus the auto-pick ladder that
+ * chooses the smallest layout able to hold every block.
+ */
+
+/** The sentinel layout id meaning "pick the best layout for the doc". */
+declare const DASHBOARD_AUTO_LAYOUT_ID = "auto";
+/**
+ * Resolve a layout id against the document's custom layouts (which win
+ * name collisions) and then the built-ins. Undefined when unknown.
+ */
+declare function resolveDashboardLayoutDefinition(id: string, customLayouts?: readonly DashboardLayoutDefinition[]): DashboardLayoutDefinition | undefined;
+/**
+ * Auto-pick the best layout for a block count: the smallest-capacity
+ * auto-eligible layout that fits every block, preferring a custom layout
+ * over a built-in at equal capacity. When even the largest layout cannot
+ * hold the count, the largest wins and the caller reports the overflow.
+ *
+ * Orientation deliberately does not change WHICH layout wins — it selects
+ * the cell variant later (via `resolveLayoutCells`) so the same document
+ * keeps the same layout identity across aspect ratios.
+ */
+declare function chooseDashboardLayout(blockCount: number, _orientation: ViewportOrientation, customLayouts?: readonly DashboardLayoutDefinition[]): DashboardLayoutDefinition;
+
+/**
+ * Dashboard cell style — the "how it's dressed" axis, orthogonal to the
+ * layout's "where things go".
+ *
+ * A layout answers how many cells there are and what shape they take; a
+ * style answers what a cell LOOKS like: whether the block simply fills its
+ * rect (`basic`, the historical behavior), sits on a raised card, sits in a
+ * flat outlined panel, or on an accent-tinted card. Every style derives its
+ * colors, radius, and accents from the ACTIVE THEME (`colors`,
+ * `style.borderRadius`, `colorSchemes`), so a gezellig dashboard reads as
+ * gezellig and a tech-dark one reads as tech-dark — a style never carries
+ * its own palette.
+ *
+ * Geometry is core-owned like everything else in the dashboard pipeline:
+ * this module returns the card rect the block renders into plus the chrome
+ * layers painted behind it (CELL-LOCAL coordinates — the same space
+ * `materializeDashboard` hands renderers for the title band) and over it
+ * (CARD-LOCAL, so a host clips them with the card's own corner radius).
+ */
+
+/** The closed set of dashboard cell styles. */
+declare const DASHBOARD_STYLE_IDS: readonly ["basic", "card", "panel", "accent"];
+type DashboardStyleId = (typeof DASHBOARD_STYLE_IDS)[number];
+declare const DEFAULT_DASHBOARD_STYLE: DashboardStyleId;
+/** Picker-facing summary of a style (mirrors `DashboardLayoutSummary`). */
+interface DashboardStyleSummary {
+    id: DashboardStyleId;
+    label: string;
+    description: string;
+}
+/** The style library, in picker order. */
+declare const DASHBOARD_STYLES: readonly DashboardStyleSummary[];
+/** Normalize an authored style value; undefined when unrecognized. */
+declare function resolveDashboardStyleId(value: unknown): DashboardStyleId | undefined;
+/**
+ * The canvas fill behind the cells. Card-like styles tint it away from the
+ * card surface (down on light themes, up on dark ones) so cards read as
+ * raised rather than as invisible rectangles on matching paper; flat styles
+ * keep the theme background exactly.
+ */
+declare function dashboardCanvasFill(style: DashboardStyleId, theme: Theme): string;
+/**
+ * The accent color for cell `index`. Styles that show an accent rotate
+ * through the theme's own `colorSchemes` (insertion order — the same
+ * vocabulary page mode's `accentRotation` rotates), falling back to the
+ * palette's primary when a theme declares no schemes.
+ */
+declare function dashboardCellAccent(theme: Theme, index: number): string;
+/** The chrome + geometry a style contributes to one cell. */
+interface DashboardCellChrome {
+    /** Card rect in canvas units (the block fills exactly this box). */
+    cardRect: LayerRect;
+    /** Box the block renders into — identical to {@link cardRect}. */
+    contentRect: LayerRect;
+    /** Chrome layers painted BEHIND the block, in cell-local coordinates. */
+    layers: Layer[];
+    /**
+     * Chrome layers painted ON TOP of the block, in card-local coordinates
+     * (origin at the card rect, so a host can clip them with the card's own
+     * radius). Borders and accents live here: a template that paints its own
+     * opaque surface would otherwise bury them.
+     */
+    overlayLayers: Layer[];
+    /** Card corner radius in canvas units. */
+    radius: number;
+    /** CSS `border-radius` for the CONTENT box, percentage-based. */
+    contentRadiusPct?: string;
+}
+/**
+ * Build one cell's chrome. Returns null for `basic`, which paints nothing
+ * and leaves the block filling the layout's rect exactly as before.
+ *
+ * The block fills the CARD, rather than sitting in a padded well inside it:
+ * templates already carry their own internal padding, and many paint an
+ * opaque surface or gradient of their own. Letting that surface BE the card
+ * face is what keeps a card from reading as a box inside a box; the chrome
+ * contributes the elevation behind it and the border/accent over it.
+ *
+ * Elevation is drawn as stacked translucent rects rather than an SVG blur
+ * filter: it stays vector-pure, rasterizes identically in the player and in
+ * headless capture, and costs three shapes.
+ */
+declare function buildDashboardCellChrome(style: DashboardStyleId, options: {
+    theme: Theme;
+    rect: LayerRect;
+    index: number;
+}): DashboardCellChrome | null;
+/**
+ * Whether a block's own full-bleed theme-background layer should be
+ * dropped in this style. Card-like styles paint the surface themselves, so
+ * an opaque backdrop from the template would hide the card's tint and
+ * square off its corners. Only a fill that exactly matches the theme
+ * background is ever dropped — a template's accent or gradient backdrop is
+ * authored intent and stays.
+ */
+declare function stripsBlockBackdrop(style: DashboardStyleId): boolean;
+/**
+ * Remove a leading full-bleed rect whose fill is exactly the theme
+ * background. Matches `createBackgroundLayer`'s output shape.
+ */
+declare function stripBlockBackdropLayer(layers: readonly Layer[], theme: Theme): Layer[];
+
+/**
+ * Dashboard settings persisted in Markdown frontmatter.
+ *
+ * Framework-free (model: `coverSlideSettings.ts`) so the editor, player,
+ * and export pipelines resolve one canonical document contract:
+ *
+ * - `squisq-dashboard-layout`: layout id or `auto` (default `auto`).
+ * - `squisq-dashboard-title`: whether the document title band renders
+ *   (default true; the band only appears when a title actually resolves).
+ * - `squisq-dashboard-style`: cell style variant (default `basic`) — the
+ *   dressing axis that is orthogonal to the layout's geometry.
+ */
+
+interface DashboardSettings {
+    /** Preferred layout id, or {@link DASHBOARD_AUTO_LAYOUT_ID}. */
+    layout: string;
+    /** Whether the document-title band renders when a title resolves. */
+    showTitle: boolean;
+    /** Cell zoom behavior: density-based `auto` boosts, or `off` (all 1×). */
+    zoom: DashboardZoomMode;
+    /** Cell style variant (chrome around each block). */
+    style: DashboardStyleId;
+}
+declare const DASHBOARD_FRONTMATTER_KEYS: Readonly<{
+    layout: {
+        canonical: string;
+        legacy: string;
+    };
+    showTitle: {
+        canonical: string;
+        legacy: string;
+    };
+    zoom: {
+        canonical: string;
+        legacy: string;
+    };
+    style: {
+        canonical: string;
+        legacy: string;
+    };
+}>;
+declare const DEFAULT_DASHBOARD_SETTINGS: Readonly<DashboardSettings>;
+/**
+ * Caller overrides. `style` is deliberately widened to `string`: hosts pass
+ * raw CLI/UI values through, and an unrecognized one normalizes away rather
+ * than needing a cast at every call site.
+ */
+type DashboardSettingsOverrides = Partial<Omit<DashboardSettings, 'style'>> & {
+    style?: DashboardStyleId | string;
+};
+/** Resolve dashboard settings from frontmatter, then apply caller overrides. */
+declare function resolveDashboardSettings(frontmatter: Record<string, unknown> | undefined, overrides?: DashboardSettingsOverrides): DashboardSettings;
+
+/**
+ * Frontmatter serialization for user-defined dashboard layouts.
+ *
+ * Custom layout definitions live in the document's YAML frontmatter under
+ * `squisq-dashboard-layouts` as a single **compact JSON** object keyed by
+ * layout name (the exact convention `squisq-custom-templates` uses — see
+ * `customTemplatesFrontmatter.ts` for the rationale):
+ *
+ * ```yaml
+ * squisq-dashboard-layouts: {"kpi-wall":{"lb":"KPI Wall","ce":{"ls":[{"x":"0%","y":"0%","wd":"50%","hg":"100%","bk":1},…]}}}
+ * ```
+ *
+ * The value is written unquoted on a single line so the line-based
+ * frontmatter parser round-trips it verbatim. Well-known property names
+ * shrink to two-letter codes via {@link LONG_TO_SHORT}; unmapped keys pass
+ * through unchanged, so the format stays lossless as the schema grows.
+ */
+
+/** Canonical frontmatter key for custom dashboard layouts. */
+declare const FRONTMATTER_DASHBOARD_LAYOUTS_KEY = "squisq-dashboard-layouts";
+/**
+ * Read the `squisq-dashboard-layouts` key into validated layout
+ * definitions. Returns undefined when the key is absent or unparseable;
+ * individual malformed entries are dropped rather than failing the doc.
+ */
+declare function readDashboardLayoutsFromFrontmatter(frontmatter: Record<string, unknown> | undefined): DashboardLayoutDefinition[] | undefined;
+/**
+ * Encode layout definitions into the compact JSON object described in the
+ * module header. Returns undefined for an empty list so callers can omit
+ * the key entirely.
+ */
+declare function writeDashboardLayoutsToFrontmatter(layouts: readonly DashboardLayoutDefinition[] | undefined, options?: {
+    pretty?: boolean;
+}): string | undefined;
+
+/**
+ * Dashboard projection — the third sibling of the slide projection
+ * (`buildPreviewDoc` + `materializeBlockLayers`) and the page projection
+ * (`materializePageSections`).
+ *
+ * `materializeDashboard(doc, options)` turns a markdown-derived Doc into
+ * ONE canvas: a layout's cells (canvas-unit rects) each holding one block
+ * rendered AT the cell's size — a synthetic per-cell viewport, so
+ * templates re-compose for the cell's orientation and typography scales
+ * via `calculateFontScale` (the same strategy embedded spatial media uses
+ * inside `materializeBlockLayers`). Core owns every geometry decision;
+ * React consumers position cells with the CSS-ready `rectPct` values, and
+ * non-React consumers flatten everything into a single canvas-level
+ * `Layer[]` via {@link composeDashboardLayers}.
+ *
+ * Candidate blocks come from `buildPreviewDoc` (with image interleaving
+ * off) so template resolution and derived inputs match the slideshow
+ * exactly. Blocks beyond the layout's capacity are not rendered — that is
+ * reported as an `overflow` diagnostic, never a console side effect.
+ */
+
+interface MaterializeDashboardOptions {
+    /** Theme used by cell templates and the canvas backdrop. */
+    theme?: Theme;
+    /** Canvas viewport. Defaults to the landscape preset. */
+    viewport?: ViewportConfig;
+    /**
+     * Layout override: an id, {@link DASHBOARD_AUTO_LAYOUT_ID}, or an inline
+     * definition. Overrides the doc's `squisq-dashboard-layout` frontmatter.
+     */
+    layout?: string | DashboardLayoutDefinition;
+    /** Custom layouts; defaults to the doc's `squisq-dashboard-layouts`. */
+    customLayouts?: readonly DashboardLayoutDefinition[];
+    /** Document-scoped custom templates; defaults to `doc.customTemplates`. */
+    customTemplates?: readonly CustomTemplateDefinition[];
+    /** Title-band override; overrides `squisq-dashboard-title` frontmatter. */
+    showTitle?: boolean;
+    /** Host-supplied title fallback (file name), as in `buildPreviewDoc`. */
+    documentTitle?: string;
+    /** Cell zoom override; overrides `squisq-dashboard-zoom` frontmatter. */
+    zoom?: DashboardZoomMode;
+    /** Cell style override; overrides `squisq-dashboard-style` frontmatter. */
+    style?: DashboardStyleId | string;
+    /** Per-cell failure policy, forwarded to `materializeBlockLayers`. */
+    failureMode?: LayerMaterializationFailureMode;
+}
+/** CSS-ready percentages of the FULL canvas for absolute positioning. */
+interface DashboardRectPct {
+    left: string;
+    top: string;
+    width: string;
+    height: string;
+}
+/**
+ * A cell's style chrome — the card/panel surface painted BEHIND the block.
+ * Shaped like {@link DashboardTitle}: layers live in the frame's own
+ * viewport space, so a renderer positions one box and draws into it.
+ * Absent under the `basic` style, which paints no chrome at all.
+ */
+interface DashboardCellFrame {
+    /** The layout's full cell rect in canvas units (chrome's own box). */
+    rect: LayerRect;
+    /** The frame rect as percentages of the full canvas. */
+    rectPct: DashboardRectPct;
+    /** Viewport the chrome layers were composed against. */
+    viewport: ViewportConfig;
+    /** Chrome layers painted BEHIND the block, in frame-local coordinates. */
+    layers: Layer[];
+    /**
+     * Chrome layers painted ON TOP of the block — borders and accents, which
+     * a template's own opaque surface would otherwise bury. Composed against
+     * {@link DashboardCellFrame.overlayViewport} and positioned at the
+     * block's own rect, so the same clip rounds them to the card's corners.
+     */
+    overlayLayers: Layer[];
+    /** Viewport the overlay layers were composed against (the card box). */
+    overlayViewport: ViewportConfig;
+    /**
+     * CSS `border-radius` (percentage-based, so it scales with any rendered
+     * size) for the block's content box, matching the card's corners. React
+     * consumers apply it with `overflow: hidden` to clip full-bleed cell art.
+     */
+    contentRadiusPct?: string;
+}
+/** One populated dashboard cell. */
+interface DashboardCell {
+    /** Cell ordinal in the layout (0-based, layout order). */
+    index: number;
+    /** The projected slide block rendered in this cell. */
+    block: Block;
+    /** Index in the candidate block sequence (for keys/debugging). */
+    blockIndex: number;
+    /** Layers materialized against {@link DashboardCell.viewport} (un-prefixed). */
+    layers: Layer[];
+    /**
+     * The block's rect in canvas units. Equals the layout cell under `basic`;
+     * under a card style it is the cell inset by the card's padding ring.
+     */
+    rect: LayerRect;
+    /** Block rect as percentages of the full canvas. */
+    rectPct: DashboardRectPct;
+    /** Style chrome painted behind the block; absent under `basic`. */
+    frame?: DashboardCellFrame;
+    /** The synthetic per-cell viewport the layers were rendered against. */
+    viewport: ViewportConfig;
+    /**
+     * Type-scale multiplier the block rendered with (1, 1.5, or 2) — the
+     * layout stays cell-composed, but themed type renders this much larger
+     * so sparse blocks fill their slot. Already baked into `layers`.
+     */
+    zoom: DashboardZoomLevel;
+    source: LayerMaterializationSource;
+    diagnostic?: LayerMaterializationDiagnostic;
+}
+interface DashboardDiagnostic {
+    type: 'overflow' | 'unknown-layout' | 'invalid-cell-assignment' | 'empty-doc';
+    message: string;
+    /** Ids of blocks hidden by an `overflow`. */
+    hiddenBlockIds?: string[];
+    /** The unresolvable id behind an `unknown-layout`. */
+    requestedLayout?: string;
+}
+/** The rendered document-title band. */
+interface DashboardTitle {
+    text: string;
+    rect: LayerRect;
+    rectPct: DashboardRectPct;
+    viewport: ViewportConfig;
+    layers: Layer[];
+}
+interface DashboardMaterialization {
+    layout: DashboardLayoutDefinition;
+    layoutSource: 'option' | 'frontmatter' | 'auto';
+    /** The resolved cell style variant. */
+    style: DashboardStyleId;
+    viewport: ViewportConfig;
+    cells: DashboardCell[];
+    /** Null when the title band is disabled or no title resolves. */
+    title: DashboardTitle | null;
+    /** Canvas-level base fill + theme/doc persistent layers, applied once. */
+    backdrop: {
+        fill: string;
+        bottomLayers: Layer[];
+        topLayers: Layer[];
+    };
+    diagnostics: DashboardDiagnostic[];
+}
+declare function materializeDashboard(doc: Doc, options?: MaterializeDashboardOptions): DashboardMaterialization;
+/**
+ * Flatten a materialization into one canvas-level `Layer[]` for non-React
+ * consumers. Every cell/title layer is mapped into its canvas rect with a
+ * unique id prefix (templates reuse ids like `title`, so the prefix is
+ * what keeps the flat canvas collision-free). Paint order: backdrop
+ * bottom, then per cell its style chrome followed by its block, then the
+ * title band and the backdrop top.
+ *
+ * The flat canvas has no clipping concept, so a cell's full-bleed art is
+ * not rounded to its card corners here the way a React host clips it with
+ * `frame.contentRadiusPct`.
+ */
+declare function composeDashboardLayers(materialization: DashboardMaterialization): Layer[];
+
 /**
  * Audio Mapping
  *
@@ -3185,4 +3833,4 @@ declare function treeFromMarkdownList(list: MarkdownList): Tree;
 /** Find the first top-level markdown list in a block's body, if any. */
 declare function findFirstList(contents: MarkdownBlockNode[] | undefined): MarkdownList | undefined;
 
-export { ASCII_CHAR_H, ASCII_CHAR_W, ASCII_DIAGRAM_FENCE_LANGS, ASCII_TIMELINE_FENCE_LANGS, type AccentLayout, type AsciiDiagram, type AsciiDiagramDetection, type AsciiDiagramEdge, type AsciiDiagramNode, type AsciiTimeline, type AsciiTimelineDetection, type AsciiTimelineEvent, type AsciiTimelineLink, type AsciiTimelineMarker, type AsciiTimelineSide, type AsciiTimelineStats, type AsciiTimelineStyle, type AsciiTimelineTrack, type AudioSegmentTiming, BASE_INPUT_DESCRIPTORS, BLOCK_MEDIA_LAYOUT_POLICIES, type BlockLayerMaterialization, type BlockMediaLayoutPolicy, type BuiltInTemplateName, CONTAINER_TEMPLATES, COVER_SLIDE_FRONTMATTER_KEYS, COVER_SLIDE_TEMPLATE_OPTIONS, type ClipBox, type ConnectorAnchor, type ConnectorPort, type ConnectorRouting, type ConnectorSnapPoint, type CoverBlockInput, type CoverSlidePlayback, type CoverSlideSettings, type CoverSlideTemplate, type CoverSlideTemplateOption, DEFAULT_COVER_SLIDE_SETTINGS, DEFAULT_LAYOUT, DIAGRAM_LABEL_HORIZONTAL_PADDING, DIAGRAM_LABEL_LINE_HEIGHT, DIAGRAM_LABEL_MIN_FONT_SIZE, DIAGRAM_LABEL_VERTICAL_PADDING, type DataFenceParseResult, type DeriveTemplateInputsOptions, type DetectAsciiTimelineOptions, type DiagramEdge, type DiagramLabelFit, type DiagramLayout, type DiagramLayoutOptions, type DiagramNodePosition, DocBlock, type DrawingConnector, type DrawingLayout, type DrawingLayoutOptions, type DrawingShape, type DrawingShapeKind, type EmbeddedVideo, type ExpandDocBlocksOptions, type ExtractedTableData, type FirstImage, type InputCoercion, type LayerMaterializationDiagnostic, type LayerMaterializationFailureMode, type LayerMaterializationSource, type LayoutLayerDefaults, type LayoutLayersResult, MAX_COVER_SLIDE_DURATION_SECONDS, type MarkdownToDocOptions, type MarkdownValidationResult, type MaterializeBlockLayersOptions, type NarrationResolution, type NativeMediaLayout, type NoMediaLayout, PAGE_BASE_CSS, PATH_SHAPE_KINDS, PageSection, type PageSectionContext, type PageSectionDraft, PersistentLayerConfig, type RenderAsciiDiagramOptions, type RenderAsciiTimelineOptions, type RenderTreeOptions, type RepairResult, type ResolvedPageBlock, type RichListItem, type RuntimeTemplateRegistry, SHAPE_NAMES, type SectionExtractor, type SupplementalMediaLayoutVariant, type SupplementalMediaShape, type SupplementalMediaVariantMatrix, TABLE_FED_TEMPLATES, TEMPLATE_AUTHORING_METADATA, TEMPLATE_INPUT_DESCRIPTORS, TEMPLATE_METADATA, TREE_FENCE_LANGS, type TemplateAuthoringMetadata, type TemplateAuthoringRole, TemplateBlock, type TemplateBodyPolicy, TemplateContext, type TemplateInputDescriptor, type TemplateMediaOwnership, type TemplateMetadata, type TemplateParamFinding, Theme, ThemeColorScheme, type Tree, type TreeDetection, type TreeItem, type TreeNode, type UnconsumedMediaBehavior, type ValidateOptions, ViewportConfig, ViewportOrientation, adjustY, anchorPoint, applyNarrationTiming, applyRenderStyleToLayers, asciiCellToCanvas, asciiDiagramFromBlocks, asciiDiagramFromTemplateData, asciiDiagramToTemplateData, asciiTimelineToTemplateData, autoTemplatePreservesContent, bigText, buildPageCss, buildPageCssVars, buildRegistry, canvasToAsciiCell, clipEndpoints, clipPoint, coerceTemplateParams, comparisonBar, computeDiagramLayout, computeDrawingLayout, computeLayoutLayers, connectorPath, contentBlock, countBlocks, coverBlock, createAccentLayers, cssFilterForTreatment, dataTable, dateEvent, definitionCard, deriveTemplateInputs, detectAsciiDiagram, detectAsciiTimeline, detectTree, diagramBlock, docToMarkdown, drawingBlock, expandCoverBlock, expandDocBlocks, expandPersistentLayers, extractBlockquoteText, extractBodyPlainText, extractEmbeddedVideos, extractFirstEmbeddedVideo, extractFirstImage, extractImages, extractListItems, extractRichListItems, extractTableData, extractTableFromContents, factCard, fallbackBlockLayers, findFirstList, findFirstTable, fitBigTextSize, fitDiagramLabel, flattenBlocks, flattenRenderableBlocks, fullBleedQuote, getAccentLayout, getAnimationProgress, getAnimationStyle, getAvailableTemplates, getBlockBodyText, getBlockDepth, getBlockMediaLayoutPolicy, getDefaultAnimation, getDefaultAnimationDuration, getOverlayOpacity, getPersistentLayersFromTheme, getPinnedBlockMeta, getTemplateHint, getThemeFont, getTransitionClass, hasTemplate, imageWithCaption, isAsciiDiagramFence, isAsciiTimelineFence, isContainerTemplate, isDataFence, isEligibleAsciiFenceLang, isEligibleAsciiTimelineFenceLang, isEligibleTreeFenceLang, isExplicitDiagramLang, isExplicitTimelineLang, isExplicitTreeLang, isRepairableDiagram, isShapeName, isTemplatedPageBlock, isTreeFence, isWrappedFlowTimelineSource, layoutBlock, leftFeature, lineStyleDasharray, lintTemplateParams, listBlock, mapBlock, markdownToDoc, markerPath, materializeBlockLayers, nearestSnapPoint, normalizeShapeKind, pageStyleDataAttributes, parseAsciiDiagram, parseAsciiTimeline, parseAsciiTimelineWithStats, parseDataFence, parseTree, parseWrappedFlowTimeline, parseYamlSubset, photoGrid, pullQuote, quoteBlock, readCustomTemplatesFromFrontmatter, readCustomThemesFromFrontmatter, renderAsciiDiagram, renderAsciiTimeline, renderTree, repairAsciiDiagram, replaceDataFence, resolveAudioMapping, resolveColorScheme, resolveCoverSlideSettings, resolvePageBlock, resolvePersistentLayers, resolveTemplateName, resolveThemeForDoc, rightFeature, scaleAnimationDuration, scoreTextSimilarity, sectionExtractors, sectionHeader, shapePath, shouldUseShadow, snapEndpoints, snapPoints, statHighlight, templateRegistry, themeWantsAmbientMotion, themedEntrance, themedFontSize, themedImageTreatment, themedScrim, themedSurfaceGradient, timelineBlock, titleBlock, treeBlock, treeFromMarkdownList, treeFromTemplateData, treeToTemplateData, twoColumn, validateMarkdownDoc, validateMarkdownSource, videoPullQuote, videoWithCaption, wrapWithPersistentLayers, writeCustomTemplatesToFrontmatter, writeCustomThemesToFrontmatter };
+export { ASCII_CHAR_H, ASCII_CHAR_W, ASCII_DIAGRAM_FENCE_LANGS, ASCII_TIMELINE_FENCE_LANGS, type AccentLayout, type AsciiDiagram, type AsciiDiagramDetection, type AsciiDiagramEdge, type AsciiDiagramNode, type AsciiTimeline, type AsciiTimelineDetection, type AsciiTimelineEvent, type AsciiTimelineLink, type AsciiTimelineMarker, type AsciiTimelineSide, type AsciiTimelineStats, type AsciiTimelineStyle, type AsciiTimelineTrack, type AudioSegmentTiming, BASE_INPUT_DESCRIPTORS, BLOCK_MEDIA_LAYOUT_POLICIES, BUILTIN_DASHBOARD_LAYOUTS, type BlockLayerMaterialization, type BlockMediaLayoutPolicy, type BuildPreviewDocOptions, type BuiltInTemplateName, CONTAINER_TEMPLATES, COVER_SLIDE_FRONTMATTER_KEYS, COVER_SLIDE_TEMPLATE_OPTIONS, type ClipBox, type ConnectorAnchor, type ConnectorPort, type ConnectorRouting, type ConnectorSnapPoint, type CoverBlockInput, type CoverSlidePlayback, type CoverSlideSettings, type CoverSlideTemplate, type CoverSlideTemplateOption, DASHBOARD_AUTO_LAYOUT_ID, DASHBOARD_FRONTMATTER_KEYS, DASHBOARD_STYLES, DASHBOARD_STYLE_IDS, DASHBOARD_ZOOM_LEVELS, DEFAULT_COVER_SLIDE_SETTINGS, DEFAULT_DASHBOARD_SETTINGS, DEFAULT_DASHBOARD_STYLE, DEFAULT_LAYOUT, DIAGRAM_LABEL_HORIZONTAL_PADDING, DIAGRAM_LABEL_LINE_HEIGHT, DIAGRAM_LABEL_MIN_FONT_SIZE, DIAGRAM_LABEL_VERTICAL_PADDING, type DashboardCell, type DashboardCellChrome, type DashboardCellDefinition, type DashboardCellFrame, type DashboardDiagnostic, type DashboardLayoutDefinition, type DashboardLayoutSummary, type DashboardLayoutValidationError, type DashboardLayoutValidationResult, type DashboardMaterialization, type DashboardRectPct, type DashboardSettings, type DashboardSettingsOverrides, type DashboardStyleId, type DashboardStyleSummary, type DashboardTitle, type DashboardTitleSlotDefinition, type DashboardZoomCandidate, type DashboardZoomLevel, type DashboardZoomMode, type DataFenceParseResult, type DeriveTemplateInputsOptions, type DetectAsciiTimelineOptions, type DiagramEdge, type DiagramLabelFit, type DiagramLayout, type DiagramLayoutOptions, type DiagramNodePosition, DocBlock, type DrawingConnector, type DrawingLayout, type DrawingLayoutOptions, type DrawingShape, type DrawingShapeKind, type EmbeddedVideo, type ExpandDocBlocksOptions, type ExtractedTableData, FRONTMATTER_DASHBOARD_LAYOUTS_KEY, type FirstImage, type InputCoercion, type LayerMaterializationDiagnostic, type LayerMaterializationFailureMode, type LayerMaterializationSource, type LayoutLayerDefaults, type LayoutLayersResult, MAX_COVER_SLIDE_DURATION_SECONDS, type MarkdownToDocOptions, type MarkdownValidationResult, type MaterializeBlockLayersOptions, type MaterializeDashboardOptions, type NarrationResolution, type NativeMediaLayout, type NoMediaLayout, PAGE_BASE_CSS, PATH_SHAPE_KINDS, PageSection, type PageSectionContext, type PageSectionDraft, PersistentLayerConfig, type RenderAsciiDiagramOptions, type RenderAsciiTimelineOptions, type RenderTreeOptions, type RepairResult, type ResolvedDashboardCell, type ResolvedPageBlock, type RichListItem, type RuntimeTemplateRegistry, SHAPE_NAMES, type SectionExtractor, type SupplementalMediaLayoutVariant, type SupplementalMediaShape, type SupplementalMediaVariantMatrix, TABLE_FED_TEMPLATES, TEMPLATE_AUTHORING_METADATA, TEMPLATE_INPUT_DESCRIPTORS, TEMPLATE_METADATA, TREE_FENCE_LANGS, type TemplateAuthoringMetadata, type TemplateAuthoringRole, TemplateBlock, type TemplateBodyPolicy, TemplateContext, type TemplateInputDescriptor, type TemplateMediaOwnership, type TemplateMetadata, type TemplateParamFinding, Theme, ThemeColorScheme, type Tree, type TreeDetection, type TreeItem, type TreeNode, type UnconsumedMediaBehavior, type ValidateOptions, ViewportConfig, ViewportOrientation, adjustY, anchorPoint, applyNarrationTiming, applyRenderStyleToLayers, asciiCellToCanvas, asciiDiagramFromBlocks, asciiDiagramFromTemplateData, asciiDiagramToTemplateData, asciiTimelineToTemplateData, autoTemplatePreservesContent, bigText, buildDashboardCellChrome, buildPageCss, buildPageCssVars, buildPreviewDoc, buildRegistry, canvasToAsciiCell, chooseDashboardLayout, clipEndpoints, clipPoint, coerceTemplateParams, comparisonBar, composeDashboardLayers, computeDiagramLayout, computeDrawingLayout, computeLayoutLayers, connectorPath, contentBlock, countBlocks, coverBlock, createAccentLayers, cssFilterForTreatment, dashboardCanvasFill, dashboardCellAccent, dataTable, dateEvent, definitionCard, deriveTemplateInputs, desiredCellZoom, detectAsciiDiagram, detectAsciiTimeline, detectTree, diagramBlock, docToMarkdown, documentTitleFromFileName, drawingBlock, expandCoverBlock, expandDocBlocks, expandPersistentLayers, extractBlockquoteText, extractBodyPlainText, extractEmbeddedVideos, extractFirstEmbeddedVideo, extractFirstImage, extractImages, extractListItems, extractRichListItems, extractTableData, extractTableFromContents, factCard, fallbackBlockLayers, findFirstList, findFirstTable, fitBigTextSize, fitDiagramLabel, flattenBlocks, flattenRenderableBlocks, fullBleedQuote, getAccentLayout, getAnimationProgress, getAnimationStyle, getAvailableTemplates, getBlockBodyText, getBlockDepth, getBlockMediaLayoutPolicy, getDashboardLayoutSummaries, getDefaultAnimation, getDefaultAnimationDuration, getOverlayOpacity, getPersistentLayersFromTheme, getPinnedBlockMeta, getTemplateHint, getThemeFont, getTransitionClass, hasTemplate, imageWithCaption, isAsciiDiagramFence, isAsciiTimelineFence, isContainerTemplate, isDataFence, isEligibleAsciiFenceLang, isEligibleAsciiTimelineFenceLang, isEligibleTreeFenceLang, isExplicitDiagramLang, isExplicitTimelineLang, isExplicitTreeLang, isRepairableDiagram, isShapeName, isTemplatedPageBlock, isTreeFence, isWrappedFlowTimelineSource, layoutBlock, layoutCapacity, leftFeature, lineStyleDasharray, lintTemplateParams, listBlock, listDashboardLayouts, mapBlock, markdownToDoc, markerPath, materializeBlockLayers, materializeDashboard, nearestSnapPoint, normalizeDashboardZoom, normalizeShapeKind, pageStyleDataAttributes, parseAsciiDiagram, parseAsciiTimeline, parseAsciiTimelineWithStats, parseDataFence, parseTree, parseWrappedFlowTimeline, parseYamlSubset, photoGrid, pullQuote, quoteBlock, readCustomTemplatesFromFrontmatter, readCustomThemesFromFrontmatter, readDashboardLayoutsFromFrontmatter, renderAsciiDiagram, renderAsciiTimeline, renderTree, repairAsciiDiagram, replaceDataFence, resolveAudioMapping, resolveColorScheme, resolveCoverSlideSettings, resolveDashboardLayoutDefinition, resolveDashboardSettings, resolveDashboardStyleId, resolveDashboardZooms, resolveLayoutCells, resolvePageBlock, resolvePersistentLayers, resolveTemplateName, resolveThemeForDoc, rightFeature, scaleAnimationDuration, scoreTextSimilarity, sectionExtractors, sectionHeader, shapePath, shouldUseShadow, snapEndpoints, snapPoints, statHighlight, stripBlockBackdropLayer, stripsBlockBackdrop, templateRegistry, themeWantsAmbientMotion, themedEntrance, themedFontSize, themedImageTreatment, themedScrim, themedSurfaceGradient, timelineBlock, titleBlock, transposeCells, treeBlock, treeFromMarkdownList, treeFromTemplateData, treeToTemplateData, twoColumn, validateDashboardLayoutDefinition, validateMarkdownDoc, validateMarkdownSource, videoPullQuote, videoWithCaption, wrapWithPersistentLayers, writeCustomTemplatesToFrontmatter, writeCustomThemesToFrontmatter, writeDashboardLayoutsToFrontmatter };