/* Auto-generated by scripts/extract-broadside-runtime.py botanical-blur — DO NOT hand-edit.
 * Source: html_gen_prompt.py _BOTANICAL_BLUR_EXTRA_TOKENS + _BOTANICAL_BLUR_STAT_CARD_CSS
 * Loaded by editor.html so editor + viewer render botanical-blur 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=Inter:wght@400;500;600;700;800&family=Xanh+Mono:ital@0;1&display=swap');

[data-template="botanical-blur"] {

  /* ─────────────────────────────────────────────────────────
     Botanical Blur — design tokens
     Coordinate system: 1920×1080 design canvas (NEVER vw/vh).
     Visual identity: quiet editorial — Gray ink on Mist / white
                      paper, rare Teal divider slides; Inter LIGHT;
                      display (weight 400) + Xanh Mono sub / number
                      roles; white botanical leaf / sprig / bloom;
                      line-art with a hand-drawn wobble.
     ───────────────────────────────────────────────────────── */
  /* ── PALETTE — 3 colors + B/W + 1 placeholder ── */
  --bb-gray: #595E62 !important; /* dominant text / ink                     */
  --bb-mist: #DFDFDF !important; /* mist bg + muted text                    */
  --bb-teal: #24565E !important; /* divider-slide bg ONLY — never text      */
  --bb-white: #FFFFFF !important; /* white bg + ink-on-dark                  */
  --bb-black: #000000 !important; /* E7 three-points subheads only           */
  --bb-image-grey: transparent !important; /* placeholder transparent — dev-only design-spec used #D9D9D9 to mark image slot positions (Rainy 2026-06-25) */

  /* ── TYPOGRAPHY — Inter (structural) + Xanh Mono (sub / number) ── */
  --bb-font-display: 'Inter', system-ui, sans-serif !important; /* display / heading / body / label */
  --bb-font-mono: 'Xanh Mono', ui-monospace, monospace !important; /* subhead / subtitle / number */
  /* Cross-template aliases */
  --font-heading: 'Inter', system-ui, sans-serif !important;
  --font-body: 'Inter', system-ui, sans-serif !important;

  /* ── TYPE SCALE — 1920×1080 px (matches design-spec section B) ── */
  --bb-sz-headline: 100px !important; /* headline / title — Inter LIGHT 400       */
  --bb-sz-subhead: 70px !important; /* Xanh Mono subhead / subtitle / slide #   */
  --bb-sz-label: 60px !important; /* metric column labels — Inter 500         */
  --bb-sz-bodybig: 48px !important; /* big word-grid items — Inter 500          */
  --bb-sz-body: 28px !important; /* body copy                                */
  --bb-track-tight: -0.04em !important; /* headline / subhead / body (tight-neg)    */
  --bb-track-label: -0.03em !important; /* label                                    */
  --bb-track-bodybig: -0.02em !important; /* body-large                             */
}


/* ═══════════════════════════════════════════════════════════════════════════
   BOTANICAL BLUR — Slide-production component CSS
   Canvas: 1920×1080. ALL sizes in canvas pixels (NEVER vw / vh).
   1:1 with the verified design-deck JSON (E1–E11 + chart). Source of truth:
   ~/Downloads/botanical-blur/botanical-blur-design-spec.html
   ALL selectors scoped under [data-template="botanical-blur"] — never bare.
   Class names use bb- prefix with PER-LAYOUT 2-letter sub-prefix:
     cv = cover        · st = section-teal · sc = section
     sa = section-teal-alt · mg = metric-grid · wg = word-grid
     tp = three-points · sm = statement    · il = image-left
     ir = image-right  · ch = chart        · cl = closing
   Every slot has its OWN unique class with self-contained absolute
   position so HTML→JSON converter (_lookup_class_props) can resolve
   exactly one rule per element. Compound `[data-layout=X] .bb-Y`
   selectors are FORBIDDEN — converter merges all rules sharing the
   rightmost class, breaking position. (Rainy 2026-06-11.)
   ALL text is text-align: left (left-edge x=38/40 gutter) !important; the type is;
   anchored to the spec's exact x/y/width — headline width is the FULL
   spec width so a 1-line headline never wraps over the subhead below.
   Palette: Gray #595E62 / Mist #DFDFDF / Teal #24565E / White #FFFFFF
   / Black #000000 / image-grey #D9D9D9 (+ chart palette) — NEVER any
   other colour outside this set.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── ROOT / BASE ─────────────────────────────────────────────────────── */
[data-template="botanical-blur"].slide,
[data-template="botanical-blur"] .slide {
  background: transparent !important;
  font-family: var(--bb-font-display) !important;
  color: var(--bb-gray) !important;
  position: relative !important;
  overflow: hidden !important;
}
[data-template="botanical-blur"] .slide > .slide-scale-inner,
[data-template="botanical-blur"].slide > .slide-scale-inner {
  /* NEVER set `position` here. The editor's _ensureHtmlSlideScaleWrapper sets the
   * inner INLINE to position:absolute + a centering translate + scale(fit); the
   * runtime-CSS mirror forces !important, so a position:* here would override that
   * inline absolute and leave the slide unscaled in a corner. width/height ARE set
   * so the 1920×1080 canvas has dimensions in the viewer / dashboard srcdoc +
   * thumbnail contexts (deck-engine.js doesn't run there); in the editor they match
   * the inline size, so no conflict. */
  width: 1920px !important; height: 1080px !important; overflow: hidden !important;
  background: var(--bb-white) !important;
}
/* Teal divider slides (E2 / E4). */
[data-template="botanical-blur"][data-layout="section-teal"] > .slide-scale-inner,
[data-template="botanical-blur"][data-layout="section-teal-alt"] > .slide-scale-inner {
  background: var(--bb-teal) !important;
}
/* Mist slides (E5 / E6 / E7 / E8 + chart). */
[data-template="botanical-blur"][data-layout="metric-grid"] > .slide-scale-inner,
[data-template="botanical-blur"][data-layout="word-grid"] > .slide-scale-inner,
[data-template="botanical-blur"][data-layout="three-points"] > .slide-scale-inner,
[data-template="botanical-blur"][data-layout="statement"] > .slide-scale-inner,
[data-template="botanical-blur"][data-layout="chart"] > .slide-scale-inner {
  background: var(--bb-mist) !important;
}
[data-template="botanical-blur"] h1, [data-template="botanical-blur"] h2,
[data-template="botanical-blur"] h3, [data-template="botanical-blur"] h4 {
  margin: 0 !important; font-family: var(--bb-font-display) !important; font-weight: 400 !important;
  letter-spacing: -0.01em !important; line-height: 1.15 !important;
}
[data-template="botanical-blur"] p, [data-template="botanical-blur"] li {
  margin: 0 !important; font-family: var(--bb-font-display) !important; font-weight: 400 !important;
  letter-spacing: -0.01em !important; line-height: 1.3 !important;
}

