/* Auto-generated by scripts/extract-broadside-runtime.py bold-forms — DO NOT hand-edit.
 * Source: html_gen_prompt.py _BOLD_FORMS_EXTRA_TOKENS + _BOLD_FORMS_STAT_CARD_CSS
 * Loaded by editor.html so editor + viewer render bold-forms decks
 * even when the saved markup lost the prompt-injected <style> block.
 * (Rainy 2026-05-29 — AI gen for these 4 templates dropped prompt CSS.)
 */

@import url('https://fonts.googleapis.com/css2?family=Bowlby+One&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700;800&family=Questrial&display=swap');

[data-template="bold-forms"] {

  /* ─────────────────────────────────────────────────────────
     Bold Forms — design tokens
     Coordinate system: 1920×1080 design canvas (NEVER vw/vh).
     Visual identity: confident editorial — heavy ink type + 3px
                      ink outlines on a flat amber field; Bowlby One;
                      chunky display contrasted with Instrument Serif.
     ───────────────────────────────────────────────────────── */
  /* ── PALETTE — 3 named + 1 placeholder ── */
  --bf-ink: #1E1E1E !important; /* primary ink: type + 3px borders        */
  --bf-amber: #FDB52A !important; /* signature field / accent fill          */
  --bf-white: #F2F2F2 !important; /* alt panel / light-section bg           */
  --bf-image-grey: transparent !important; /* placeholder transparent — dev-only design-spec used #D9D9D9 to mark image slot positions (Rainy 2026-06-25) */

  /* ── TYPOGRAPHY ── */
  --bf-font-display: 'Bowlby One', system-ui, sans-serif !important; /* chunky display */
  --bf-font-serif: 'Instrument Serif', Georgia, serif !important; /* elegant head   */
  --bf-font-body: 'Questrial', system-ui, sans-serif !important; /* body / labels  */
  --bf-font-caption: 'Manrope', system-ui, sans-serif !important; /* captions       */
  /* Cross-template aliases */
  --font-heading: 'Bowlby One', system-ui, sans-serif !important;
  --font-body: 'Questrial', system-ui, sans-serif !important;

  /* ── TYPE SCALE — 1920×1080 px (design-spec section B) ── */
  --bf-sz-display: 300px !important; /* full-bleed wordmark (TABLE OF / THE TEAM) */
  --bf-sz-headline: 150px !important; /* cover headline / metric                  */
  --bf-sz-subhead: 120px !important; /* Instrument Serif section head            */
  --bf-sz-body: 40px !important; /* body copy / subheadline                  */
  --bf-sz-caption: 28px !important; /* captions                                 */
  --bf-sz-label: 24px !important; /* labels / details                         */
  --bf-sz-micro: 20px !important; /* slide number / fine labels               */
  --bf-track-tight: 0.02em !important; /* display + headline — was -0.04em; Bowlby One read cramped, loosened to +0.02em for air (Rainy 2026-07-01) */
  --bf-track-body: -0.01em !important; /* body                                     */
  --bf-track-cap: 0.05em !important; /* caption / micro (letter-spaced)          */
}


/* ═══════════════════════════════════════════════════════════════════════════
   BOLD FORMS — Slide-production component CSS
   Canvas: 1920×1080. ALL sizes in canvas pixels (NEVER vw / vh).
   Source of truth: ~/Downloads/bold-forms-design-spec.html
   ALL selectors scoped under [data-template="bold-forms"] — never bare.
   Class names use bf- prefix to avoid cross-template collisions.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── ROOT / BASE ─────────────────────────────────────────────────────── */
[data-template="bold-forms"].slide,
[data-template="bold-forms"] .slide {
  background: transparent !important;
  font-family: var(--bf-font-body) !important;
  color: var(--bf-ink) !important;
  position: relative !important;
  overflow: hidden !important;
}
[data-template="bold-forms"] .slide > .slide-scale-inner,
[data-template="bold-forms"].slide > .slide-scale-inner {
  width: 1920px !important; height: 1080px !important; position: relative !important; overflow: hidden !important;
  background: var(--bf-amber) !important;
}
/* White-field layouts (E4 / E11 / E15 in the spec) flip the canvas. */
[data-template="bold-forms"][data-layout="content-light"] > .slide-scale-inner,
[data-template="bold-forms"][data-layout="index-light"] > .slide-scale-inner,
[data-template="bold-forms"][data-layout="closing"] > .slide-scale-inner {
  background: var(--bf-white) !important;
}
[data-template="bold-forms"] h1, [data-template="bold-forms"] h2 {
  margin: 0 !important; font-family: var(--bf-font-display) !important; font-weight: 400 !important;
  letter-spacing: var(--bf-track-tight) !important; line-height: 0.95 !important;
  text-transform: none !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"] h3, [data-template="bold-forms"] h4 {
  margin: 0 !important; font-family: var(--bf-font-serif) !important; font-weight: 400 !important;
  letter-spacing: 0 !important; line-height: 1.0 !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"] p, [data-template="bold-forms"] li {
  margin: 0 !important; font-family: var(--bf-font-body) !important; font-weight: 400 !important;
  letter-spacing: var(--bf-track-body) !important; line-height: 1.4 !important; color: var(--bf-ink) !important;
}