/* ─── E1 / cover (cv) · white bg ──────────────────────────────────────── */
[data-template="botanical-blur"] .bb-cv-title {
  position: absolute !important; left: 38px !important; top: 71px !important; width: 1866px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 100px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-cv-typelabel {
  position: absolute !important; left: 38px !important; top: 972px !important; width: 1161px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-cv-date {
  position: absolute !important; left: 1239px !important; top: 968px !important; width: 665px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-cv-shape1 {
  position: absolute !important; left: 1480px !important; top: 90px !important; width: 200px !important; height: 320px !important;
  z-index: 2 !important;
}
[data-template="botanical-blur"] .bb-cv-shape2 {
  position: absolute !important; left: 1640px !important; top: 560px !important; width: 220px !important; height: 360px !important;
  z-index: 2 !important;
}
[data-template="botanical-blur"] .bb-cv-shape3 {
  position: absolute !important; left: 700px !important; top: 470px !important; width: 200px !important; height: 300px !important;
  z-index: 2 !important;
}

/* ─── E2 / section-teal (st) · teal bg · headline + subtitle + body + # ── */
[data-template="botanical-blur"] .bb-st-title {
  position: absolute !important; left: 38px !important; top: 71px !important; width: 1866px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 100px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #FFFFFF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-st-subtitle {
  position: absolute !important; left: 38px !important; top: 510px !important; width: 1866px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #FFFFFF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-st-body {
  position: absolute !important; left: 38px !important; top: 691px !important; width: 1866px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 28px !important;
  text-align: left !important; letter-spacing: 0 !important; line-height: 1.3 !important;
  color: #FFFFFF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-st-num {
  position: absolute !important; left: 1850px !important; top: 988px !important; width: 100px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #FFFFFF !important; z-index: 5 !important;
}
[data-template="botanical-blur"] .bb-st-shape {
  position: absolute !important; left: 90px !important; top: 700px !important; width: 220px !important; height: 360px !important;
  z-index: 2 !important;
}

/* ─── E3 / section (sc) · white bg, quiet tonal ───────────────────────── */
[data-template="botanical-blur"] .bb-sc-title {
  position: absolute !important; left: 38px !important; top: 71px !important; width: 1866px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 100px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-sc-sub {
  position: absolute !important; left: 38px !important; top: 988px !important; width: 1772px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-sc-num {
  position: absolute !important; left: 1850px !important; top: 988px !important; width: 100px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 5 !important;
}
[data-template="botanical-blur"] .bb-sc-shape1 {
  position: absolute !important; left: 1560px !important; top: 120px !important; width: 220px !important; height: 360px !important;
  z-index: 2 !important;
}
[data-template="botanical-blur"] .bb-sc-shape2 {
  position: absolute !important; left: 1500px !important; top: 640px !important; width: 200px !important; height: 300px !important;
  z-index: 2 !important;
}

/* ─── E4 / section-teal-alt (sa) · teal bg · headline + long subhead ───── */
[data-template="botanical-blur"] .bb-sa-title {
  position: absolute !important; left: 38px !important; top: 71px !important; width: 1866px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 100px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #FFFFFF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-sa-sub {
  position: absolute !important; left: 38px !important; top: 471px !important; width: 1866px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #FFFFFF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-sa-num {
  position: absolute !important; left: 1850px !important; top: 988px !important; width: 100px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #FFFFFF !important; z-index: 5 !important;
}
[data-template="botanical-blur"] .bb-sa-shape {
  position: absolute !important; left: 90px !important; top: 700px !important; width: 220px !important; height: 360px !important;
  z-index: 2 !important;
}

/* ─── E5 / metric-grid (mg) · mist bg · 2×2 metric cells ──────────────── */
[data-template="botanical-blur"] .bb-mg-title {
  position: absolute !important; left: 815px !important; top: 53px !important; width: 1089px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 100px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-mg-label-1 {
  position: absolute !important; left: 815px !important; top: 244px !important; width: 412px !important;
  font-family: var(--bb-font-display) !important; font-weight: 500 !important; font-size: 60px !important;
  text-align: left !important; letter-spacing: 0 !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-mg-label-2 {
  position: absolute !important; left: 1267px !important; top: 244px !important; width: 637px !important;
  font-family: var(--bb-font-display) !important; font-weight: 500 !important; font-size: 60px !important;
  text-align: left !important; letter-spacing: 0 !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-mg-body-1 {
  position: absolute !important; left: 815px !important; top: 326px !important; width: 412px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 28px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-mg-body-2 {
  position: absolute !important; left: 1267px !important; top: 326px !important; width: 637px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 28px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-mg-label-3 {
  position: absolute !important; left: 815px !important; top: 547px !important; width: 412px !important;
  font-family: var(--bb-font-display) !important; font-weight: 500 !important; font-size: 60px !important;
  text-align: left !important; letter-spacing: 0 !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-mg-label-4 {
  position: absolute !important; left: 1267px !important; top: 547px !important; width: 637px !important;
  font-family: var(--bb-font-display) !important; font-weight: 500 !important; font-size: 60px !important;
  text-align: left !important; letter-spacing: 0 !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-mg-body-3 {
  position: absolute !important; left: 815px !important; top: 629px !important; width: 412px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 28px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-mg-body-4 {
  position: absolute !important; left: 1267px !important; top: 629px !important; width: 637px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 28px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-mg-num {
  position: absolute !important; left: 1850px !important; top: 988px !important; width: 100px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 5 !important;
}

/* ─── E6 / word-grid (wg) · mist bg · 3×2 big-word cells ──────────────── */
[data-template="botanical-blur"] .bb-wg-title {
  position: absolute !important; left: 40px !important; top: 41px !important; width: 1864px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 100px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-wg-1 {
  position: absolute !important; left: 234px !important; top: 322px !important; width: 510px !important;
  font-family: var(--bb-font-display) !important; font-weight: 500 !important; font-size: 48px !important;
  text-align: left !important; letter-spacing: 0 !important; line-height: 1.2 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-wg-2 {
  position: absolute !important; left: 784px !important; top: 322px !important; width: 510px !important;
  font-family: var(--bb-font-display) !important; font-weight: 500 !important; font-size: 48px !important;
  text-align: left !important; letter-spacing: 0 !important; line-height: 1.2 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-wg-3 {
  position: absolute !important; left: 1334px !important; top: 322px !important; width: 570px !important;
  font-family: var(--bb-font-display) !important; font-weight: 500 !important; font-size: 48px !important;
  text-align: left !important; letter-spacing: 0 !important; line-height: 1.2 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-wg-4 {
  position: absolute !important; left: 234px !important; top: 470px !important; width: 510px !important;
  font-family: var(--bb-font-display) !important; font-weight: 500 !important; font-size: 48px !important;
  text-align: left !important; letter-spacing: 0 !important; line-height: 1.2 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-wg-5 {
  position: absolute !important; left: 784px !important; top: 470px !important; width: 510px !important;
  font-family: var(--bb-font-display) !important; font-weight: 500 !important; font-size: 48px !important;
  text-align: left !important; letter-spacing: 0 !important; line-height: 1.2 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-wg-6 {
  position: absolute !important; left: 1334px !important; top: 470px !important; width: 570px !important;
  font-family: var(--bb-font-display) !important; font-weight: 500 !important; font-size: 48px !important;
  text-align: left !important; letter-spacing: 0 !important; line-height: 1.2 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-wg-num {
  position: absolute !important; left: 1850px !important; top: 988px !important; width: 100px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 5 !important;
}

/* ─── E7 / three-points (tp) · mist bg · 3 columns ────────────────────── */
[data-template="botanical-blur"] .bb-tp-title {
  position: absolute !important; left: 40px !important; top: 37px !important; width: 1864px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 100px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-tp-sub-1 {
  position: absolute !important; left: 40px !important; top: 424px !important; width: 570px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #000000 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-tp-sub-2 {
  position: absolute !important; left: 650px !important; top: 424px !important; width: 570px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #000000 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-tp-sub-3 {
  position: absolute !important; left: 1260px !important; top: 424px !important; width: 644px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #000000 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-tp-body-1 {
  position: absolute !important; left: 40px !important; top: 608px !important; width: 570px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 28px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-tp-body-2 {
  position: absolute !important; left: 650px !important; top: 608px !important; width: 570px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 28px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-tp-body-3 {
  position: absolute !important; left: 1260px !important; top: 608px !important; width: 644px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 28px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-tp-num {
  position: absolute !important; left: 1850px !important; top: 988px !important; width: 100px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 5 !important;
}

/* ─── E8 / statement (sm) · mist bg ───────────────────────────────────── */
[data-template="botanical-blur"] .bb-sm-title {
  position: absolute !important; left: 40px !important; top: 75px !important; width: 1864px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 100px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-sm-sub {
  position: absolute !important; left: 148px !important; top: 293px !important; width: 1756px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #DFDFDF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-sm-body {
  position: absolute !important; left: 148px !important; top: 553px !important; width: 1756px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 28px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #DFDFDF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-sm-num {
  position: absolute !important; left: 1850px !important; top: 988px !important; width: 100px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 5 !important;
}

/* ─── E9 / image-left (il) · white bg · left full-height photo ─────────── */
[data-template="botanical-blur"] .bb-il-photo {
  position: absolute !important; left: 0 !important; top: 0 !important; width: 1006px !important; height: 1080px !important;
  background: transparent !important; overflow: hidden !important; z-index: 2 !important;
}
[data-template="botanical-blur"] .bb-il-photo > img {
  width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important;
}
[data-template="botanical-blur"] .bb-il-headline {
  position: absolute !important; left: 1126px !important; top: 75px !important; width: 778px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 100px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-il-sub {
  position: absolute !important; left: 1126px !important; top: 332px !important; width: 778px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-il-body {
  position: absolute !important; left: 1126px !important; top: 584px !important; width: 778px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 28px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-il-num {
  position: absolute !important; left: 1850px !important; top: 988px !important; width: 100px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 5 !important;
}

/* ─── E10 / image-right (ir) · white bg · right full-height photo ──────── */
[data-template="botanical-blur"] .bb-ir-photo {
  position: absolute !important; left: 845px !important; top: 0 !important; width: 1075px !important; height: 1080px !important;
  background: transparent !important; overflow: hidden !important; z-index: 2 !important;
}
[data-template="botanical-blur"] .bb-ir-photo > img {
  width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important;
}
[data-template="botanical-blur"] .bb-ir-headline {
  position: absolute !important; left: 40px !important; top: 68px !important; width: 765px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 100px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-ir-sub {
  position: absolute !important; left: 40px !important; top: 332px !important; width: 765px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-ir-body {
  position: absolute !important; left: 40px !important; top: 584px !important; width: 765px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 28px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.3 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-ir-num {
  position: absolute !important; left: 1813px !important; top: 991px !important; width: 100px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 5 !important;
}
[data-template="botanical-blur"] .bb-ir-shape {
  position: absolute !important; left: 1740px !important; top: 700px !important; width: 220px !important; height: 360px !important;
  z-index: 4 !important;
}

/* ─── chart (ch) · mist bg · Gray headline + Chart.js host ────────────── */
[data-template="botanical-blur"] .bb-ch-title {
  position: absolute !important; left: 40px !important; top: 75px !important; width: 1864px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 100px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-ch-host {
  position: absolute !important; left: 40px !important; top: 300px !important; width: 1840px !important; height: 680px !important;
  background: transparent !important; z-index: 2 !important;
}
[data-template="botanical-blur"] .bb-ch-host canvas {
  width: 100% !important; height: 100% !important;
}
[data-template="botanical-blur"] .bb-ch-num {
  position: absolute !important; left: 1850px !important; top: 988px !important; width: 100px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #595E62 !important; z-index: 5 !important;
}

/* ─── E11 / closing (cl) · white bg ───────────────────────────────────── */
[data-template="botanical-blur"] .bb-cl-title {
  position: absolute !important; left: 40px !important; top: 749px !important; width: 1864px !important;
  font-family: var(--bb-font-display) !important; font-weight: 400 !important; font-size: 100px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 3 !important;
}
[data-template="botanical-blur"] .bb-cl-num {
  position: absolute !important; left: 1818px !important; top: 988px !important; width: 100px !important;
  font-family: var(--bb-font-mono) !important; font-weight: 400 !important; font-size: 70px !important;
  text-align: left !important; letter-spacing: -0.01em !important; line-height: 1.15 !important;
  color: #DFDFDF !important; z-index: 5 !important;
}
[data-template="botanical-blur"] .bb-cl-shape {
  position: absolute !important; left: 860px !important; top: 300px !important; width: 200px !important; height: 300px !important;
  z-index: 2 !important;
}


/* ─── 11-LAYOUT REGISTRY (1:1 figma sample) — Rainy 2026-06-17 ──── */
[data-template="botanical-blur"][data-layout="cover"] .bb-cv-typelabel { position: absolute !important; left: 38px !important; top: 973px !important; width: 1161px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="cover"] .bb-cv-date { position: absolute !important; left: 1239px !important; top: 969px !important; width: 665px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="cover"] .bb-cv-title { position: absolute !important; left: 38px !important; top: 71px !important; width: 1866px !important; font-size: 100px !important; text-align: left !important; color: white !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="section-teal"] .bb-st-subtitle { position: absolute !important; left: 38px !important; top: 511px !important; width: 1866px !important; font-size: 70px !important; text-align: left !important; color: white !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="section-teal"] .bb-st-title { position: absolute !important; left: 38px !important; top: 691px !important; width: 1866px !important; font-size: 28px !important; text-align: left !important; color: white !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="section-teal"] .bb-st-body { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: white !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="section-teal"] .bb-st-num { position: absolute !important; left: 38px !important; top: 71px !important; width: 1866px !important; font-size: 100px !important; text-align: left !important; color: white !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="section"] .bb-sc-num { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="section"] .bb-sc-subhead { position: absolute !important; left: 38px !important; top: 989px !important; width: 1772px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="section"] .bb-sc-headline { position: absolute !important; left: 38px !important; top: 71px !important; width: 1866px !important; font-size: 100px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="headline-dark"] .bb-hd-subtitle { position: absolute !important; left: 38px !important; top: 472px !important; width: 1866px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="headline-dark"] .bb-hd-title { position: absolute !important; left: 38px !important; top: 71px !important; width: 1866px !important; font-size: 100px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-title { position: absolute !important; left: 815px !important; top: 245px !important; width: 412px !important; font-size: 60px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.8px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-sub-1 { position: absolute !important; left: 815px !important; top: 326px !important; width: 412px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-body-1 { position: absolute !important; left: 815px !important; top: 548px !important; width: 412px !important; font-size: 60px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.8px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-sub-2 { position: absolute !important; left: 815px !important; top: 629px !important; width: 412px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-body-2 { position: absolute !important; left: 1267px !important; top: 245px !important; width: 637px !important; font-size: 60px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.8px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-sub-3 { position: absolute !important; left: 1267px !important; top: 326px !important; width: 637px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-body-3 { position: absolute !important; left: 1267px !important; top: 548px !important; width: 637px !important; font-size: 60px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.8px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-sub-4 { position: absolute !important; left: 1267px !important; top: 629px !important; width: 637px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-body-4 { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-num { position: absolute !important; left: 815px !important; top: 53px !important; width: 1089px !important; font-size: 100px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-title { position: absolute !important; left: 234px !important; top: 323px !important; width: 510px !important; font-size: 48px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -0.96px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-word-1 { position: absolute !important; left: 784px !important; top: 323px !important; width: 510px !important; font-size: 48px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -0.96px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-word-2 { position: absolute !important; left: 1334px !important; top: 323px !important; width: 570px !important; font-size: 48px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -0.96px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-word-3 { position: absolute !important; left: 234px !important; top: 471px !important; width: 510px !important; font-size: 48px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -0.96px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-word-4 { position: absolute !important; left: 784px !important; top: 471px !important; width: 510px !important; font-size: 48px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -0.96px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-word-5 { position: absolute !important; left: 1334px !important; top: 471px !important; width: 570px !important; font-size: 48px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -0.96px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-word-6 { position: absolute !important; left: 40px !important; top: 41px !important; width: 1864px !important; font-size: 100px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-num { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-headline { position: absolute !important; left: 40px !important; top: 425px !important; width: 570px !important; font-size: 70px !important; text-align: left !important; color: black !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-sub-1 { position: absolute !important; left: 40px !important; top: 608px !important; width: 570px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-body-1 { position: absolute !important; left: 650px !important; top: 425px !important; width: 570px !important; font-size: 70px !important; text-align: left !important; color: black !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-sub-2 { position: absolute !important; left: 650px !important; top: 608px !important; width: 570px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-body-2 { position: absolute !important; left: 1260px !important; top: 425px !important; width: 644px !important; font-size: 70px !important; text-align: left !important; color: black !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-sub-3 { position: absolute !important; left: 1260px !important; top: 608px !important; width: 644px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-body-3 { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-num { position: absolute !important; left: 40px !important; top: 37px !important; width: 1864px !important; font-size: 100px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="text-block"] .bb-tb-title { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="text-block"] .bb-tb-subhead { position: absolute !important; left: 148px !important; top: 553px !important; width: 1756px !important; font-size: 28px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="text-block"] .bb-tb-body { position: absolute !important; left: 148px !important; top: 294px !important; width: 1756px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="text-block"] .bb-tb-num { position: absolute !important; left: 40px !important; top: 75px !important; width: 1864px !important; font-size: 100px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-photo { position: absolute !important; left: 0px !important; top: 0px !important; width: 1006px !important; height: 1080px !important; overflow: hidden !important }
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-headline { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-subhead { position: absolute !important; left: 1126px !important; top: 584px !important; width: 778px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-body { position: absolute !important; left: 1126px !important; top: 333px !important; width: 778px !important; font-size: 70px !important; text-align: left !important; color: #595E62 !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-num { position: absolute !important; left: 1126px !important; top: 75px !important; width: 778px !important; font-size: 100px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="image-right"] .bb-ir-photo { position: absolute !important; left: 845px !important; top: 0px !important; width: 1075px !important; height: 1080px !important; overflow: hidden !important }
[data-template="botanical-blur"][data-layout="image-right"] .bb-ir-headline { position: absolute !important; left: 1813px !important; top: 992px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="image-right"] .bb-ir-subtitle { position: absolute !important; left: 40px !important; top: 333px !important; width: 765px !important; font-size: 70px !important; text-align: left !important; color: #595E62 !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="image-right"] .bb-ir-body { position: absolute !important; left: 40px !important; top: 584px !important; width: 765px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="image-right"] .bb-ir-num { position: absolute !important; left: 40px !important; top: 68px !important; width: 765px !important; font-size: 100px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="closing"] .bb-cl-num { position: absolute !important; left: 1818px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="closing"] .bb-cl-headline { position: absolute !important; left: 40px !important; top: 749px !important; width: 1864px !important; font-size: 100px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.15 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }

/* ─── Per-layout SVG background (Rainy 2026-06-18) ────────────────────
   Each botanical-blur layout has a corresponding teal-blur + monstera
   leaf SVG in /samples/botanical-blur-figma/assets/. Without these,
   AI-gen decks render as plain white slides because AI doesn't emit the
   decorative artwork. The ::before pseudo-element paints the SVG behind
   all text content (z-index: 0). Text slots in this file are not given
   explicit z-index so they stack above via document order; if any later
   rule needs to layer below the bg, set z-index: -1 on it. */
[data-template="botanical-blur"] > .slide-scale-inner {
  position: relative !important;
}
[data-template="botanical-blur"][data-layout="cover"] > .slide-scale-inner::before,
[data-template="botanical-blur"][data-layout="section-teal"] > .slide-scale-inner::before,
[data-template="botanical-blur"][data-layout="section"] > .slide-scale-inner::before,
[data-template="botanical-blur"][data-layout="headline-dark"] > .slide-scale-inner::before,
[data-template="botanical-blur"][data-layout="agenda-4"] > .slide-scale-inner::before,
[data-template="botanical-blur"][data-layout="agenda-6"] > .slide-scale-inner::before,
[data-template="botanical-blur"][data-layout="three-points"] > .slide-scale-inner::before,
[data-template="botanical-blur"][data-layout="text-block"] > .slide-scale-inner::before,
[data-template="botanical-blur"][data-layout="image-left"] > .slide-scale-inner::before,
[data-template="botanical-blur"][data-layout="image-right"] > .slide-scale-inner::before,
[data-template="botanical-blur"][data-layout="closing"] > .slide-scale-inner::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
[data-template="botanical-blur"][data-layout="cover"]        > .slide-scale-inner::before { background-image: url('/samples/botanical-blur-figma/assets/slide-1.svg') !important; }
[data-template="botanical-blur"][data-layout="section-teal"] > .slide-scale-inner::before { background-image: url('/samples/botanical-blur-figma/assets/slide-2.svg') !important; }
[data-template="botanical-blur"][data-layout="section"]      > .slide-scale-inner::before { background-image: url('/samples/botanical-blur-figma/assets/slide-3.svg') !important; }
[data-template="botanical-blur"][data-layout="headline-dark"]> .slide-scale-inner::before { background-image: url('/samples/botanical-blur-figma/assets/slide-4.svg') !important; }
[data-template="botanical-blur"][data-layout="agenda-4"]     > .slide-scale-inner::before { background-image: url('/samples/botanical-blur-figma/assets/slide-5.svg') !important; }
[data-template="botanical-blur"][data-layout="agenda-6"]     > .slide-scale-inner::before { background-image: url('/samples/botanical-blur-figma/assets/slide-6.svg') !important; }
[data-template="botanical-blur"][data-layout="three-points"] > .slide-scale-inner::before { background-image: url('/samples/botanical-blur-figma/assets/slide-7.svg') !important; }
[data-template="botanical-blur"][data-layout="text-block"]   > .slide-scale-inner::before { background-image: url('/samples/botanical-blur-figma/assets/slide-8.svg') !important; }
[data-template="botanical-blur"][data-layout="image-left"]   > .slide-scale-inner::before { background-image: url('/samples/botanical-blur-figma/assets/slide-9.svg') !important; }
[data-template="botanical-blur"][data-layout="image-right"]  > .slide-scale-inner::before { background-image: url('/samples/botanical-blur-figma/assets/slide-10.svg') !important; }
[data-template="botanical-blur"][data-layout="closing"]      > .slide-scale-inner::before { background-image: url('/samples/botanical-blur-figma/assets/slide-11.svg') !important; }

/* All text slots above the bg layer (z-index: 1 default; CSS rules with
   position:absolute that don't specify z-index sit at auto = 0). Make
   slot positions explicit so they layer above ::before. */
[data-template="botanical-blur"] [class^="bb-"] { z-index: 1 !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.)
   ═══════════════════════════════════════════════════════════════════════════ */
[data-template="botanical-blur"][data-layout="section-teal"],
[data-template="botanical-blur"][data-layout="section-teal-alt"] {
  background: var(--bb-teal) !important;
}
[data-template="botanical-blur"][data-layout="chart"],
[data-template="botanical-blur"][data-layout="metric-grid"],
[data-template="botanical-blur"][data-layout="statement"],
[data-template="botanical-blur"][data-layout="three-points"],
[data-template="botanical-blur"][data-layout="word-grid"] {
  background: var(--bb-mist) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   agenda-4 — font-size correction (model-usage fix)
   ───────────────────────────────────────────────────────────────────────────
   The figma autoname class layout is semantically inverted vs how the model
   actually populates the slots:
     - bb-a4-title (60px, narrow 412) — spec: digit "01" — model often puts
       page-title text ("Agenda"). 60px short title fits, leave it.
     - bb-a4-body-1/2/3 (60px, narrow 412 / 637) — spec: digit "02"/"03"/"04"
       — model puts description sentences. 60px in 412-width column wraps
       10+ lines → overflows down past the next sub slot. Drop to 28px so
       any content (digit OR description) fits without overflow.
     - bb-a4-sub-1/2/3/4 (28px) — spec + model both small. No change.
     - bb-a4-num (100px) — spec: page-title "Agenda" — model puts
       page-number digit ("2"). 100px digit on its own row is fine, no change.
   (Rainy 2026-06-22: AI-gen botanical agenda 文字 60px 多行重叠下方 sub.)
   Long-term root fix: rename class to match semantic intent (bb-a4-desc-*
   for description, bb-a4-num-* for digit) and sync prompt example.
   ═══════════════════════════════════════════════════════════════════════════ */
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-body-1,
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-body-2,
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-body-3 {
  font-size: 28px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
}


/* ═════════════════════════════════════════════════════════════════════════
   D-form semantic alias classes
   ─────────────────────────────────────────────────────────────────────────
   Botanical-blur class names follow figma autoname (title/body/num/sub),
   which is INVERTED vs how an LLM reads class names. e.g. .bb-a4-title is a
   60px digit slot but the model sees "title" and stuffs the page heading.
   These semantic aliases (.bb-X-pagetitle, .bb-X-num-N, .bb-X-desc-N) map
   1:1 to the existing figma-autoname slots — prompt examples emit ONLY the
   semantic names so the model auto-fills the right content. Old class names
   stay intact so figma-sample preview decks keep rendering.
   (Rainy 2026-06-22: AI-gen botanical layout reversal — root fix.)
   ═════════════════════════════════════════════════════════════════════════ */

/* --- cover --- */
[data-template="botanical-blur"][data-layout="cover"] .bb-cv-pagetitle { position: absolute !important; left: 38px !important; top: 71px !important; width: 1866px !important; font-size: 100px !important; text-align: left !important; color: white !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }

/* --- section-teal --- */
[data-template="botanical-blur"][data-layout="section-teal"] .bb-st-pagetitle { position: absolute !important; left: 38px !important; top: 71px !important; width: 1866px !important; font-size: 100px !important; text-align: left !important; color: white !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="section-teal"] .bb-st-desc { position: absolute !important; left: 38px !important; top: 691px !important; width: 1866px !important; font-size: 28px !important; text-align: left !important; color: white !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="section-teal"] .bb-st-pagenum { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: white !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }

/* --- section --- */
[data-template="botanical-blur"][data-layout="section"] .bb-sc-pagenum { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }

/* --- headline-dark --- */
[data-template="botanical-blur"][data-layout="headline-dark"] .bb-hd-pagetitle { position: absolute !important; left: 38px !important; top: 71px !important; width: 1866px !important; font-size: 100px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }

/* --- agenda-4 --- */
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-pagetitle { position: absolute !important; left: 815px !important; top: 53px !important; width: 1089px !important; font-size: 100px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-pagenum { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-num-1 { position: absolute !important; left: 815px !important; top: 245px !important; width: 412px !important; font-size: 60px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.8px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-num-2 { position: absolute !important; left: 1267px !important; top: 245px !important; width: 637px !important; font-size: 60px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.8px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-num-3 { position: absolute !important; left: 815px !important; top: 548px !important; width: 412px !important; font-size: 60px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.8px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-num-4 { position: absolute !important; left: 1267px !important; top: 548px !important; width: 637px !important; font-size: 60px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.8px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-desc-1 { position: absolute !important; left: 815px !important; top: 326px !important; width: 412px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-desc-2 { position: absolute !important; left: 1267px !important; top: 326px !important; width: 637px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-desc-3 { position: absolute !important; left: 815px !important; top: 629px !important; width: 412px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="agenda-4"] .bb-a4-desc-4 { position: absolute !important; left: 1267px !important; top: 629px !important; width: 637px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }

/* --- agenda-6 --- */
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-pagetitle { position: absolute !important; left: 40px !important; top: 41px !important; width: 1864px !important; font-size: 100px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-pagenum { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-item-1 { position: absolute !important; left: 234px !important; top: 323px !important; width: 510px !important; font-size: 48px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -0.96px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-item-2 { position: absolute !important; left: 784px !important; top: 323px !important; width: 510px !important; font-size: 48px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -0.96px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-item-3 { position: absolute !important; left: 1334px !important; top: 323px !important; width: 570px !important; font-size: 48px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -0.96px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-item-4 { position: absolute !important; left: 234px !important; top: 471px !important; width: 510px !important; font-size: 48px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -0.96px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-item-5 { position: absolute !important; left: 784px !important; top: 471px !important; width: 510px !important; font-size: 48px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -0.96px !important }
[data-template="botanical-blur"][data-layout="agenda-6"] .bb-a6-item-6 { position: absolute !important; left: 1334px !important; top: 471px !important; width: 570px !important; font-size: 48px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -0.96px !important }

/* --- three-points --- */
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-pagetitle { position: absolute !important; left: 40px !important; top: 37px !important; width: 1864px !important; font-size: 100px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-pagenum { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-headline-1 { position: absolute !important; left: 40px !important; top: 425px !important; width: 570px !important; font-size: 70px !important; text-align: left !important; color: black !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-headline-2 { position: absolute !important; left: 650px !important; top: 425px !important; width: 570px !important; font-size: 70px !important; text-align: left !important; color: black !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-headline-3 { position: absolute !important; left: 1260px !important; top: 425px !important; width: 644px !important; font-size: 70px !important; text-align: left !important; color: black !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-desc-1 { position: absolute !important; left: 40px !important; top: 608px !important; width: 570px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-desc-2 { position: absolute !important; left: 650px !important; top: 608px !important; width: 570px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }
[data-template="botanical-blur"][data-layout="three-points"] .bb-tp-desc-3 { position: absolute !important; left: 1260px !important; top: 608px !important; width: 644px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }

/* --- text-block --- */
[data-template="botanical-blur"][data-layout="text-block"] .bb-tb-pagetitle { position: absolute !important; left: 40px !important; top: 75px !important; width: 1864px !important; font-size: 100px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="text-block"] .bb-tb-pagenum { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="text-block"] .bb-tb-headline { position: absolute !important; left: 148px !important; top: 294px !important; width: 1756px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="text-block"] .bb-tb-desc { position: absolute !important; left: 148px !important; top: 553px !important; width: 1756px !important; font-size: 28px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }

/* --- image-left --- */
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-pagetitle { position: absolute !important; left: 1126px !important; top: 75px !important; width: 778px !important; font-size: 100px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-pagenum { position: absolute !important; left: 1850px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-bodytext { position: absolute !important; left: 1126px !important; top: 333px !important; width: 778px !important; font-size: 70px !important; text-align: left !important; color: #595E62 !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-desc { position: absolute !important; left: 1126px !important; top: 584px !important; width: 778px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }

/* --- image-right --- */
[data-template="botanical-blur"][data-layout="image-right"] .bb-ir-pagetitle { position: absolute !important; left: 40px !important; top: 68px !important; width: 765px !important; font-size: 100px !important; text-align: left !important; color: #595E62 !important; line-height: 1.25 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -4.0px !important }
[data-template="botanical-blur"][data-layout="image-right"] .bb-ir-pagenum { position: absolute !important; left: 1813px !important; top: 992px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="image-right"] .bb-ir-bodytext { position: absolute !important; left: 40px !important; top: 333px !important; width: 765px !important; font-size: 70px !important; text-align: left !important; color: #595E62 !important; line-height: 1.15 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }
[data-template="botanical-blur"][data-layout="image-right"] .bb-ir-desc { position: absolute !important; left: 40px !important; top: 584px !important; width: 765px !important; font-size: 28px !important; text-align: left !important; color: #595E62 !important; line-height: 1.214 !important; font-family: "Inter", system-ui, sans-serif !important; letter-spacing: -1.12px !important }

/* --- closing --- */
[data-template="botanical-blur"][data-layout="closing"] .bb-cl-pagenum { position: absolute !important; left: 1818px !important; top: 989px !important; width: 100px !important; font-size: 70px !important; text-align: left !important; color: #DFDFDF !important; line-height: 1.25 !important; font-family: "Xanh Mono", ui-monospace, monospace !important; letter-spacing: -2.8px !important }


/* ═══════════════════════════════════════════════════════════════════════════
   image-left / image-right text-region rebalance
   ───────────────────────────────────────────────────────────────────────────
   Spec position: image-left text at left:1126 width:778 — text right edge
   at 1904 (slide=1920) so right margin only 16px, while gap to image
   right edge is 120px. Visually text feels "靠右 / squished against the
   right edge." Rebalance: left:1046 (40px gap to image), width:854 (66px
   right margin) — text shifts ~80px left, gets ~80px more breathing.
   Apply to both semantic + figma-autoname class names.
   (Rainy 2026-06-22 slide5: image-left text-content 太靠右.)
   ═══════════════════════════════════════════════════════════════════════════ */
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-pagetitle,
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-num,
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-bodytext,
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-body,
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-desc,
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-subhead {
  left: 1046px !important;
  width: 854px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   D-form fallback — section-level ::before SVG bg
   ───────────────────────────────────────────────────────────────────────────
   Previous fallback block above only handled solid color (teal/mist) via
   plain `background:`. But botanical's actual visual bg lives on
   `.slide-scale-inner::before` with a PNG/SVG layer (slide-N.svg). D-form
   section has no .slide-scale-inner child → ::before doesn't paint → cover/
   section/agenda etc. fall back to white. Mirror the ::before chain to
   section directly so D-form preview/editor get the painted bg layer.
   Editor path keeps working because both ::before instances paint same
   PNG, and .slide-scale-inner sits above section so visually identical.
   (Rainy 2026-06-22: editor sidebar thumb shows white cover/agenda.)
   ═══════════════════════════════════════════════════════════════════════════ */
[data-template="botanical-blur"][data-layout="cover"]::before,
[data-template="botanical-blur"][data-layout="section-teal"]::before,
[data-template="botanical-blur"][data-layout="section"]::before,
[data-template="botanical-blur"][data-layout="headline-dark"]::before,
[data-template="botanical-blur"][data-layout="agenda-4"]::before,
[data-template="botanical-blur"][data-layout="agenda-6"]::before,
[data-template="botanical-blur"][data-layout="three-points"]::before,
[data-template="botanical-blur"][data-layout="text-block"]::before,
[data-template="botanical-blur"][data-layout="image-left"]::before,
[data-template="botanical-blur"][data-layout="image-right"]::before,
[data-template="botanical-blur"][data-layout="closing"]::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
[data-template="botanical-blur"][data-layout="cover"]::before        { background-image: url('/samples/botanical-blur-figma/assets/slide-1.svg') !important; }
[data-template="botanical-blur"][data-layout="section-teal"]::before { background-image: url('/samples/botanical-blur-figma/assets/slide-2.svg') !important; }
[data-template="botanical-blur"][data-layout="section"]::before      { background-image: url('/samples/botanical-blur-figma/assets/slide-3.svg') !important; }
[data-template="botanical-blur"][data-layout="headline-dark"]::before{ background-image: url('/samples/botanical-blur-figma/assets/slide-4.svg') !important; }
[data-template="botanical-blur"][data-layout="agenda-4"]::before     { background-image: url('/samples/botanical-blur-figma/assets/slide-5.svg') !important; }
[data-template="botanical-blur"][data-layout="agenda-6"]::before     { background-image: url('/samples/botanical-blur-figma/assets/slide-6.svg') !important; }
[data-template="botanical-blur"][data-layout="three-points"]::before { background-image: url('/samples/botanical-blur-figma/assets/slide-7.svg') !important; }
[data-template="botanical-blur"][data-layout="text-block"]::before   { background-image: url('/samples/botanical-blur-figma/assets/slide-8.svg') !important; }
[data-template="botanical-blur"][data-layout="image-left"]::before   { background-image: url('/samples/botanical-blur-figma/assets/slide-9.svg') !important; }
[data-template="botanical-blur"][data-layout="image-right"]::before  { background-image: url('/samples/botanical-blur-figma/assets/slide-10.svg') !important; }
[data-template="botanical-blur"][data-layout="closing"]::before      { background-image: url('/samples/botanical-blur-figma/assets/slide-11.svg') !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   image-left / image-right bodytext 字号 fit
   ───────────────────────────────────────────────────────────────────────────
   Spec: bodytext slot (bb-il-body / bb-ir-subtitle) at Xanh Mono 70px,
   between pagetitle (top:75) and desc (top:584) — 251px available height.
   70px @ line-height 1.25 = 87.5px/line → 2.8 lines fit. But Xanh Mono is
   wide (~35px/char @ 70px) → "Video streaming holds 52.2% revenue share..."
   80-char copy wraps 4-5 lines → ~350px → overflows next desc slot below.
   Drop to 48px → 60px/line → 4 lines fit in 240px, no overflow.
   Spec visual softer but readable; layout no longer collides.
   Apply to both semantic + figma-autoname class names.
   (Rainy 2026-06-22: image-left/right bodytext 跟 desc 重叠.)
   ═══════════════════════════════════════════════════════════════════════════ */
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-bodytext,
[data-template="botanical-blur"][data-layout="image-left"] .bb-il-body,
[data-template="botanical-blur"][data-layout="image-right"] .bb-ir-bodytext,
[data-template="botanical-blur"][data-layout="image-right"] .bb-ir-subtitle {
  font-size: 48px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}


/* image-right text-region width — match image-left rebalance for symmetry.
   Spec: text l:40 w:765 (right edge 805, slide 1920, gap to image (845)
   only 40px). Keep left:40, just widen to image-left edge - 40 = 805 → 765.
   Actually fine as-is (765 already → 805 right edge, image starts at 845,
   so 40px gap, mirrors image-left's new 40px gap). No position change
   needed for image-right — left+width already balanced. */

/* ── Text slots declare the room they actually have ───────────────────────
 *
 * Same fix already applied to almanac. These slots set a top and a font-size
 * but no height, so each box grows with its copy and prints over whatever sits
 * beneath it — invisible until a generation writes three sentences into a slot
 * the design sized for one line.
 *
 * Each height is the distance from that slot's own top to the top of the next
 * positioned element in the same layout, text or image alike: the room the
 * layout already gave it, written down so json-renderer's _autoFitHtmlSlots can
 * enforce it. Without a height there is nothing to overflow, so that pass
 * measured every slot as fine.
 *
 * --ocu-min-font stops the fit bottoming out at 42% of the design size, which
 * for body copy means single digits. Corner marks and page numbers are excluded
 * — fixed chrome, never long. (Rainy 2026-07-28.)
 */
[data-template="botanical-blur"] .bb-ch-num { max-height: 32px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-ch-title { max-height: 225px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-cl-num { max-height: 32px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-cl-title { max-height: 239px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-cv-date { max-height: 4px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-cv-title { max-height: 19px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-cv-typelabel { max-height: 48px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-il-body { max-height: 404px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-il-headline { max-height: 257px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-il-num { max-height: 32px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-il-sub { max-height: 252px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-ir-body { max-height: 116px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-ir-headline { max-height: 264px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-ir-num { max-height: 29px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-ir-sub { max-height: 252px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-mg-body-1 { max-height: 221px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-mg-body-2 { max-height: 221px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-mg-body-3 { max-height: 359px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-mg-body-4 { max-height: 359px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-mg-label-1 { max-height: 82px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-mg-label-2 { max-height: 82px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-mg-label-3 { max-height: 82px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-mg-label-4 { max-height: 82px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-mg-num { max-height: 32px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-mg-title { max-height: 191px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-sa-num { max-height: 32px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-sa-sub { max-height: 229px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-sa-title { max-height: 400px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-sc-num { max-height: 32px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-sc-sub { max-height: 32px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-sc-title { max-height: 49px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-sm-body { max-height: 435px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-sm-num { max-height: 32px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-sm-sub { max-height: 260px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-sm-title { max-height: 218px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-st-body { max-height: 9px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-st-num { max-height: 32px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-st-subtitle { max-height: 181px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-st-title { max-height: 439px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-tp-body-1 { max-height: 380px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-tp-body-2 { max-height: 380px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-tp-body-3 { max-height: 380px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-tp-num { max-height: 32px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-tp-sub-1 { max-height: 184px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-tp-sub-2 { max-height: 184px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-tp-sub-3 { max-height: 184px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-tp-title { max-height: 387px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-wg-1 { max-height: 148px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-wg-2 { max-height: 148px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-wg-3 { max-height: 148px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-wg-4 { max-height: 518px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-wg-5 { max-height: 518px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-wg-6 { max-height: 518px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-wg-num { max-height: 32px !important; overflow: hidden !important; }
[data-template="botanical-blur"] .bb-wg-title { max-height: 281px !important; overflow: hidden !important; }

[data-template="botanical-blur"] .bb-ch-num , [data-template="botanical-blur"] .bb-ch-title , [data-template="botanical-blur"] .bb-cl-num , [data-template="botanical-blur"] .bb-cl-title , [data-template="botanical-blur"] .bb-cv-date , [data-template="botanical-blur"] .bb-cv-title , [data-template="botanical-blur"] .bb-cv-typelabel , [data-template="botanical-blur"] .bb-il-body , [data-template="botanical-blur"] .bb-il-headline , [data-template="botanical-blur"] .bb-il-num , [data-template="botanical-blur"] .bb-il-sub , [data-template="botanical-blur"] .bb-ir-body , [data-template="botanical-blur"] .bb-ir-headline , [data-template="botanical-blur"] .bb-ir-num , [data-template="botanical-blur"] .bb-ir-sub , [data-template="botanical-blur"] .bb-mg-body-1 , [data-template="botanical-blur"] .bb-mg-body-2 , [data-template="botanical-blur"] .bb-mg-body-3 , [data-template="botanical-blur"] .bb-mg-body-4 , [data-template="botanical-blur"] .bb-mg-label-1 , [data-template="botanical-blur"] .bb-mg-label-2 , [data-template="botanical-blur"] .bb-mg-label-3 , [data-template="botanical-blur"] .bb-mg-label-4 , [data-template="botanical-blur"] .bb-mg-num , [data-template="botanical-blur"] .bb-mg-title , [data-template="botanical-blur"] .bb-sa-num , [data-template="botanical-blur"] .bb-sa-sub , [data-template="botanical-blur"] .bb-sa-title , [data-template="botanical-blur"] .bb-sc-num , [data-template="botanical-blur"] .bb-sc-sub , [data-template="botanical-blur"] .bb-sc-title , [data-template="botanical-blur"] .bb-sm-body , [data-template="botanical-blur"] .bb-sm-num , [data-template="botanical-blur"] .bb-sm-sub , [data-template="botanical-blur"] .bb-sm-title , [data-template="botanical-blur"] .bb-st-body , [data-template="botanical-blur"] .bb-st-num , [data-template="botanical-blur"] .bb-st-subtitle , [data-template="botanical-blur"] .bb-st-title , [data-template="botanical-blur"] .bb-tp-body-1 , [data-template="botanical-blur"] .bb-tp-body-2 , [data-template="botanical-blur"] .bb-tp-body-3 , [data-template="botanical-blur"] .bb-tp-num , [data-template="botanical-blur"] .bb-tp-sub-1 , [data-template="botanical-blur"] .bb-tp-sub-2 , [data-template="botanical-blur"] .bb-tp-sub-3 , [data-template="botanical-blur"] .bb-tp-title , [data-template="botanical-blur"] .bb-wg-1 , [data-template="botanical-blur"] .bb-wg-2 , [data-template="botanical-blur"] .bb-wg-3 , [data-template="botanical-blur"] .bb-wg-4 , [data-template="botanical-blur"] .bb-wg-5 , [data-template="botanical-blur"] .bb-wg-6 , [data-template="botanical-blur"] .bb-wg-num , [data-template="botanical-blur"] .bb-wg-title { --ocu-min-font: 22px; }