/* ─── SLIDE NUMBER (br corner) ─────────────────────────────────────────── */
[data-template="bold-forms"] .bf-page {
  position: absolute !important; right: 64px !important; bottom: 56px !important;
  font-family: var(--bf-font-body) !important; font-size: var(--bf-sz-micro) !important;
  letter-spacing: var(--bf-track-cap) !important; color: var(--bf-ink) !important; opacity: 0.8 !important; z-index: 5 !important;
}

/* ─── HEAVY-INK IMAGE FRAME (the signature) ────────────────────────────
   Every photo sits in a 3px ink outline, 6px corner. .bf-img wraps an
   <img> (object-fit: cover). #D9D9D9 fill shows while the photo loads.   */
[data-template="bold-forms"] .bf-img {
  position: relative !important; overflow: hidden !important; background: var(--bf-image-grey) !important;
  border: 3px solid var(--bf-ink) !important; border-radius: 6px !important;
}
[data-template="bold-forms"] .bf-img > img,
[data-template="bold-forms"] .bf-img > canvas {
  width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important;
}
/* A rounded image WELL (cover-style, big radius, can bleed off an edge). */
[data-template="bold-forms"] .bf-well {
  border: 5px solid var(--bf-ink) !important; border-radius: 120px !important; overflow: hidden !important;
  background: var(--bf-image-grey) !important;
}
[data-template="bold-forms"] .bf-well > img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Asymmetric radius variants — these override the .bf-img base 6px corner so
   the inline radius shows. Used on layouts where the photo aligns to a SVG
   inner-box edge or to a card top edge.
   Rainy 2026-06-17: canonical radii for bold-forms half-bleed and top-cap.
   • .bf-img-bleed-right — photo sits flush against the inner-box right edge,
     so left corners stay sharp (touching the divider) and right corners
     round (80px) to follow the inner-box's rounded right side. Used for
     Visibility / half-bleed photo layouts.
   • .bf-img-card-top   — photo fills the top half of a rounded card whose
     bottom hosts a name/role plate; top corners round (64px) to match the
     card frame and bottom corners stay sharp so the photo butts cleanly
     against the plate. Used for Team / roster / profile-card layouts. */
[data-template="bold-forms"] .bf-img.bf-img-bleed-right {
  border-radius: 0px 80px 80px 0px !important;
}
[data-template="bold-forms"] .bf-img.bf-img-card-top {
  border-radius: 64px 64px 0px 0px !important;
}

/* ─── E1 / COVER — big ink wordmark left + photo well right ───────────── */
[data-template="bold-forms"][data-layout="cover"] .bf-cover-title {
  position: absolute !important; left: 128px !important; top: 128px !important; max-width: 1100px !important;
  font-family: var(--bf-font-display) !important; font-size: var(--bf-sz-headline) !important;
  letter-spacing: var(--bf-track-tight) !important; line-height: 0.95 !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"][data-layout="cover"] .bf-cover-sub {
  position: absolute !important; left: 130px !important; top: 935px !important; max-width: 820px !important;
  font-family: var(--bf-font-body) !important; font-size: var(--bf-sz-label) !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"][data-layout="cover"] .bf-well {
  position: absolute !important; left: 986px !important; top: 416px !important; width: 803px !important; height: 664px !important;
}

/* ─── E2 / BIG WORDMARK INDEX — TABLE OF / contents split + line items ── */
[data-template="bold-forms"][data-layout="index"] .bf-word-top {
  position: absolute !important; left: 128px !important; top: 96px !important;
  font-family: var(--bf-font-display) !important; font-size: var(--bf-sz-display) !important;
  letter-spacing: var(--bf-track-tight) !important; line-height: 0.9 !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"][data-layout="index"] .bf-word-bottom {
  position: absolute !important; left: 128px !important; bottom: 64px !important;
  font-family: var(--bf-font-display) !important; font-size: var(--bf-sz-display) !important;
  letter-spacing: var(--bf-track-tight) !important; line-height: 0.9 !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"][data-layout="index"] .bf-items {
  position: absolute !important; left: 128px !important; right: 64px !important; top: 410px !important;
  display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 44px 56px !important;
}
[data-template="bold-forms"] .bf-item .bf-item-h {
  font-family: var(--bf-font-body) !important; font-size: var(--bf-sz-body) !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"] .bf-item .bf-item-d {
  margin-top: 8px !important; font-family: var(--bf-font-body) !important; font-size: var(--bf-sz-label) !important;
  color: var(--bf-ink) !important; opacity: 0.85 !important;
}

/* ─── E3 / AGENDA — serif title + numbered 4-col grid ──────────────────── */
[data-template="bold-forms"][data-layout="agenda"] .bf-agenda-title {
  position: absolute !important; left: 0 !important; right: 0 !important; top: 110px !important; text-align: center !important;
  font-family: var(--bf-font-serif) !important; font-size: 88px !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"][data-layout="agenda"] .bf-agenda-grid {
  position: absolute !important; left: 128px !important; right: 128px !important; top: 300px !important;
  display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 80px 64px !important;
}
[data-template="bold-forms"] .bf-agenda-num {
  font-family: var(--bf-font-display) !important; font-size: 120px !important; color: var(--bf-ink) !important; line-height: 1 !important;
}
[data-template="bold-forms"] .bf-agenda-lbl {
  margin-top: 12px !important; font-family: var(--bf-font-body) !important; font-size: var(--bf-sz-label) !important; color: var(--bf-ink) !important;
}

/* ─── E4-E5-E7 / SECTION HEADLINE — Instrument Serif centred + body ───── */
[data-template="bold-forms"][data-layout="section"] .bf-headline,
[data-template="bold-forms"][data-layout="content"] .bf-headline {
  font-family: var(--bf-font-serif) !important; font-size: var(--bf-sz-subhead) !important;
  line-height: 1.0 !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"][data-layout="section"] .bf-section-wrap {
  position: absolute !important; inset: 0 !important; display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important; text-align: center !important; padding: 0 200px !important;
}
[data-template="bold-forms"][data-layout="section"] .bf-section-wrap .bf-body {
  margin-top: 40px !important; max-width: 1200px !important;
}
[data-template="bold-forms"] .bf-body {
  font-family: var(--bf-font-body) !important; font-size: var(--bf-sz-body) !important;
  line-height: 1.45 !important; color: var(--bf-ink) !important;
}

/* ─── E6 / CONTENT — serif head + 3 subheader columns ──────────────────── */
[data-template="bold-forms"][data-layout="content"] .bf-cols {
  position: absolute !important; left: 128px !important; right: 128px !important; top: 520px !important;
  display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 64px !important;
}
[data-template="bold-forms"] .bf-col .bf-subhead {
  font-family: var(--bf-font-body) !important; font-weight: 400 !important; font-size: 34px !important; color: var(--bf-ink) !important;
  text-transform: uppercase !important; letter-spacing: 0.02em !important;
}
[data-template="bold-forms"] .bf-col .bf-col-body { margin-top: 16px; font-size: var(--bf-sz-label); line-height: 1.5; }

/* ─── E8 / FULL-BLEED IMAGE — photo fills canvas, ink overline label ───── */
[data-template="bold-forms"][data-layout="full-image"] > .slide-scale-inner { background: var(--bf-ink); }
[data-template="bold-forms"][data-layout="full-image"] .bf-img {
  position: absolute !important; inset: 0 !important; border: 0 !important; border-radius: 0 !important;
}
[data-template="bold-forms"][data-layout="full-image"] .bf-headline {
  position: absolute !important; left: 128px !important; top: 120px !important; color: var(--bf-white) !important; z-index: 2 !important;
}

/* ─── E9 / E14 IMAGE ROW — serif head + N bordered photo cards ─────────── */
[data-template="bold-forms"][data-layout="image-row"] .bf-headline {
  position: absolute !important; left: 0 !important; right: 0 !important; top: 130px !important; text-align: center !important;
}
[data-template="bold-forms"][data-layout="image-row"] .bf-row {
  position: absolute !important; left: 128px !important; right: 128px !important; top: 300px !important;
  display: grid !important; grid-auto-flow: column !important; grid-auto-columns: 1fr !important; gap: 56px !important; align-items: start !important;
}
[data-template="bold-forms"] .bf-row .bf-img { height: 420px; }
[data-template="bold-forms"] .bf-row .bf-cell-h {
  margin-top: 28px !important; font-family: var(--bf-font-body) !important; font-size: var(--bf-sz-body) !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"] .bf-row .bf-cell-b { margin-top: 12px; font-size: var(--bf-sz-label); line-height: 1.5; }

/* ─── METRICS — big Bowlby One numbers stacked, supporting copy right ──── */
[data-template="bold-forms"] .bf-metric {
  font-family: var(--bf-font-display) !important; font-size: 110px !important; line-height: 1.05 !important;
  letter-spacing: var(--bf-track-tight) !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"] .bf-metric-sm {
  font-family: var(--bf-font-display) !important; font-size: 64px !important; color: var(--bf-ink) !important;
}

/* ─── CLOSING — THANK YOU! wordmark + roster ───────────────────────────── */
[data-template="bold-forms"][data-layout="closing"] .bf-thanks {
  position: absolute !important; left: 128px !important; top: 120px !important; max-width: 1000px !important;
  font-family: var(--bf-font-display) !important; font-size: 200px !important; line-height: 0.92 !important;
  letter-spacing: var(--bf-track-tight) !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"][data-layout="closing"] .bf-roster {
  position: absolute !important; right: 128px !important; top: 220px !important; width: 640px !important;
  display: flex !important; flex-direction: column !important; gap: 56px !important;
}
[data-template="bold-forms"] .bf-roster .bf-roster-name {
  font-family: var(--bf-font-serif) !important; font-size: 44px !important; color: var(--bf-ink) !important;
}
[data-template="bold-forms"] .bf-roster .bf-roster-info { margin-top: 6px; font-size: var(--bf-sz-micro); opacity: 0.75; }

/* ─── 15-LAYOUT REGISTRY (1:1 figma sample) — Rainy 2026-06-17 ──── */
/* All photo slots — child <img> fills container, object-fit cover. Without
   this, AI emits naked <img> at natural pixel size (e.g. Pexels 1880×1300)
   and busts the absolute-positioned div. (Rainy 2026-06-17 phase 4.) */
[data-template="bold-forms"] .bf-cv-photo > img,
[data-template="bold-forms"] .bf-vs-photo > img,
[data-template="bold-forms"] .bf-pc-photo-1 > img,
[data-template="bold-forms"] .bf-pc-photo-2 > img,
[data-template="bold-forms"] .bf-pc-photo-3 > img,
[data-template="bold-forms"] .bf-tm-photo-1 > img,
[data-template="bold-forms"] .bf-tm-photo-2 > img,
[data-template="bold-forms"] .bf-tm-photo-3 > img,
[data-template="bold-forms"] .bf-tm-photo-4 > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
[data-template="bold-forms"][data-layout="cover"] .bf-cv-photo { position: absolute !important; left: 986px !important; top: 416px !important; width: 803px !important; height: 819px !important; border-radius: 126px !important; overflow: hidden !important }
[data-template="bold-forms"][data-layout="cover"] .bf-cv-title { position: absolute !important; left: 128px !important; top: 132px !important; width: 1776px !important; font-size: 150px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-word-top { position: absolute !important; left: 224px !important; top: -12px !important; width: 1680px !important; font-size: 300px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-word-bottom { position: absolute !important; left: 181px !important; top: 738px !important; width: 1723px !important; font-size: 300px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-item-1-h { position: absolute !important; left: 128px !important; top: 404px !important; width: 626px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-item-1-d { position: absolute !important; left: 128px !important; top: 463px !important; width: 626px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-item-2-h { position: absolute !important; left: 128px !important; top: 564px !important; width: 626px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-item-2-d { position: absolute !important; left: 128px !important; top: 623px !important; width: 626px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-item-3-h { position: absolute !important; left: 794px !important; top: 404px !important; width: 626px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-item-3-d { position: absolute !important; left: 794px !important; top: 463px !important; width: 626px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-item-4-h { position: absolute !important; left: 794px !important; top: 564px !important; width: 626px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-item-4-d { position: absolute !important; left: 794px !important; top: 623px !important; width: 626px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-item-5-h { position: absolute !important; left: 1460px !important; top: 404px !important; width: 444px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-item-5-d { position: absolute !important; left: 1460px !important; top: 463px !important; width: 444px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-item-6-h { position: absolute !important; left: 1460px !important; top: 564px !important; width: 444px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="index"] .bf-id-item-6-d { position: absolute !important; left: 1460px !important; top: 623px !important; width: 444px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-num-1 { position: absolute !important; left: 222px !important; top: 302px !important; width: 368px !important; font-size: 150px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-lbl-1 { position: absolute !important; left: 257px !important; top: 483px !important; width: 364px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-num-5 { position: absolute !important; left: 226px !important; top: 630px !important; width: 364px !important; font-size: 150px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-lbl-5 { position: absolute !important; left: 257px !important; top: 811px !important; width: 364px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-num-2 { position: absolute !important; left: 630px !important; top: 302px !important; width: 364px !important; font-size: 150px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-lbl-2 { position: absolute !important; left: 661px !important; top: 483px !important; width: 364px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-num-6 { position: absolute !important; left: 630px !important; top: 630px !important; width: 364px !important; font-size: 150px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-lbl-6 { position: absolute !important; left: 661px !important; top: 811px !important; width: 364px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-num-3 { position: absolute !important; left: 1034px !important; top: 302px !important; width: 365px !important; font-size: 150px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-lbl-3 { position: absolute !important; left: 1065px !important; top: 483px !important; width: 364px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-num-7 { position: absolute !important; left: 1034px !important; top: 630px !important; width: 364px !important; font-size: 150px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-lbl-7 { position: absolute !important; left: 1065px !important; top: 811px !important; width: 364px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-num-4 { position: absolute !important; left: 1439px !important; top: 302px !important; width: 465px !important; font-size: 150px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-lbl-4 { position: absolute !important; left: 1469px !important; top: 483px !important; width: 435px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-num-8 { position: absolute !important; left: 1438px !important; top: 630px !important; width: 466px !important; font-size: 150px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-lbl-8 { position: absolute !important; left: 1469px !important; top: 811px !important; width: 435px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-title { position: absolute !important; left: 808px !important; top: 127px !important; width: 1096px !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="agenda"] .bf-ag-page { position: absolute !important; left: 1800px !important; top: 1030px !important; width: 104px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="section"] .bf-sc-body { position: absolute !important; left: 64px !important; top: 612px !important; width: 1775px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="section"] .bf-sc-title { position: absolute !important; left: 301px !important; top: 416px !important; width: 1319px !important; font-size: 150px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="section"] .bf-sc-page { position: absolute !important; left: 1800px !important; top: 1030px !important; width: 104px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="section-split"] .bf-ss-body { position: absolute !important; left: 1013px !important; top: 520px !important; width: 777px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="section-split"] .bf-ss-title { position: absolute !important; left: 280px !important; top: 479px !important; width: 693px !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="section-split"] .bf-ss-page { position: absolute !important; left: 1800px !important; top: 1030px !important; width: 104px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="principles"] .bf-pr-title { position: absolute !important; left: 0px !important; top: 128px !important; width: 1920px !important; font-size: 120px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="principles"] .bf-pr-sub { position: absolute !important; left: 64px !important; top: 278px !important; width: 1787px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="principles"] .bf-pr-col1-h { position: absolute !important; left: 207px !important; top: 412px !important; width: 434px !important; font-size: 48px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.05 !important; font-family: "Instrument Serif", Georgia, serif !important; letter-spacing: 0 !important }
[data-template="bold-forms"][data-layout="principles"] .bf-pr-col1-b { position: absolute !important; left: 207px !important; top: 548px !important; width: 434px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="principles"] .bf-pr-col2-h { position: absolute !important; left: 744px !important; top: 412px !important; width: 434px !important; font-size: 48px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.05 !important; font-family: "Instrument Serif", Georgia, serif !important; letter-spacing: 0 !important }
[data-template="bold-forms"][data-layout="principles"] .bf-pr-col2-b { position: absolute !important; left: 744px !important; top: 548px !important; width: 434px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="principles"] .bf-pr-col3-h { position: absolute !important; left: 1281px !important; top: 412px !important; width: 434px !important; font-size: 48px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.05 !important; font-family: "Instrument Serif", Georgia, serif !important; letter-spacing: 0 !important }
[data-template="bold-forms"][data-layout="principles"] .bf-pr-col3-b { position: absolute !important; left: 1281px !important; top: 548px !important; width: 434px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="principles"] .bf-pr-page { position: absolute !important; left: 1800px !important; top: 1030px !important; width: 104px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="visibility"] .bf-vs-photo { position: absolute !important; left: 989px !important; top: 132px !important; width: 799px !important; height: 816px !important; border-radius: 0px 80px 80px 0px !important; overflow: hidden !important }
[data-template="bold-forms"][data-layout="visibility"] .bf-vs-title { position: absolute !important; left: 392px !important; top: 406px !important; width: 557px !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="visibility"] .bf-vs-body { position: absolute !important; left: 194px !important; top: 569px !important; width: 755px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="visibility"] .bf-vs-page { position: absolute !important; left: 1800px !important; top: 1030px !important; width: 104px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="text-block"] .bf-tb-title { position: absolute !important; left: 252px !important; top: 300px !important; width: 1534px !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="text-block"] .bf-tb-body { position: absolute !important; left: 252px !important; top: 467px !important; width: 1534px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.6 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="process"] .bf-pc-photo-1 { position: absolute !important; left: 129px !important; top: 295px !important; width: 519px !important; height: 254px !important; border-radius: 77px !important; overflow: hidden !important }
[data-template="bold-forms"][data-layout="process"] .bf-pc-photo-2 { position: absolute !important; left: 700px !important; top: 295px !important; width: 519px !important; height: 254px !important; border-radius: 77px !important; overflow: hidden !important }
[data-template="bold-forms"][data-layout="process"] .bf-pc-photo-3 { position: absolute !important; left: 1272px !important; top: 295px !important; width: 519px !important; height: 254px !important; border-radius: 77px !important; overflow: hidden !important }
[data-template="bold-forms"][data-layout="process"] .bf-pc-title { position: absolute !important; left: 780px !important; top: 114px !important; width: 1124px !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="process"] .bf-pc-col1-h { position: absolute !important; left: 128px !important; top: 591px !important; width: 531px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="process"] .bf-pc-col1-b { position: absolute !important; left: 128px !important; top: 666px !important; width: 531px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.208 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.24px !important }
[data-template="bold-forms"][data-layout="process"] .bf-pc-col2-h { position: absolute !important; left: 699px !important; top: 591px !important; width: 532px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="process"] .bf-pc-col2-b { position: absolute !important; left: 699px !important; top: 666px !important; width: 532px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.208 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.24px !important }
[data-template="bold-forms"][data-layout="process"] .bf-pc-col3-h { position: absolute !important; left: 1271px !important; top: 591px !important; width: 633px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="process"] .bf-pc-col3-b { position: absolute !important; left: 1271px !important; top: 666px !important; width: 633px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.208 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.24px !important }
[data-template="bold-forms"][data-layout="process"] .bf-pc-page { position: absolute !important; left: 1800px !important; top: 1030px !important; width: 104px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="numbers"] .bf-nm-num-1 { position: absolute !important; left: 90px !important; top: 235px !important; width: 1021px !important; font-size: 150px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="numbers"] .bf-nm-body-1 { position: absolute !important; left: 1151px !important; top: 282px !important; width: 679px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="numbers"] .bf-nm-num-2 { position: absolute !important; left: 90px !important; top: 477px !important; width: 1021px !important; font-size: 150px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="numbers"] .bf-nm-body-2 { position: absolute !important; left: 1151px !important; top: 524px !important; width: 679px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="numbers"] .bf-nm-num-3 { position: absolute !important; left: 90px !important; top: 719px !important; width: 1021px !important; font-size: 150px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="numbers"] .bf-nm-body-3 { position: absolute !important; left: 1151px !important; top: 766px !important; width: 679px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="numbers"] .bf-nm-title { position: absolute !important; left: 1610px !important; top: 89px !important; width: 294px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="numbers"] .bf-nm-page { position: absolute !important; left: 1788px !important; top: 1030px !important; width: 116px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col1-h { position: absolute !important; left: 171px !important; top: 386px !important; width: 530px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col1-b { position: absolute !important; left: 171px !important; top: 437px !important; width: 530px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.0 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col2-h { position: absolute !important; left: 741px !important; top: 386px !important; width: 531px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col2-b { position: absolute !important; left: 741px !important; top: 437px !important; width: 531px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.0 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col3-h { position: absolute !important; left: 1312px !important; top: 386px !important; width: 592px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col3-b { position: absolute !important; left: 1312px !important; top: 437px !important; width: 592px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.0 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col4-h { position: absolute !important; left: 1598px !important; top: 668px !important; width: 306px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col4-b { position: absolute !important; left: 1598px !important; top: 719px !important; width: 306px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.0 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col5-h { position: absolute !important; left: 1027px !important; top: 668px !important; width: 531px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col5-b { position: absolute !important; left: 1027px !important; top: 719px !important; width: 531px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.0 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col6-h { position: absolute !important; left: 457px !important; top: 668px !important; width: 530px !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col6-b { position: absolute !important; left: 457px !important; top: 719px !important; width: 530px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.0 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-title { position: absolute !important; left: 0px !important; top: 64px !important; width: 1920px !important; font-size: 150px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-page { position: absolute !important; left: 1788px !important; top: 1030px !important; width: 116px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-chart { position: absolute !important; left: 960px !important; top: 130px !important; width: 812px !important; height: 822px !important }
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-num-1 { position: absolute !important; left: 699px !important; top: 225px !important; width: 221px !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-lbl-1 { position: absolute !important; left: 699px !important; top: 385px !important; width: 221px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-num-2 { position: absolute !important; left: 699px !important; top: 704px !important; width: 221px !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-lbl-2 { position: absolute !important; left: 699px !important; top: 864px !important; width: 221px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-num-3 { position: absolute !important; left: 1493px !important; top: 457px !important; width: 411px !important; font-size: 120px !important; text-align: left !important; color: #FDB52A !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-lbl-3 { position: absolute !important; left: 1551px !important; top: 618px !important; width: 353px !important; font-size: 20px !important; text-align: left !important; color: #FDB52A !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-body { position: absolute !important; left: 98px !important; top: 506px !important; width: 822px !important; max-height: 144px !important; overflow: hidden !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-title { position: absolute !important; left: 98px !important; top: 348px !important; width: 822px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-page { position: absolute !important; left: 1788px !important; top: 1030px !important; width: 116px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-chart { position: absolute !important; left: 751px !important; top: 294px !important; width: 1041px !important; height: 605px !important }
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-num-1 { position: absolute !important; left: 797px !important; top: 605px !important; width: 218px !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-num-2 { position: absolute !important; left: 1055px !important; top: 334px !important; width: 228px !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-num-3 { position: absolute !important; left: 1323px !important; top: 605px !important; width: 231px !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-num-4 { position: absolute !important; left: 1594px !important; top: 173px !important; width: 310px !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-x-1 { position: absolute !important; left: 836px !important; top: 916px !important; width: 230px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-x-2 { position: absolute !important; left: 1106px !important; top: 916px !important; width: 228px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-x-3 { position: absolute !important; left: 1374px !important; top: 916px !important; width: 228px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-x-4 { position: absolute !important; left: 1642px !important; top: 916px !important; width: 262px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-title { position: absolute !important; left: 128px !important; top: 337px !important; width: 622px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; font-size: 120px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-body { position: absolute !important; left: 128px !important; top: 499px !important; width: 583px !important; max-height: 144px !important; overflow: hidden !important; font-size: 24px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-page { position: absolute !important; left: 1788px !important; top: 1030px !important; width: 116px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-photo-1 { position: absolute !important; left: 130px !important; top: 458px !important; width: 390px !important; height: 251px !important; border-radius: 64px 64px 0px 0px !important; overflow: hidden !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-photo-2 { position: absolute !important; left: 550px !important; top: 458px !important; width: 390px !important; height: 251px !important; border-radius: 64px 64px 0px 0px !important; overflow: hidden !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-photo-3 { position: absolute !important; left: 980px !important; top: 458px !important; width: 390px !important; height: 251px !important; border-radius: 64px 64px 0px 0px !important; overflow: hidden !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-photo-4 { position: absolute !important; left: 1400px !important; top: 458px !important; width: 390px !important; height: 251px !important; border-radius: 64px 64px 0px 0px !important; overflow: hidden !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-name-1 { position: absolute !important; left: 136px !important; top: 782px !important; width: 379px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-role-1 { position: absolute !important; left: 136px !important; top: 822px !important; width: 379px !important; font-size: 28px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.2 !important; letter-spacing: 1.4000000000000001px !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-name-2 { position: absolute !important; left: 550px !important; top: 782px !important; width: 391px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-name-3 { position: absolute !important; left: 986px !important; top: 782px !important; width: 379px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-name-4 { position: absolute !important; left: 1410px !important; top: 782px !important; width: 369px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-role-2 { position: absolute !important; left: 550px !important; top: 822px !important; width: 391px !important; font-size: 28px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.2 !important; letter-spacing: 1.4000000000000001px !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-role-3 { position: absolute !important; left: 986px !important; top: 822px !important; width: 379px !important; font-size: 28px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.2 !important; letter-spacing: 1.4000000000000001px !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-role-4 { position: absolute !important; left: 1366px !important; top: 822px !important; width: 458px !important; font-size: 28px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.2 !important; letter-spacing: 1.4000000000000001px !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-title { position: absolute !important; left: 178px !important; top: 29px !important; width: 1726px !important; font-size: 300px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="team"] .bf-tm-page { position: absolute !important; left: 1788px !important; top: 1030px !important; width: 116px !important; font-size: 20px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: 1.0px !important }
[data-template="bold-forms"][data-layout="closing"] .bf-cl-title { position: absolute !important; left: 24px !important; top: 34px !important; width: 1270px !important; font-size: 200px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.1 !important; font-family: "Bowlby One", system-ui, sans-serif !important; letter-spacing: 0.02em !important }
[data-template="bold-forms"][data-layout="closing"] .bf-cl-sub { position: absolute !important; left: 24px !important; top: 853px !important; width: 1348px !important; font-size: 90px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Instrument Serif", Georgia, serif !important }
[data-template="bold-forms"][data-layout="closing"] .bf-cl-name-1 { position: absolute !important; left: 1334px !important; top: 150px !important; width: 570px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="closing"] .bf-cl-info-1 { position: absolute !important; left: 1195px !important; top: 221px !important; width: 661px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="closing"] .bf-cl-name-2 { position: absolute !important; left: 1334px !important; top: 476px !important; width: 570px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="closing"] .bf-cl-info-2 { position: absolute !important; left: 1195px !important; top: 547px !important; width: 661px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }
[data-template="bold-forms"][data-layout="closing"] .bf-cl-name-3 { position: absolute !important; left: 1334px !important; top: 802px !important; width: 570px !important; font-size: 40px !important; text-align: left !important; color: #1E1E1E !important; line-height: 1.2 !important; font-family: "Questrial", system-ui, sans-serif !important; letter-spacing: -0.4px !important }
[data-template="bold-forms"][data-layout="closing"] .bf-cl-info-3 { position: absolute !important; left: 1195px !important; top: 873px !important; width: 661px !important; font-size: 24px !important; text-align: center !important; color: #1E1E1E !important; line-height: 1.5 !important; font-family: "Questrial", system-ui, sans-serif !important }


/* ═══════════════════════════════════════════════════════════════════════════
   D-form fallback — section-level bg
   ───────────────────────────────────────────────────────────────────────────
   Layout bg rules above target `> .slide-scale-inner`, but D-form decks
   (AI-gen via generate-modal → JsonRenderer.renderSlide) render slide
   section's direct child as `.obj-html` instead of `.slide-scale-inner`,
   so the bg selector misses and falls back to thumbWrap's inline white.
   Mirror each layout bg directly to the section element so D-form preview
   renders correct bg. Editor path (section > .slide-scale-inner) is
   unaffected because inner has inset:0 fully covering section bg paint.
   (Rainy 2026-06-22: batch fix after retro-modern proof-of-fix.)
   ═══════════════════════════════════════════════════════════════════════════ */
/* DEFAULT amber bg — all bold-forms layouts EXCEPT the 3 white-field
   variants + 1 ink-field. Spec rule
     `.slide > .slide-scale-inner { background: var(--bf-amber) }`
   defaults every layout to amber unless overridden. D-form section
   has no .slide-scale-inner child so that selector misses — section
   then renders white because there's no section-level amber rule.
   Mirror the default amber to section for every default-amber layout.
   (Rainy 2026-06-22: sidebar preview cover/numbers/chart-donut white.) */
[data-template="bold-forms"][data-layout="cover"],
[data-template="bold-forms"][data-layout="index"],
[data-template="bold-forms"][data-layout="agenda"],
[data-template="bold-forms"][data-layout="section"],
[data-template="bold-forms"][data-layout="section-split"],
[data-template="bold-forms"][data-layout="content"],
[data-template="bold-forms"][data-layout="principles"],
[data-template="bold-forms"][data-layout="visibility"],
[data-template="bold-forms"][data-layout="text-block"],
[data-template="bold-forms"][data-layout="process"],
[data-template="bold-forms"][data-layout="numbers"],
[data-template="bold-forms"][data-layout="roadmap"],
[data-template="bold-forms"][data-layout="chart-donut"],
[data-template="bold-forms"][data-layout="chart-bar"],
[data-template="bold-forms"][data-layout="team"],
[data-template="bold-forms"][data-layout="image-row"] {
  background: var(--bf-amber) !important;
}
[data-template="bold-forms"][data-layout="closing"],
[data-template="bold-forms"][data-layout="content-light"],
[data-template="bold-forms"][data-layout="index-light"] {
  background: var(--bf-white) !important;
}
[data-template="bold-forms"][data-layout="full-image"] {
  background: var(--bf-ink) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   chart-donut num-3 / lbl-3 — visibility fix (center in hole + outline)
   ───────────────────────────────────────────────────────────────────────────
   Spec position (left:1493 top:457 w:411 fs:120) overlaps the donut
   chart's right half (chart x:960-1772, center 1366, hole radius ~251).
   At amber color → invisible on amber bg. At ink color → invisible on
   the chart's ink segments. Fix:
     1. Move num-3 / lbl-3 to chart hole center (chart cx=1366, cy=541)
     2. Shrink num-3 font 120→90 so "100%" fits inside hole (~280px wide)
     3. ink color for amber-on-bg contrast
     4. Amber text-shadow outline as belt-and-braces in case data layout
        causes label to spill onto an ink segment
   (Rainy 2026-06-22: "也不太可以是黑色" — ink num-3 overlaps ink segment.)
   ═══════════════════════════════════════════════════════════════════════════ */
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-num-3 {
  left: 1226px !important;
  top: 480px !important;
  width: 280px !important;
  font-size: 90px !important;
  text-align: center !important;
  color: #1E1E1E !important;
  text-shadow:
    -2px -2px 0 #FDB52A, 2px -2px 0 #FDB52A,
    -2px  2px 0 #FDB52A, 2px  2px 0 #FDB52A,
     0   -3px 0 #FDB52A, 0    3px 0 #FDB52A,
    -3px  0   0 #FDB52A, 3px  0   0 #FDB52A !important;
}
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-lbl-3 {
  left: 1226px !important;
  top: 615px !important;
  width: 280px !important;
  text-align: center !important;
  color: #1E1E1E !important;
  text-shadow:
    -1px -1px 0 #FDB52A, 1px -1px 0 #FDB52A,
    -1px  1px 0 #FDB52A, 1px  1px 0 #FDB52A !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   closing — restore spec hierarchy (300px title, 120px sub, 24px info)
   ───────────────────────────────────────────────────────────────────────────
   Reverted earlier 150px/64px clamp — that broke the spec design where
   "THANK YOU!" is the dominant visual at 300px Bowlby One. Long titles
   are now prevented at the prompt level (≤ 2-3 words). Also restore
   .bf-cl-info-1/2/3 to spec 24px (the batch 24→40 body bump would
   otherwise blow them up to match name slots, killing the contact-list
   hierarchy). Title gets a max-height safety in case prompt slips.
   (Rainy 2026-06-22: closing "应该是图一这样" — restore figma layout.) */
[data-template="bold-forms"][data-layout="closing"] .bf-cl-title {
  max-height: 800px !important;
  overflow: hidden !important;
}
[data-template="bold-forms"][data-layout="closing"] .bf-cl-sub {
  /* spec position top:853 — slide height 1080, so 227px available. 120px
     Instrument Serif × 1.2 = 144px/line, so max 1 line fits without
     overflowing slide bottom. Safety clip in case model emits long
     tagline (it sometimes shoves the full deck title here). */
  max-height: 220px !important;
  overflow: hidden !important;
}
[data-template="bold-forms"][data-layout="closing"] .bf-cl-info-1,
[data-template="bold-forms"][data-layout="closing"] .bf-cl-info-2,
[data-template="bold-forms"][data-layout="closing"] .bf-cl-info-3 {
  font-size: 24px !important;
  line-height: 1.5 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   Body/description text size — 24px → 40px (design-token --bf-sz-body)
   ───────────────────────────────────────────────────────────────────────────
   Spec used label-size (24px) for body description slots, which reads tiny
   on 1920×1080 native canvas. Bump to --bf-sz-body=40px so descriptions are
   legible at deck-viewing distances. Line-height kept at 1.5 for breathing.
   (Rainy 2026-06-22: "content text 字体太小".)
   ═══════════════════════════════════════════════════════════════════════════ */
[data-template="bold-forms"][data-layout="chart-bar"] .bf-cb-body,
[data-template="bold-forms"][data-layout="chart-donut"] .bf-cd-body,
[data-template="bold-forms"][data-layout="closing"] .bf-cl-info-1,
[data-template="bold-forms"][data-layout="closing"] .bf-cl-info-2,
[data-template="bold-forms"][data-layout="closing"] .bf-cl-info-3,
[data-template="bold-forms"][data-layout="index"] .bf-id-item-1-d,
[data-template="bold-forms"][data-layout="index"] .bf-id-item-2-d,
[data-template="bold-forms"][data-layout="index"] .bf-id-item-3-d,
[data-template="bold-forms"][data-layout="index"] .bf-id-item-4-d,
[data-template="bold-forms"][data-layout="index"] .bf-id-item-5-d,
[data-template="bold-forms"][data-layout="index"] .bf-id-item-6-d,
[data-template="bold-forms"][data-layout="numbers"] .bf-nm-body-1,
[data-template="bold-forms"][data-layout="numbers"] .bf-nm-body-2,
[data-template="bold-forms"][data-layout="numbers"] .bf-nm-body-3,
[data-template="bold-forms"][data-layout="principles"] .bf-pr-sub,
[data-template="bold-forms"][data-layout="principles"] .bf-pr-col1-b,
[data-template="bold-forms"][data-layout="principles"] .bf-pr-col2-b,
[data-template="bold-forms"][data-layout="principles"] .bf-pr-col3-b,
[data-template="bold-forms"][data-layout="process"] .bf-pc-col1-b,
[data-template="bold-forms"][data-layout="process"] .bf-pc-col2-b,
[data-template="bold-forms"][data-layout="process"] .bf-pc-col3-b,
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col1-h,
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col2-h,
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col3-h,
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col4-h,
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col5-h,
[data-template="bold-forms"][data-layout="roadmap"] .bf-rm-col6-h,
[data-template="bold-forms"][data-layout="section"] .bf-sc-body,
[data-template="bold-forms"][data-layout="section-split"] .bf-ss-body,
[data-template="bold-forms"][data-layout="team"] .bf-tm-name-1,
[data-template="bold-forms"][data-layout="team"] .bf-tm-name-2,
[data-template="bold-forms"][data-layout="team"] .bf-tm-name-3,
[data-template="bold-forms"][data-layout="team"] .bf-tm-name-4,
[data-template="bold-forms"][data-layout="visibility"] .bf-vs-body {
  font-size: 40px !important;
  line-height: 1.4 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   cover — title 不可遮挡 photo
   ───────────────────────────────────────────────────────────────────────────
   Spec bf-cv-title width:1776 spans the full slide; bf-cv-photo sits at
   left:986 (image-left-edge). Short titles fit single-line so no clash,
   but multi-word titles ("The Creator Economy Report 2026") wrap 3-4
   lines vertically into the image area. Constrain title width to the
   slide-edge-to-image-left-edge column (858px) so any title length
   wraps within the photo-free column instead of over the image.
   (Rainy 2026-06-22: cover "heading 遮挡 image".)
   ═══════════════════════════════════════════════════════════════════════════ */
[data-template="bold-forms"][data-layout="cover"] .bf-cv-title {
  width: 858px !important;
}
