/* ========================================================================
   LVD 2026 — CSCC UPDATES FOR THE DERMATOLOGIST
   CLEAN CONSOLIDATED STYLESHEET
   Source of truth: current QMD slide order.
   ======================================================================== */

/* ------------------------------------------------------------------------
   GLOBAL REVEAL / EXPORT RESET
   ------------------------------------------------------------------------ */
:root {
  --lvd-navy: #28365f;
  --lvd-navy-dark: #18233f;
  --lvd-cobalt: #4058b3;
  --lvd-cobalt-bright: #526bc8;
  --lvd-teal: #2e8483;
  --lvd-teal-dark: #226b6c;
  --lvd-coral: #c96f61;
  --lvd-coral-dark: #a9534d;
  --lvd-sand: #d9b978;
  --lvd-sand-dark: #b8924f;
  --lvd-ink: #1d2943;
  --lvd-muted: #68717d;
  --lvd-soft-blue: #f2f4fa;
  --lvd-soft-teal: #eef7f6;
  --lvd-soft-coral: #fbf1ee;
  --lvd-soft-sand: #fbf6e9;
  --lvd-paper: #fbfbfc;
  --lvd-border: #dce1e9;
  --lvd-white: #ffffff;
}

.reveal .controls,
.reveal .progress,
.reveal .slide-number,
.reveal .slide-logo,
.reveal .footer,
.reveal .slide-footer,
.reveal .speaker-notes,
.slide-menu-button,
#slide-menu-button,
.reveal .slide-menu-button,
.reveal .menu-button,
.reveal .hamburger,
#quarto-log-error-modal {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.reveal {
  background: #ffffff !important;
  color: var(--lvd-ink);
  font-family: "Avenir Next", "Aptos", "Segoe UI", Arial, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
}

.reveal .slides section.lvd-transition-slide,
.reveal .slides section.lvd-standard-slide {
  padding: 0 !important;
  margin: 0 !important;
  width: 1600px !important;
  height: 900px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-sizing: border-box;
}

.reveal .slides section.lvd-transition-slide > h1,
.reveal .slides section.lvd-transition-slide > h2,
.reveal .slides section.lvd-transition-slide > h3,
.reveal .slides section.lvd-standard-slide > h1,
.reveal .slides section.lvd-standard-slide > h2,
.reveal .slides section.lvd-standard-slide > h3 {
  display: none !important;
}

.reveal strong { font-weight: 720; }
.reveal a { color: var(--lvd-cobalt); }
.reveal img { margin: 0; }

/* Keep all fragments crisp for browser preview and PNG/PPT export. */
.reveal .slides section .fragment {
  transition: none !important;
  transform: none !important;
}
.reveal .slides section .fragment.visible {
  opacity: 1 !important;
  visibility: visible !important;
}

/* ------------------------------------------------------------------------
   SHARED LVD SHELL
   ------------------------------------------------------------------------ */
.lvd-shell,
.lvd-transition {
  position: relative;
  width: 1600px;
  height: 900px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  font-family: "Avenir Next", "Aptos", "Segoe UI", Arial, system-ui, sans-serif;
}

.lvd-shell {
  background: #ffffff;
  color: var(--lvd-navy);
}

.lvd-topbar {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  height: 145px;
  padding: 0 64px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: #293962;
}

.lvd-topbar-title {
  margin: 0;
  color: #ffffff;
  font-size: 60px;
  line-height: 0.98;
  font-weight: 620;
  letter-spacing: -0.035em;
}

.compact-title .lvd-topbar-title { font-size: 54px; }
.small-title .lvd-topbar-title { font-size: 48px; }

.lvd-content {
  position: absolute;
  z-index: 2;
  top: 168px;
  left: 58px;
  right: 58px;
  bottom: 64px !important;
  box-sizing: border-box;
}

.lvd-reference,
.slide-reference {
  position: absolute;
  z-index: 20;
  left: 100px;
  right: 100px;
  bottom: 29px;
  margin: 0;
  padding: 0;
  color: #7a8492;
  font-size: 9px;
  line-height: 1.15;
  font-weight: 600;
  text-align: center;
  white-space: normal;
}

.lvd-disclaimer {
  position: absolute;
  z-index: 20;
  left: 58px;
  right: 58px;
  bottom: 8px;
  margin: 0;
  padding: 0;
  color: #707070;
  font-size: 8.5px;
  line-height: 1.1;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}

/* ------------------------------------------------------------------------
   TRANSITION SLIDES
   ------------------------------------------------------------------------ */
.lvd-transition,
.lvd-transition.transition-teal,
.lvd-transition.transition-early {
  background: #293962 !important;
  color: #ffffff;
}

.transition-wrap {
  position: absolute;
  left: 78px;
  top: 155px;
  width: 1040px;
}

.transition-index {
  color: var(--lvd-sand);
  font-size: 38px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.transition-kicker {
  margin-top: 32px;
  color: var(--lvd-sand);
  font-size: 22px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.transition-title {
  max-width: 1120px;
  margin-top: 36px;
  color: #ffffff;
  font-size: 66px;
  line-height: 1.10;
  font-weight: 780;
  letter-spacing: -0.04em;
}

.transition-subtitle {
  max-width: 1120px;
  margin-top: 34px;
  color: rgba(255,255,255,0.78);
  font-size: 33px;
  line-height: 1.25;
  font-weight: 420;
}

.transition-dots,
.transition-brand,
.section-decoration,
.section-dots,
.section-dot-grid,
.section-pattern {
  display: none !important;
}


/* ------------------------------------------------------------------------
   SLIDE 01 — WHAT CHANGED SINCE LAST YEAR?
   ------------------------------------------------------------------------ */
.change-signal { margin: 0; }

.change-kicker {
  color: var(--lvd-coral);
  font-size: 22px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.change-headline {
  max-width: 1320px;
  margin-top: 14px;
  color: var(--lvd-navy);
  font-size: 38px;
  line-height: 1.12;
  font-weight: 780;
  letter-spacing: -0.025em;
}
.change-headline strong { color: var(--lvd-teal-dark); font-weight: 850; }

.change-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  margin-top: 40px;
}

.change-card {
  min-height: 286px;
  padding: 38px 34px 30px;
  border: 1.25px solid var(--lvd-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(40,54,95,0.06);
  box-sizing: border-box;
}

.change-card.adjuvant { border-top: 8px solid var(--lvd-cobalt); }
.change-card.local { border-top: 8px solid var(--lvd-teal); }
.change-card.adaptive { border-top: 8px solid var(--lvd-coral); }

.change-number {
  color: var(--lvd-sand-dark);
  font-size: 32px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.05em;
}

.change-card-title {
  margin-top: 18px;
  color: var(--lvd-navy);
  font-size: 31px;
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -0.025em;
}

.change-card-text {
  margin-top: 18px;
  color: var(--lvd-muted);
  font-size: 24px;
  line-height: 1.22;
  font-weight: 520;
}

.change-bottom-line {
  margin-top: 30px;
  padding: 20px 26px;
  border: 1.25px solid var(--lvd-border);
  border-left: 9px solid var(--lvd-sand);
  border-radius: 16px;
  background: var(--lvd-soft-blue);
  color: var(--lvd-navy);
  font-size: 24px;
  line-height: 1.22;
  box-sizing: border-box;
}
.change-bottom-line strong { font-weight: 850; }


/* ------------------------------------------------------------------------
   SECTION BREAK — AFTER SURGERY AND RADIATION
   Uses shared transition slide rules above.
   ------------------------------------------------------------------------ */

/* ============================================================================
   C-POST — DESIGN LEFT / DATA RIGHT, WRAPPED LVD SHELL
   Fragment order:
   f00 = title + header line only
   f01 = trial design panel
   f02 = data summary panel
   f03 = dermatologist takeaway
   ============================================================================ */

.reveal .slides section.cpost-design-data-slide {
  padding: 0 !important;
  margin: 0 !important;
  width: 1600px !important;
  height: 900px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

.cpost-design-data-slide .cpostdd-content,
.reveal .cpost-design-data-slide .cpostdd-content {
  top: 166px;
  left: 32px;
  right: 32px;
  bottom: 56px;
}

.cpostdd-header {
  margin: 0 0 18px 0;
}

.cpostdd-kicker {
  color: var(--lvd-coral, #c96f61);
  font-size: 24px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.cpostdd-lead {
  margin-top: 6px;
  color: var(--lvd-navy, #28365f);
  font-size: 31px;
  line-height: 1.08;
  font-weight: 820;
  letter-spacing: -0.02em;
}

.cpostdd-lead strong {
  color: var(--lvd-teal-dark, #226b6c);
  font-weight: 900;
}

.cpostdd-main-grid {
  display: grid;
  grid-template-columns: 1.52fr 1fr;
  gap: 28px;
  align-items: stretch;
}

.cpostdd-panel {
  box-sizing: border-box;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 9px 22px rgba(40,54,95,0.055);
  overflow: hidden;
}

.cpostdd-design-panel {
  min-height: 500px;
  padding: 28px 30px 26px;
  border-top: 7px solid var(--lvd-cobalt, #4058b3);
  background:
    radial-gradient(circle at 91% 13%, rgba(64,88,179,0.08), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-blue, #f2f4fa), #fff 40%);
}

.cpostdd-data-panel {
  min-height: 500px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.cpostdd-panel-label {
  color: var(--lvd-coral, #c96f61);
  font-size: 17px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.cpostdd-panel-label.coral {
  color: var(--lvd-coral, #c96f61);
}

.cpostdd-panel-title {
  margin-top: 14px;
  color: var(--lvd-navy, #28365f);
  font-size: 34px;
  line-height: 1.05;
  font-weight: 850;
  letter-spacing: -0.025em;
}

.cpostdd-flow {
  margin-top: 28px;
  display: grid;
  grid-template-columns: 1fr 38px 1fr 38px 1fr;
  gap: 14px;
  align-items: center;
}

.cpostdd-step {
  min-height: 202px;
  padding: 23px 16px 20px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 16px;
  background: rgba(255,255,255,0.88);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
}

.cpostdd-step-num {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 18px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.06em;
}

.cpostdd-step-title {
  margin-top: 10px;
  color: var(--lvd-navy, #28365f);
  font-size: 24px;
  line-height: 1.03;
  font-weight: 850;
  letter-spacing: -0.018em;
}

.cpostdd-step-text {
  margin-top: 12px;
  color: var(--lvd-muted, #68717d);
  font-size: 16px;
  line-height: 1.16;
  font-weight: 610;
}

.cpostdd-arrow {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 34px;
  line-height: 1;
  font-weight: 720;
  text-align: center;
}

.cpostdd-design-bottom {
  margin-top: 38px;
  padding: 18px 20px;
  border-left: 7px solid var(--lvd-sand, #d9b978);
  border-radius: 14px;
  background: rgba(255,255,255,0.86);
  color: var(--lvd-navy, #28365f);
  font-size: 20px;
  line-height: 1.17;
  font-weight: 700;
}

.cpostdd-design-bottom strong {
  font-weight: 900;
}

.cpostdd-hr-box,
.cpostdd-summary-box,
.cpostdd-note {
  box-sizing: border-box;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 9px 22px rgba(40,54,95,0.045);
}

.cpostdd-hr-box {
  min-height: 132px;
  padding: 16px 20px 14px;
  border-top: 7px solid var(--lvd-teal, #2e8483);
  background:
    radial-gradient(circle at 88% 14%, rgba(46,132,131,0.10), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-teal, #eef7f6), #fff 38%);
  text-align: center;
}

.cpostdd-hr-label {
  color: var(--lvd-muted, #68717d);
  font-size: 16px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.cpostdd-hr-value {
  margin-top: 4px;
  color: var(--lvd-teal-dark, #226b6c);
  font-size: 56px;
  line-height: 0.90;
  font-weight: 880;
  letter-spacing: -0.045em;
}

.cpostdd-hr-ci {
  margin-top: 6px;
  color: var(--lvd-muted, #68717d);
  font-size: 16px;
  line-height: 1;
  font-weight: 560;
}

.cpostdd-summary-box {
  min-height: 178px;
  padding: 22px 26px 18px;
  background: linear-gradient(180deg, var(--lvd-soft-blue, #f2f4fa), #fff 42%);
}

.cpostdd-table {
  margin-top: 18px;
}

.cpostdd-table-head,
.cpostdd-table-row {
  display: grid;
  grid-template-columns: 1.1fr 0.78fr 0.78fr;
  gap: 14px;
  align-items: center;
}

.cpostdd-table-head {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--lvd-border, #dce1e9);
  color: var(--lvd-muted, #68717d);
  font-size: 15px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.cpostdd-table-row {
  padding: 9px 0;
  border-bottom: 1px solid var(--lvd-border, #dce1e9);
  color: var(--lvd-muted, #68717d);
  font-size: 20px;
  line-height: 1;
  font-weight: 560;
}

.cpostdd-table-row div:first-child {
  color: var(--lvd-navy, #28365f);
  font-weight: 850;
}

.cpostdd-pvalue {
  margin-top: 8px;
  color: var(--lvd-navy, #28365f);
  font-size: 18px;
  line-height: 1;
  font-weight: 900;
  text-align: center;
}

.cpostdd-note {
  min-height: 80px;
  padding: 15px 20px;
  background: #ffffff;
}

.cpostdd-note.blue { border-left: 7px solid var(--lvd-cobalt, #4058b3); }
.cpostdd-note.sand { border-left: 7px solid var(--lvd-sand, #d9b978); }

.cpostdd-note strong {
  display: block;
  color: var(--lvd-navy, #28365f);
  font-size: 23px;
  line-height: 1.05;
  font-weight: 850;
  letter-spacing: -0.02em;
}

.cpostdd-note span {
  display: block;
  margin-top: 5px;
  color: var(--lvd-muted, #68717d);
  font-size: 16px;
  line-height: 1.13;
  font-weight: 560;
}

.cpostdd-takeaway {
  margin-top: 15px;
  padding: 16px 24px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 8px solid var(--lvd-cobalt, #4058b3);
  border-radius: 15px;
  background: var(--lvd-soft-blue, #f2f4fa);
  color: var(--lvd-navy, #28365f);
  font-size: 21px;
  line-height: 1.16;
  box-sizing: border-box;
}

.cpostdd-takeaway strong {
  font-weight: 900;
}

.cpost-design-data-slide .lvd-reference,
.reveal .cpost-design-data-slide .lvd-reference {
  left: 85px;
  right: 85px;
  bottom: 29px;
  color: #7a8492;
  font-size: 9px;
  line-height: 1.1;
  text-align: center;
}

/* ------------------------------------------------------------------------
   LABEL VS EVIDENCE — FRAGMENTED / OPTIMIZED
   Fragment order:
   f00 = title only
   f01 = single-line thesis
   f02 = FDA label panel
   f03 = bridge + C-POST evidence panel
   f04 = practical question / takeaway
   ------------------------------------------------------------------------ */

.reveal .selection-slide {
  padding-top: 0 !important;
  font-size: 1em;
}

.selection-content {
  top: 166px;
  left: 48px;
  right: 48px;
  bottom: 54px;
}

.selection-content .label-thesis {
  max-width: none;
  margin: 0 auto 22px;
  color: var(--lvd-navy, #28365f);
  font-size: 27px;
  line-height: 1.08;
  text-align: center;
  font-weight: 760;
  white-space: nowrap;
}

.selection-content .label-thesis strong {
  color: var(--lvd-teal-dark, #226b6c);
  font-weight: 850;
}

.selection-content .label-evidence-stage {
  display: grid;
  grid-template-columns: 1fr 82px 1.16fr;
  gap: 22px;
  align-items: stretch;
  margin-top: 0;
}

.selection-content .label-side-panel,
.selection-content .evidence-side-panel {
  min-height: 424px;
  box-sizing: border-box;
  padding: 30px 34px 28px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 9px 22px rgba(40,54,95,0.055);
}

.selection-content .label-side-panel {
  border-top: 8px solid var(--lvd-teal, #2e8483);
  background:
    radial-gradient(circle at 88% 16%, rgba(46,132,131,0.10), transparent 34%),
    linear-gradient(180deg, var(--lvd-soft-teal, #eef7f6), #fff 30%);
}

.selection-content .evidence-side-panel {
  border-top: 8px solid var(--lvd-coral, #c96f61);
  background:
    radial-gradient(circle at 88% 16%, rgba(201,111,97,0.10), transparent 34%),
    linear-gradient(180deg, var(--lvd-soft-coral, #fbf1ee), #fff 30%);
}

.selection-content .selection-card-kicker {
  color: var(--lvd-coral, #c96f61);
  font-size: 16px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.selection-content .label-big-word,
.selection-content .evidence-big-word {
  margin-top: 18px;
  color: var(--lvd-navy, #28365f);
  font-size: 60px;
  line-height: 0.92;
  font-weight: 850;
  letter-spacing: -0.055em;
}

.selection-content .evidence-big-word {
  color: var(--lvd-coral-dark, #a9534d);
}

.selection-content .label-quote-compact {
  margin-top: 28px;
  padding: 22px 24px;
  border-radius: 17px;
  border: 1.25px solid rgba(46,132,131,0.23);
  background: rgba(255,255,255,0.88);
  color: var(--lvd-navy, #28365f);
  font-size: 30px;
  line-height: 1.10;
  font-weight: 820;
  letter-spacing: -0.020em;
}

.selection-content .label-caption {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1.25px solid var(--lvd-border, #dce1e9);
  color: var(--lvd-muted, #68717d);
  font-size: 22px;
  line-height: 1.22;
  font-weight: 540;
}

.selection-content .label-bridge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.selection-content .bridge-line {
  width: 3px;
  height: 122px;
  border-radius: 999px;
  background: linear-gradient(180deg, transparent, var(--lvd-sand, #d9b978), transparent);
}

.selection-content .bridge-word {
  width: 62px;
  height: 62px;
  margin: 18px 0;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--lvd-soft-sand, #fbf6e9);
  border: 1.25px solid rgba(184,146,79,0.35);
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 17px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.selection-content .evidence-subtitle {
  margin-top: 16px;
  color: var(--lvd-navy, #28365f);
  font-size: 25px;
  line-height: 1.12;
  font-weight: 760;
}

.selection-content .evidence-feature-stack {
  display: grid;
  gap: 16px;
  margin-top: 24px;
}

.selection-content .evidence-feature-stack div {
  display: grid;
  grid-template-columns: 126px 1fr;
  gap: 18px;
  align-items: center;
  padding: 18px 20px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 7px solid var(--lvd-sand, #d9b978);
  border-radius: 15px;
  background: rgba(255,255,255,0.88);
  color: var(--lvd-ink, #1d2943);
}

.selection-content .evidence-feature-stack span {
  color: var(--lvd-coral-dark, #a9534d);
  font-size: 14px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.selection-content .evidence-feature-stack strong {
  color: var(--lvd-navy, #28365f);
  font-size: 19px;
  line-height: 1.14;
  font-weight: 710;
}

.selection-content .selection-bottom-line {
  margin-top: 22px;
  padding: 20px 24px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 8px solid var(--lvd-sand, #d9b978);
  border-radius: 16px;
  background: var(--lvd-soft-blue, #f2f4fa);
  color: var(--lvd-navy, #28365f);
  font-size: 24px;
  line-height: 1.18;
  box-sizing: border-box;
}

.selection-content .selection-bottom-line strong {
  color: var(--lvd-navy, #28365f);
  font-weight: 850;
}

.selection-slide .lvd-reference,
.reveal .selection-slide .lvd-reference {
  left: 85px;
  right: 85px;
  bottom: 29px;
  color: #7a8492;
  font-size: 9px;
  line-height: 1.1;
  text-align: center;
}

/* ------------------------------------------------------------------------
   TRIAL COMPARISON — KM SIDE BY SIDE
   ------------------------------------------------------------------------ */
.reveal .compare-slide {
  padding-top: 24px !important;
  font-size: 0.91em;
}

.compare-subtitle {
  max-width: 1240px;
  margin: 0.18em auto 0;
  color: var(--lvd-navy);
  font-size: 0.68em;
  line-height: 1.18;
  text-align: center;
  font-weight: 620;
}

.km-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.58em;
  align-items: stretch;
  margin-top: 0.58em;
}

.km-compare-card {
  min-height: 492px;
  padding: 0.50em 0.56em 0.42em;
  border: 1px solid var(--lvd-border);
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 11px 26px rgba(40,54,95,0.055);
}

.km-compare-card.cpost {
  border-top: 8px solid var(--lvd-teal);
  background: linear-gradient(180deg, var(--lvd-soft-teal), #fff 18%);
}

.km-compare-card.keynote {
  border-top: 8px solid var(--lvd-coral);
  background: linear-gradient(180deg, var(--lvd-soft-coral), #fff 18%);
}

.km-compare-topline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.45em;
  min-height: 56px;
}

.km-compare-title {
  margin-top: 0.12em;
  color: var(--lvd-navy);
  font-size: 0.60em;
  line-height: 1.05;
  font-weight: 720;
  letter-spacing: -0.014em;
}

.km-compare-badge {
  flex: 0 0 auto;
  margin-top: 0.02em;
  padding: 0.24em 0.52em;
  border-radius: 999px;
  font-size: 0.34em;
  line-height: 1;
  font-weight: 820;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.km-compare-badge.positive {
  background: var(--lvd-soft-teal);
  color: var(--lvd-teal-dark);
  border: 1px solid rgba(46,132,131,0.22);
}

.km-compare-badge.negative {
  background: var(--lvd-soft-coral);
  color: var(--lvd-coral-dark);
  border: 1px solid rgba(201,111,97,0.22);
}

.km-compare-figure {
  height: 352px;
  margin-top: 0.20em;
  padding: 0.10em 0.06em 0;
  border-radius: 14px;
  background: var(--lvd-paper);
  overflow: hidden;
}

.km-compare-figure img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  margin: 0 auto;
}

.km-compare-stat {
  margin-top: 0.32em;
  padding: 0.40em 0.52em;
  border: 1px solid var(--lvd-border);
  border-left: 7px solid var(--lvd-sand);
  border-radius: 14px;
  background: rgba(255,255,255,0.88);
}

.km-compare-stat strong {
  display: block;
  color: var(--lvd-navy);
  font-size: 0.56em;
  line-height: 1.05;
  font-weight: 760;
}

.km-compare-stat span {
  display: block;
  margin-top: 0.10em;
  color: var(--lvd-muted);
  font-size: 0.38em;
  line-height: 1.12;
}

.compare-lesson {
  margin-top: 0.50em;
  padding: 0.56em 0.76em;
  border: 1px solid var(--lvd-border);
  border-left: 9px solid var(--lvd-sand);
  border-radius: 16px;
  background: var(--lvd-soft-blue);
  color: var(--lvd-navy);
  font-size: 0.60em;
  line-height: 1.22;
}

.compare-lesson strong {
  color: var(--lvd-navy);
  font-weight: 760;
}

/* ------------------------------------------------------------------------
   SECTION BREAK — FROM RESPONSE TO DECISION-MAKING
   Uses shared transition slide rules above.
   ------------------------------------------------------------------------ */

/* ==========================================================================
   FRAGMENTED "THE QUESTION CHANGED" SLIDE
   Three exported fragment states:
   1. top question row
   2. study block: heading + 3 cards as one unit
   3. bottom takeaway
   ========================================================================== */

.question-changed-slide .lvd-content,
.reveal .question-changed-slide .lvd-content {
  top: 176px;
  left: 58px;
  right: 58px;
  bottom: 70px;
}

.question-change-content {
  display: flex;
  flex-direction: column;
}

.question-row {
  display: grid;
  grid-template-columns: 1fr 60px 1fr;
  gap: 24px;
  align-items: center;
}

.question-foundation-card,
.question-refinement-card {
  height: 265px;
  box-sizing: border-box;
  padding: 30px 30px 24px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(40,54,95,0.055);
}

.question-foundation-card {
  border-top: 7px solid var(--lvd-cobalt, #4058b3);
  background:
    radial-gradient(circle at 92% 14%, rgba(64,88,179,0.08), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-blue, #f2f4fa), #fff 40%);
}

.question-refinement-card {
  border-top: 7px solid var(--lvd-teal, #2e8483);
  background:
    radial-gradient(circle at 92% 14%, rgba(46,132,131,0.11), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-teal, #eef7f6), #fff 40%);
}

.question-kicker,
.question-study-kicker {
  color: var(--lvd-coral, #c96f61);
  font-size: 18px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.question-card-title {
  margin-top: 16px;
  color: var(--lvd-navy, #28365f);
  font-size: 31px;
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -0.025em;
}

.question-divider {
  height: 2px;
  margin: 18px 0 12px;
  background: linear-gradient(90deg, rgba(40,54,95,0.18), rgba(40,54,95,0.05));
  border-radius: 999px;
}

.question-card-text {
  color: var(--lvd-muted, #68717d);
  font-size: 20px;
  line-height: 1.18;
  font-weight: 520;
}

.question-arrow {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 38px;
  font-weight: 650;
  text-align: center;
}

.question-study-block {
  margin-top: 18px;
}

.question-study-kicker {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 16px;
}

.question-study-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 12px;
}

.question-study-card {
  height: 230px;
  box-sizing: border-box;
  padding: 22px 24px 18px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(40,54,95,0.05);
}

.question-study-card.desq {
  border-left: 7px solid var(--lvd-cobalt, #4058b3);
}

.question-study-card.matisse {
  border-left: 7px solid var(--lvd-sand, #d9b978);
  background:
    radial-gradient(circle at 90% 10%, rgba(217,185,120,0.11), transparent 30%),
    #ffffff;
}

.question-study-card.first {
  border-left: 7px solid var(--lvd-teal, #2e8483);
  background:
    radial-gradient(circle at 90% 10%, rgba(46,132,131,0.09), transparent 30%),
    #ffffff;
}

.question-study-year {
  color: var(--lvd-coral, #c96f61);
  font-size: 18px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.10em;
}

.question-study-title {
  margin-top: 8px;
  color: var(--lvd-navy, #28365f);
  font-size: 28px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -0.025em;
}

.question-study-drug {
  margin-top: 7px;
  color: var(--lvd-teal-dark, #226b6c);
  font-size: 16px;
  line-height: 1.06;
  font-weight: 820;
}

.question-study-text {
  color: var(--lvd-ink, #1d2943);
  font-size: 18px;
  line-height: 1.14;
  font-weight: 510;
}

.question-bottom-line {
  margin-top: 16px;
  padding: 15px 18px;
  box-sizing: border-box;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 8px solid var(--lvd-sand, #d9b978);
  border-radius: 15px;
  background: var(--lvd-soft-blue, #f2f4fa);
  color: var(--lvd-navy, #28365f);
  font-size: 23px;
  line-height: 1.1;
  font-weight: 850;
}

/* fragment display should be handled by exporter; keep browser preview crisp */
.reveal .slides section.question-changed-slide .fragment {
  transition: none !important;
  transform: none !important;
}

.reveal .slides section.question-changed-slide .fragment.visible {
  opacity: 1 !important;
  visibility: visible !important;
}

/* ==========================================================================
   De-Squamate — larger, export-ready fragmented version
   Fragment order:
   f00 = title only
   f01 = subtitle/tagline
   f02 = response-adapted design card
   f03 = what happened card
   f04 = dermatologist framing

   This block intentionally scopes most rules through .desq-large-content so it
   can safely replace the prior De-Squamate slide CSS without affecting MATISSE,
   FIRST, or other design/data slides.
   ========================================================================== */

.desq-large-content {
  top: 162px;
  left: 36px;
  right: 36px;
  bottom: 52px;
}

.desq-large-content .desq-subtitle {
  margin: 0 auto 16px auto;
  max-width: 1500px;
  color: var(--lvd-navy, #28365f);
  font-size: 24px;
  line-height: 1.16;
  font-weight: 770;
  text-align: center;
}

.desq-large-content .desq-frag-grid {
  display: grid;
  grid-template-columns: 1.22fr 0.78fr;
  gap: 24px;
  align-items: stretch;
}

.desq-large-content .desq-card {
  box-sizing: border-box;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(40,54,95,0.055);
  overflow: hidden;
}

.desq-large-content .desq-schema {
  min-height: 432px;
  padding: 26px 28px 22px;
  border-top: 7px solid var(--lvd-cobalt, #4058b3);
  background:
    radial-gradient(circle at 92% 12%, rgba(64,88,179,0.08), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-blue, #f2f4fa), #fff 38%);
}

.desq-large-content .desq-results {
  min-height: 432px;
  padding: 26px 28px 20px;
  border-top: 7px solid var(--lvd-teal, #2e8483);
  background:
    radial-gradient(circle at 92% 12%, rgba(46,132,131,0.11), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-teal, #eef7f6), #fff 40%);
}

.desq-large-content .desq-kicker {
  color: var(--lvd-coral, #c96f61);
  font-size: 15px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.desq-large-content .desq-schema-row {
  display: grid;
  grid-template-columns: 1fr 40px 1fr 40px 1fr;
  gap: 10px;
  align-items: center;
  margin-top: 30px;
}

.desq-large-content .desq-step {
  min-height: 196px;
  padding: 24px 18px 20px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 17px;
  background: rgba(255,255,255,0.86);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.desq-large-content .desq-step span {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 19px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.055em;
}

.desq-large-content .desq-step strong {
  display: block;
  margin-top: 10px;
  color: var(--lvd-navy, #28365f);
  font-size: 25px;
  line-height: 1.03;
  font-weight: 860;
  letter-spacing: -0.025em;
}

.desq-large-content .desq-step small {
  display: block;
  margin-top: 10px;
  color: var(--lvd-muted, #68717d);
  font-size: 19px;
  line-height: 1.13;
  font-weight: 560;
}

.desq-large-content .desq-arrow {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 33px;
  font-weight: 650;
  text-align: center;
}

.desq-large-content .desq-bottom-note {
  margin-top: 26px;
  padding: 18px 20px;
  border-left: 8px solid var(--lvd-sand, #d9b978);
  border-radius: 14px;
  background: rgba(255,255,255,0.82);
  color: var(--lvd-navy, #28365f);
  font-size: 23px;
  line-height: 1.16;
  font-weight: 780;
}

.desq-large-content .desq-metric {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 16px;
  align-items: center;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 8px solid var(--lvd-teal, #2e8483);
  border-radius: 16px;
  background: rgba(255,255,255,0.90);
  padding: 18px 18px;
}

.desq-large-content .desq-metric.primary {
  margin-top: 24px;
  border-left-color: var(--lvd-cobalt, #4058b3);
}

.desq-large-content .desq-metric.secondary {
  margin-top: 16px;
}

.desq-large-content .desq-number {
  color: var(--lvd-teal-dark, #226b6c);
  font-size: 52px;
  line-height: 1;
  font-weight: 860;
  letter-spacing: -0.05em;
}

.desq-large-content .desq-metric.primary .desq-number {
  color: var(--lvd-cobalt, #4058b3);
}

.desq-large-content .desq-metric strong {
  display: block;
  color: var(--lvd-navy, #28365f);
  font-size: 20px;
  line-height: 1.06;
  font-weight: 860;
  letter-spacing: -0.015em;
}

.desq-large-content .desq-metric span {
  display: block;
  margin-top: 5px;
  color: var(--lvd-muted, #68717d);
  font-size: 19px;
  line-height: 1.12;
  font-weight: 540;
}

.desq-large-content .desq-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 16px;
}

.desq-large-content .desq-mini {
  min-height: 126px;
  padding: 16px 17px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 15px;
  background: rgba(255,255,255,0.90);
  box-sizing: border-box;
}

.desq-large-content .desq-mini strong {
  display: block;
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 42px;
  line-height: 1;
  font-weight: 860;
  letter-spacing: -0.04em;
}

.desq-large-content .desq-mini span {
  display: block;
  margin-top: 8px;
  color: var(--lvd-navy, #28365f);
  font-size: 18px;
  line-height: 1.12;
  font-weight: 720;
}

.desq-large-content .desq-callout {
  margin-top: 18px;
  padding: 17px 21px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 8px solid var(--lvd-sand, #d9b978);
  border-radius: 15px;
  background: var(--lvd-soft-blue, #f2f4fa);
  color: var(--lvd-navy, #28365f);
  font-size: 21px;
  line-height: 1.16;
  box-sizing: border-box;
}

.desq-large-content .desq-callout strong {
  font-weight: 860;
}

.desquamate-slide .lvd-reference,
.reveal .desquamate-slide .lvd-reference {
  left: 85px;
  right: 85px;
  bottom: 29px;
  color: #7a8492;
  font-size: 9px;
  line-height: 1.1;
  text-align: center;
}

/* ==========================================================================
   MATISSE — larger left design card + one-line title
   Fragment order:
   f00 = title only
   f01 = subtitle/tagline
   f02 = randomized phase 2 design card
   f03 = what MATISSE added card
   f04 = dermatologist framing
   ========================================================================== */

/* Slide-specific title override: keeps this long MATISSE title on one line
   without changing the shared/global title rules. */
.matisse-one-line-title .lvd-topbar-title {
  font-size: 47px;
  line-height: 0.98;
  font-weight: 620;
  letter-spacing: -0.038em;
  white-space: nowrap;
}

.matisse-large-content {
  top: 164px;
  left: 36px;
  right: 36px;
  bottom: 52px;
}

.matisse-large-content .matisse-subtitle {
  margin: 0 auto 16px auto;
  max-width: 1510px;
  color: var(--lvd-navy, #28365f);
  font-size: 23px;
  line-height: 1.14;
  font-weight: 780;
  text-align: center;
}

.matisse-large-content .matisse-frag-grid {
  display: grid;
  grid-template-columns: 1.10fr 0.90fr;
  gap: 24px;
  align-items: stretch;
}

.matisse-large-content .matisse-card {
  min-height: 420px;
  box-sizing: border-box;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(40,54,95,0.055);
  overflow: hidden;
}

.matisse-large-content .matisse-design {
  padding: 26px 28px 22px;
  border-top: 7px solid var(--lvd-sand, #d9b978);
  background:
    radial-gradient(circle at 92% 14%, rgba(217,185,120,0.15), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-sand, #fbf6e9), #fff 42%);
}

.matisse-large-content .matisse-results {
  padding: 24px 26px 18px;
  border-top: 7px solid var(--lvd-teal, #2e8483);
  background:
    radial-gradient(circle at 92% 14%, rgba(46,132,131,0.10), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-teal, #eef7f6), #fff 42%);
}

.matisse-large-content .matisse-kicker {
  color: var(--lvd-coral, #c96f61);
  font-size: 15px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.matisse-large-content .matisse-arm-grid {
  display: grid;
  grid-template-columns: 0.86fr 1.14fr;
  gap: 17px;
  margin-top: 24px;
}

.matisse-large-content .matisse-arm {
  min-height: 136px;
  padding: 18px 18px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 16px;
  background: rgba(255,255,255,0.86);
  box-sizing: border-box;
}

.matisse-large-content .matisse-arm.nivo {
  border-left: 7px solid var(--lvd-cobalt, #4058b3);
}

.matisse-large-content .matisse-arm.combo {
  border-left: 7px solid var(--lvd-sand, #d9b978);
}

.matisse-large-content .matisse-arm-label {
  color: var(--lvd-muted, #68717d);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.matisse-large-content .matisse-arm strong {
  display: block;
  margin-top: 10px;
  color: var(--lvd-navy, #28365f);
  font-size: 25px;
  line-height: 1.03;
  font-weight: 860;
  letter-spacing: -0.025em;
}

.matisse-large-content .matisse-arm span {
  display: block;
  margin-top: 8px;
  color: var(--lvd-muted, #68717d);
  font-size: 18px;
  line-height: 1.15;
  font-weight: 560;
}

.matisse-large-content .matisse-path {
  display: grid;
  grid-template-columns: 1fr 34px 1fr 34px 1fr;
  gap: 8px;
  align-items: center;
  margin-top: 24px;
}

.matisse-large-content .matisse-path-step {
  min-height: 154px;
  padding: 17px 14px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 16px;
  background: rgba(255,255,255,0.87);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.matisse-large-content .matisse-path-step span {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 20px;
  font-weight: 850;
  letter-spacing: 0.05em;
}

.matisse-large-content .matisse-path-step strong {
  margin-top: 8px;
  color: var(--lvd-navy, #28365f);
  font-size: 22px;
  line-height: 1.03;
  font-weight: 860;
  letter-spacing: -0.018em;
}

.matisse-large-content .matisse-path-step small {
  margin-top: 7px;
  color: var(--lvd-muted, #68717d);
  font-size: 16px;
  line-height: 1.12;
  font-weight: 540;
}

.matisse-large-content .matisse-path-arrow {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 30px;
  font-weight: 650;
  text-align: center;
}

/* Right side remains visually close to the prior successful version. */
.matisse-large-content .matisse-response-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 22px;
}

.matisse-large-content .matisse-response-box {
  min-height: 120px;
  padding: 16px 16px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 15px;
  background: rgba(255,255,255,0.88);
  box-sizing: border-box;
}

.matisse-large-content .matisse-response-box.nivo {
  border-left: 7px solid var(--lvd-cobalt, #4058b3);
}

.matisse-large-content .matisse-response-box.combo {
  border-left: 7px solid var(--lvd-sand, #d9b978);
}

.matisse-large-content .matisse-response-box strong {
  display: block;
  color: var(--lvd-navy, #28365f);
  font-size: 43px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -0.04em;
}

.matisse-large-content .matisse-response-box span {
  display: block;
  margin-top: 6px;
  color: var(--lvd-navy, #28365f);
  font-size: 15px;
  line-height: 1.10;
  font-weight: 760;
}

.matisse-large-content .matisse-response-box small {
  display: block;
  margin-top: 4px;
  color: var(--lvd-muted, #68717d);
  font-size: 12px;
  line-height: 1;
  font-weight: 760;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.matisse-large-content .matisse-stat-card {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 16px;
  align-items: center;
  margin-top: 14px;
  padding: 14px 16px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 7px solid var(--lvd-coral, #c96f61);
  border-radius: 15px;
  background: rgba(255,255,255,0.88);
}

.matisse-large-content .matisse-stat-card.teal {
  border-left-color: var(--lvd-teal, #2e8483);
}

.matisse-large-content .matisse-big {
  color: var(--lvd-coral-dark, #a9534d);
  font-size: 39px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -0.04em;
}

.matisse-large-content .matisse-stat-card.teal .matisse-big {
  color: var(--lvd-teal-dark, #226b6c);
}

.matisse-large-content .matisse-stat-card strong {
  display: block;
  color: var(--lvd-navy, #28365f);
  font-size: 16px;
  line-height: 1.07;
  font-weight: 850;
}

.matisse-large-content .matisse-stat-card span {
  display: block;
  margin-top: 4px;
  color: var(--lvd-muted, #68717d);
  font-size: 12px;
  line-height: 1.12;
  font-weight: 530;
}

.matisse-large-content .matisse-pet-note {
  margin-top: 14px;
  padding: 10px 15px;
  border: 1px solid rgba(184,146,79,0.36);
  border-radius: 999px;
  background: rgba(251,246,233,0.82);
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 14px;
  line-height: 1.06;
  font-weight: 800;
  text-align: center;
}

.matisse-large-content .matisse-callout {
  margin: 16px auto 0;
  max-width: 1540px;
  padding: 15px 19px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 7px solid var(--lvd-sand, #d9b978);
  border-radius: 14px;
  background: var(--lvd-soft-blue, #f2f4fa);
  color: var(--lvd-navy, #28365f);
  font-size: 19px;
  line-height: 1.14;
  box-sizing: border-box;
}

.matisse-large-content .matisse-callout strong {
  font-weight: 850;
}

.matisse-slide .lvd-reference,
.reveal .matisse-slide .lvd-reference,
.matisse-slide .slide-reference,
.reveal .matisse-slide .slide-reference {
  left: 85px;
  right: 85px;
  bottom: 29px;
  color: #7a8492;
  font-size: 9px;
  line-height: 1.1;
  text-align: center;
}

/* ==========================================================================
   FIRST — response guides what comes next
   Full slide CSS replacement with fixed self-contained Bayesian icon.
   Important: delete/replace the prior firstx-bayes-updated-content block
   so old SVG styling cannot make the posterior icon render as a giant shape.
   Fragment order:
   f00 = title only
   f01 = subtitle/tagline
   f02 = design / causal framework card
   f03 = outcome + Bayesian analysis card
   f04 = FIRST approach / takeaway
   ========================================================================== */

.first-slide .lvd-content,
.reveal .first-slide .lvd-content,
.firstx-bayes-fixed-content {
  top: 164px;
  left: 48px;
  right: 48px;
  bottom: 54px;
}

.firstx-bayes-fixed-content .firstx-subtitle {
  margin: 0 auto 18px auto;
  max-width: 1460px;
  color: var(--lvd-navy, #28365f);
  font-size: 22px;
  line-height: 1.18;
  font-weight: 760;
  text-align: center;
}

.firstx-bayes-fixed-content .firstx-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 24px;
  align-items: stretch;
}

.firstx-bayes-fixed-content .firstx-card {
  box-sizing: border-box;
  min-height: 404px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(40,54,95,0.055);
  overflow: hidden;
}

.firstx-bayes-fixed-content .firstx-design {
  padding: 24px 28px 20px;
  border-top: 7px solid var(--lvd-coral, #c96f61);
  background:
    radial-gradient(circle at 92% 12%, rgba(201,111,97,0.09), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-coral, #fff3f0), #fff 40%);
}

.firstx-bayes-fixed-content .firstx-results {
  padding: 24px 28px 18px;
  border-top: 7px solid var(--lvd-teal, #2e8483);
  background:
    radial-gradient(circle at 92% 12%, rgba(46,132,131,0.11), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-teal, #eef7f6), #fff 40%);
}

.firstx-bayes-fixed-content .firstx-kicker {
  color: var(--lvd-coral, #c96f61);
  font-size: 14px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.firstx-bayes-fixed-content .firstx-design-metrics {
  display: grid;
  grid-template-columns: 0.72fr 1fr;
  gap: 14px;
  margin-top: 20px;
}

.firstx-bayes-fixed-content .firstx-design-box {
  min-height: 94px;
  padding: 16px 16px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 15px;
  background: rgba(255,255,255,0.84);
  border-left: 7px solid var(--lvd-sand, #d9b978);
}

.firstx-bayes-fixed-content .firstx-design-box strong {
  display: block;
  color: var(--lvd-navy, #28365f);
  font-size: 36px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -0.035em;
}

.firstx-bayes-fixed-content .firstx-design-box span {
  display: block;
  margin-top: 8px;
  color: var(--lvd-muted, #68717d);
  font-size: 14px;
  line-height: 1.13;
  font-weight: 560;
}

.firstx-bayes-fixed-content .firstx-path {
  display: grid;
  grid-template-columns: 1fr 34px 1fr 34px 1fr;
  gap: 7px;
  align-items: center;
  margin-top: 22px;
}

.firstx-bayes-fixed-content .firstx-path-step {
  min-height: 134px;
  padding: 15px 12px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 15px;
  background: rgba(255,255,255,0.86);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.firstx-bayes-fixed-content .firstx-path-step span {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 14px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.05em;
}

.firstx-bayes-fixed-content .firstx-path-step strong {
  display: block;
  margin-top: 8px;
  color: var(--lvd-navy, #28365f);
  font-size: 19px;
  line-height: 1.04;
  font-weight: 850;
}

.firstx-bayes-fixed-content .firstx-path-step small {
  display: block;
  margin-top: 7px;
  color: var(--lvd-muted, #68717d);
  font-size: 12px;
  line-height: 1.12;
  font-weight: 530;
}

.firstx-bayes-fixed-content .firstx-path-arrow {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 29px;
  font-weight: 650;
  text-align: center;
}

.firstx-bayes-fixed-content .firstx-method-note {
  margin-top: 22px;
  padding: 15px 18px;
  border-left: 7px solid var(--lvd-sand, #d9b978);
  border-radius: 13px;
  background: rgba(255,255,255,0.80);
  color: var(--lvd-navy, #28365f);
  font-size: 16px;
  line-height: 1.17;
  font-weight: 700;
}

.firstx-bayes-fixed-content .firstx-metric {
  display: grid;
  grid-template-columns: 104px 1fr;
  gap: 16px;
  align-items: center;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 7px solid var(--lvd-teal, #2e8483);
  border-radius: 16px;
  background: rgba(255,255,255,0.88);
  padding: 16px 16px;
}

.firstx-bayes-fixed-content .firstx-metric.primary {
  margin-top: 22px;
  border-left-color: var(--lvd-cobalt, #4058b3);
}

.firstx-bayes-fixed-content .firstx-metric.gold {
  margin-top: 14px;
  border-left-color: var(--lvd-sand, #d9b978);
}

.firstx-bayes-fixed-content .firstx-metric.teal {
  margin-top: 14px;
  border-left-color: var(--lvd-teal, #2e8483);
}

.firstx-bayes-fixed-content .firstx-number {
  color: var(--lvd-teal-dark, #226b6c);
  font-size: 45px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -0.05em;
}

.firstx-bayes-fixed-content .firstx-metric.primary .firstx-number {
  color: var(--lvd-cobalt, #4058b3);
}

.firstx-bayes-fixed-content .firstx-metric.gold .firstx-number {
  color: var(--lvd-sand-dark, #b8924f);
}

.firstx-bayes-fixed-content .firstx-metric strong {
  display: block;
  color: var(--lvd-navy, #28365f);
  font-size: 18px;
  line-height: 1.06;
  font-weight: 850;
}

.firstx-bayes-fixed-content .firstx-metric span {
  display: block;
  margin-top: 4px;
  color: var(--lvd-muted, #68717d);
  font-size: 14px;
  line-height: 1.12;
  font-weight: 520;
}

/* Bayesian evidence card: icon is self-contained and locked small */
.firstx-bayes-fixed-content .firstx-bayes-note-fixed {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 14px;
  align-items: center;
  margin-top: 16px;
  padding: 14px 16px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 16px;
  background: rgba(255,255,255,0.92);
  box-sizing: border-box;
}

.firstx-bayes-fixed-content .firstx-bayes-icon-fixed {
  width: 88px;
  height: 88px;
  max-width: 88px;
  max-height: 88px;
  min-width: 88px;
  min-height: 88px;
  border-radius: 18px;
  background: rgba(251,246,233,0.82);
  border: 1px solid rgba(184,146,79,0.28);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
}

.firstx-bayes-fixed-content .firstx-bayes-icon-fixed svg {
  display: block !important;
  width: 82px !important;
  height: 60px !important;
  max-width: 82px !important;
  max-height: 60px !important;
  overflow: hidden !important;
}

.firstx-bayes-fixed-content .firstx-bayes-copy-fixed strong {
  display: block;
  color: var(--lvd-navy, #28365f);
  font-size: 17px;
  line-height: 1.08;
  font-weight: 850;
}

.firstx-bayes-fixed-content .firstx-bayes-copy-fixed span {
  display: block;
  margin-top: 5px;
  color: var(--lvd-muted, #68717d);
  font-size: 14px;
  line-height: 1.18;
  font-weight: 540;
}

.firstx-bayes-fixed-content .firstx-bottom-line {
  margin-top: 18px;
  padding: 16px 20px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 8px solid var(--lvd-sand, #d9b978);
  border-radius: 15px;
  background: var(--lvd-soft-blue, #f2f4fa);
  color: var(--lvd-navy, #28365f);
  font-size: 20px;
  line-height: 1.16;
  box-sizing: border-box;
}

.firstx-bayes-fixed-content .firstx-bottom-line strong {
  font-weight: 850;
}

.first-slide .slide-reference,
.reveal .first-slide .slide-reference {
  left: 85px;
  right: 85px;
  bottom: 29px;
  color: #7a8492;
  font-size: 9px;
  line-height: 1.1;
  text-align: center;
}

/* ==========================================================================
   FIRST — cCR WITHOUT SURGERY BY DOSE
   Insert immediately after the FIRST overview/meta slide CSS and before the
   FIRST response-guided approach slide CSS.

   Fragment sequence:
   f00 = title only
   f01 = subtitle + cCR cohort
   f02 = dose lanes
   f03 = recurrence by dose
   f04 = vital status by dose
   f05 = overall summary

   Namespaced to avoid collisions with generic .card, .stack, .summary-* rules.
   ========================================================================== */

.first-ccr-dose-slide .lvd-content,
.reveal .first-ccr-dose-slide .lvd-content,
.first-ccr-dose-content {
  top: 156px;
  left: 24px;
  right: 24px;
  bottom: 48px;
}

.first-ccr-dose-content {
  --ccr-ink: #182033;
  --ccr-muted: #5f6c82;
  --ccr-line: #d6dfeb;
  --ccr-soft: #f6f9fc;
  --ccr-soft2: #eef4f9;
  --ccr-white: #ffffff;

  --ccr-d1: #4f8fff;
  --ccr-d2: #0f766e;
  --ccr-d3: #7c3aed;
  --ccr-d4: #b45309;

  --ccr-green: #166534;
  --ccr-green-bg: #eaf8ef;
  --ccr-red: #b91c1c;
  --ccr-red-bg: #fde8e8;
  --ccr-slate: #334155;
  --ccr-slate-bg: #eef4f9;
  --ccr-gold: #92400e;
  --ccr-gold-bg: #fff7df;
  --ccr-purple: #7c2d8a;
  --ccr-purple-bg: #f7eef7;

  color: var(--ccr-ink);
  box-sizing: border-box;
}

.first-ccr-dose-content *,
.first-ccr-dose-content *::before,
.first-ccr-dose-content *::after {
  box-sizing: border-box;
}

.first-ccr-dose-subtitle {
  margin: 0 auto 8px;
  max-width: 1460px;
  color: var(--lvd-navy, #28365f);
  font-size: 23px;
  line-height: 1.08;
  font-weight: 700;
  text-align: center;
}

.first-ccr-dose-subtitle strong {
  font-weight: 880;
}

.first-ccr-dose-shell {
  width: 1472px;
  max-width: 1472px;
  margin: 0 auto;
}

.first-ccr-stage-head,
.first-ccr-flow-grid {
  display: grid;
  grid-template-columns: 168px 254px 228px 308px 478px;
  gap: 8px;
}

.first-ccr-stage-head {
  margin-bottom: 5px;
}

.first-ccr-stage-pill {
  padding: 7px 10px;
  border: 1px solid var(--ccr-line);
  border-radius: 999px;
  background: var(--ccr-soft2);
  color: #42526b;
  font-size: 12px;
  line-height: 1;
  font-weight: 830;
  letter-spacing: 0.075em;
  text-align: center;
  text-transform: uppercase;
}

.first-ccr-flow-grid {
  grid-auto-rows: 148px;
  align-items: stretch;
}

.first-ccr-cohort {
  grid-column: 1;
  grid-row: 1 / span 4;
}

.first-ccr-dose-card {
  grid-column: 2;
}

.first-ccr-recur {
  grid-column: 3;
}

.first-ccr-vital {
  grid-column: 4;
}

.first-ccr-summary {
  grid-column: 5;
  grid-row: 1 / span 4;
}

.first-ccr-cohort,
.first-ccr-dose-card,
.first-ccr-recur,
.first-ccr-vital,
.first-ccr-summary {
  border: 1px solid var(--ccr-line);
  border-radius: 13px;
  background: var(--ccr-white);
}

.first-ccr-cohort {
  padding: 13px 11px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--lvd-navy, #28365f);
  color: #fff;
  text-align: center;
}

.first-ccr-cohort-eyebrow {
  margin-bottom: 11px;
  font-size: 11px;
  line-height: 1.05;
  font-weight: 820;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  opacity: 0.84;
}

.first-ccr-cohort-n {
  font-size: 52px;
  line-height: 1;
  font-weight: 880;
  letter-spacing: -0.035em;
}

.first-ccr-cohort-label {
  margin-top: 6px;
  font-size: 19px;
  line-height: 1;
  font-weight: 680;
}

.first-ccr-cohort-sub {
  margin-top: 15px;
  padding-top: 13px;
  border-top: 1px solid rgba(255,255,255,0.16);
  font-size: 14px;
  line-height: 1.18;
  font-weight: 520;
  opacity: 0.90;
}

.first-ccr-dose-card {
  padding: 11px 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}

.first-ccr-dose-card.d1 {
  background: linear-gradient(135deg, #6aa2ff 0%, var(--ccr-d1) 100%);
}

.first-ccr-dose-card.d2 {
  background: linear-gradient(135deg, #25aa9c 0%, var(--ccr-d2) 100%);
}

.first-ccr-dose-card.d3 {
  background: linear-gradient(135deg, #aa8cff 0%, var(--ccr-d3) 100%);
}

.first-ccr-dose-card.d4 {
  background: linear-gradient(135deg, #da9740 0%, var(--ccr-d4) 100%);
}

.first-ccr-dose-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: baseline;
}

.first-ccr-dose-name {
  font-size: 22px;
  line-height: 1;
  font-weight: 880;
}

.first-ccr-dose-n {
  font-size: 30px;
  line-height: 1;
  font-weight: 880;
}

.first-ccr-dose-sub {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.06;
  font-weight: 560;
}

.first-ccr-dose-pct {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
}

.first-ccr-recur,
.first-ccr-vital {
  padding: 6px 7px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
}

.first-ccr-stack {
  display: grid;
  gap: 4px;
  min-height: 0;
}

.first-ccr-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px;
  align-items: center;
  padding: 6px 9px;
  border: 1px solid transparent;
  border-radius: 10px;
  min-height: 0;
}

.first-ccr-card.green,
.first-ccr-summary-item.green {
  background: var(--ccr-green-bg);
  color: var(--ccr-green);
  border-color: #cfe7d5;
}

.first-ccr-card.red,
.first-ccr-summary-item.red {
  background: var(--ccr-red-bg);
  color: var(--ccr-red);
  border-color: #f0cbcb;
}

.first-ccr-card.slate,
.first-ccr-summary-item.slate {
  background: var(--ccr-slate-bg);
  color: var(--ccr-slate);
  border-color: #d9e2ee;
}

.first-ccr-card.gold,
.first-ccr-summary-item.gold {
  background: var(--ccr-gold-bg);
  color: var(--ccr-gold);
  border-color: #efe0b5;
}

.first-ccr-card.purple,
.first-ccr-summary-item.purple {
  background: var(--ccr-purple-bg);
  color: var(--ccr-purple);
  border-color: #e4d5e7;
}

.first-ccr-card-name {
  font-size: 14px;
  line-height: 1.02;
  font-weight: 820;
}

.first-ccr-card-val {
  font-size: 18px;
  line-height: 1;
  font-weight: 880;
}

.first-ccr-card-pct {
  grid-column: 1 / -1;
  margin-top: -3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 540;
  opacity: 0.88;
}

.first-ccr-summary {
  padding: 16px 14px 14px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.first-ccr-summary-head {
  margin-bottom: 18px;
  text-align: center;
}

.first-ccr-summary-title {
  margin-bottom: 6px;
  color: #60708a;
  font-size: 11px;
  line-height: 1;
  font-weight: 830;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.first-ccr-summary-n {
  color: var(--ccr-ink);
  font-size: 42px;
  line-height: 1;
  font-weight: 880;
}

.first-ccr-summary-sub {
  margin-top: 4px;
  color: var(--ccr-muted);
  font-size: 13px;
  line-height: 1;
}

.first-ccr-summary-section {
  margin-top: 12px;
}

.first-ccr-section-label {
  margin-bottom: 6px;
  color: #61708a;
  font-size: 11px;
  line-height: 1;
  font-weight: 840;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.first-ccr-summary-stack {
  display: grid;
  gap: 8px;
}

.first-ccr-summary-item {
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
}

.first-ccr-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}

.first-ccr-summary-name {
  font-size: 13px;
  line-height: 1.04;
  font-weight: 830;
}

.first-ccr-summary-val {
  font-size: 22px;
  line-height: 1;
  font-weight: 880;
}

.first-ccr-summary-pct {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1;
  font-weight: 560;
}

.first-ccr-callout {
  margin-top: 16px;
  padding: 15px 17px;
  border: 1.25px solid rgba(40,54,95,0.16);
  border-left: 7px solid var(--lvd-sand, #d9b978);
  border-radius: 12px;
  background: var(--lvd-soft-blue, #f2f4fa);
  color: var(--lvd-navy, #28365f);
  font-size: 16px;
  line-height: 1.18;
  font-weight: 620;
}

.first-ccr-callout strong {
  font-weight: 880;
}

.first-ccr-callout .first-ccr-callout-label {
  display: inline-block;
  margin-right: 4px;
}

/* Reference rail */
.first-ccr-dose-slide .lvd-reference,
.reveal .first-ccr-dose-slide .lvd-reference {
  left: 85px;
  right: 85px;
  bottom: 29px;
  color: #7a8492;
  font-size: 9px;
  line-height: 1.1;
  text-align: center;
}

/* Fragment handling: exporter controls state; browser remains crisp. */
.reveal .slides section.first-ccr-dose-slide .fragment {
  transition: none !important;
  transform: none !important;
}

.reveal .slides section.first-ccr-dose-slide .fragment.visible {
  opacity: 1 !important;
  visibility: visible !important;
}



/* ==========================================================================
   FIRST: our response-guided approach — fragmented compact revision
   Fragment order:
   f01 = subtitle
   f02 = top three-step row
   f03 = responding branch
   f04 = not-responding branch
   f05 = bottom framework ribbon
   ========================================================================== */

.first-approach-v3-content {
  top: 148px;
  left: 24px;
  right: 24px;
  bottom: 54px;
}

.first-approach-v3-subtitle {
  margin: 0 auto 18px;
  max-width: 1560px;
  color: var(--lvd-navy, #28365f);
  font-size: 22px;
  line-height: 1.16;
  font-weight: 760;
  text-align: center;
}

.first-approach-v3-top-row {
  display: grid;
  grid-template-columns: 1fr 54px 1fr 54px 1fr;
  gap: 10px;
  align-items: center;
}

.first-approach-v3-arrow {
  color: var(--lvd-navy, #28365f);
  font-size: 44px;
  line-height: 1;
  font-weight: 500;
  text-align: center;
}

.first-approach-v3-step {
  position: relative;
  min-height: 260px;
  padding: 14px 20px 18px;
  border: 1.35px solid var(--lvd-border, #dce1e9);
  border-radius: 22px;
  box-shadow: 0 8px 22px rgba(40,54,95,0.05);
  background: #fff;
  box-sizing: border-box;
}

.first-approach-v3-step.problem {
  border-color: rgba(201,111,97,0.28);
  background:
    radial-gradient(circle at 50% 24%, rgba(201,111,97,0.06), transparent 24%),
    linear-gradient(180deg, rgba(252,244,242,0.95), #fff 72%);
}

.first-approach-v3-step.treat {
  border-color: rgba(184,146,79,0.28);
  background:
    radial-gradient(circle at 50% 24%, rgba(184,146,79,0.07), transparent 24%),
    linear-gradient(180deg, rgba(251,246,233,0.92), #fff 72%);
}

.first-approach-v3-step.assess {
  border-color: rgba(46,132,131,0.28);
  background:
    radial-gradient(circle at 50% 24%, rgba(46,132,131,0.07), transparent 24%),
    linear-gradient(180deg, rgba(238,247,246,0.94), #fff 72%);
}

.first-approach-v3-step-num {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  line-height: 1;
  font-weight: 850;
  color: #fff;
}

.first-approach-v3-step.problem .first-approach-v3-step-num { background: var(--lvd-coral, #c96f61); }
.first-approach-v3-step.treat .first-approach-v3-step-num { background: var(--lvd-sand-dark, #b8924f); }
.first-approach-v3-step.assess .first-approach-v3-step-num { background: var(--lvd-teal, #2e8483); }

.first-approach-v3-step-icon {
  width: 98px;
  height: 98px;
  margin: 22px auto 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.82);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  line-height: 1;
  font-weight: 850;
}

.first-approach-v3-step.problem .first-approach-v3-step-icon { color: var(--lvd-coral, #c96f61); }
.first-approach-v3-step.treat .first-approach-v3-step-icon { color: var(--lvd-sand-dark, #b8924f); font-size: 50px; }
.first-approach-v3-step.assess .first-approach-v3-step-icon { color: var(--lvd-teal, #2e8483); font-size: 50px; }

.first-approach-v3-step-title {
  color: var(--lvd-navy, #28365f);
  font-size: 29px;
  line-height: 1.02;
  font-weight: 850;
  text-align: center;
  letter-spacing: -0.02em;
}

.first-approach-v3-step-rule {
  width: 88%;
  height: 2.5px;
  margin: 12px auto 12px;
  border-radius: 999px;
}

.first-approach-v3-step.problem .first-approach-v3-step-rule { background: rgba(201,111,97,0.55); }
.first-approach-v3-step.treat .first-approach-v3-step-rule { background: rgba(184,146,79,0.55); }
.first-approach-v3-step.assess .first-approach-v3-step-rule { background: rgba(46,132,131,0.55); }

.first-approach-v3-step-text {
  color: var(--lvd-navy, #28365f);
  font-size: 20px;
  line-height: 1.15;
  font-weight: 600;
  text-align: center;
  max-width: 92%;
  margin: 0 auto;
}

.first-approach-v3-branch-row {
  display: grid;
  grid-template-columns: 1.58fr 1fr;
  gap: 22px;
  margin-top: 14px;
  align-items: stretch;
}

.first-approach-v3-branch {
  border: 1.35px solid var(--lvd-border, #dce1e9);
  border-radius: 22px;
  box-shadow: 0 8px 20px rgba(40,54,95,0.04);
  background: #fff;
  padding: 16px 20px 18px;
  box-sizing: border-box;
}

.first-approach-v3-branch.responding {
  border-color: rgba(46,132,131,0.30);
  background:
    linear-gradient(180deg, rgba(238,247,246,0.9), #fff 58%);
}

.first-approach-v3-branch.not-responding {
  border-color: rgba(201,111,97,0.30);
  background:
    linear-gradient(180deg, rgba(252,244,242,0.9), #fff 58%);
}

.first-approach-v3-branch-head {
  display: grid;
  grid-template-columns: 74px 1fr;
  gap: 14px;
  align-items: center;
}

.first-approach-v3-branch-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 44px;
  line-height: 1;
  font-weight: 850;
}

.first-approach-v3-branch.responding .first-approach-v3-branch-icon { background: var(--lvd-teal, #2e8483); }
.first-approach-v3-branch.not-responding .first-approach-v3-branch-icon { background: var(--lvd-coral, #c96f61); }

.first-approach-v3-branch-title {
  color: var(--lvd-navy, #28365f);
  font-size: 26px;
  line-height: 1.02;
  font-weight: 850;
  letter-spacing: -0.02em;
}

.first-approach-v3-branch-kicker {
  margin-top: 3px;
  font-size: 17px;
  line-height: 1.05;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.first-approach-v3-branch.responding .first-approach-v3-branch-kicker { color: var(--lvd-navy, #28365f); }
.first-approach-v3-branch.not-responding .first-approach-v3-branch-kicker { color: var(--lvd-navy, #28365f); }

.first-approach-v3-mini-row {
  display: grid;
  grid-template-columns: 1fr 30px 1fr 30px 1.22fr;
  gap: 8px;
  align-items: center;
  margin-top: 16px;
}

.first-approach-v3-mini {
  min-height: 108px;
  padding: 12px 14px;
  border: 1.2px solid var(--lvd-border, #dce1e9);
  border-radius: 16px;
  background: rgba(255,255,255,0.88);
  box-sizing: border-box;
}

.first-approach-v3-mini strong {
  display: block;
  color: var(--lvd-teal-dark, #226b6c);
  font-size: 18px;
  line-height: 1.05;
  font-weight: 850;
}

.first-approach-v3-mini span {
  display: block;
  margin-top: 7px;
  color: var(--lvd-navy, #28365f);
  font-size: 15px;
  line-height: 1.12;
  font-weight: 600;
}

.first-approach-v3-mini.adapt strong {
  color: var(--lvd-teal-dark, #226b6c);
}

.first-approach-v3-mini-arrow {
  color: var(--lvd-teal-dark, #226b6c);
  font-size: 36px;
  line-height: 1;
  text-align: center;
}

.first-approach-v3-action-box {
  margin-top: 16px;
  min-height: 110px;
  padding: 18px 20px;
  border: 1.2px solid rgba(201,111,97,0.25);
  border-radius: 18px;
  background: rgba(255,255,255,0.88);
  box-sizing: border-box;
}

.first-approach-v3-action-box strong {
  display: block;
  color: var(--lvd-coral, #c96f61);
  font-size: 24px;
  line-height: 1.02;
  font-weight: 850;
  letter-spacing: -0.02em;
}

.first-approach-v3-action-box span {
  display: block;
  margin-top: 10px;
  color: var(--lvd-navy, #28365f);
  font-size: 17px;
  line-height: 1.12;
  font-weight: 650;
}

.first-approach-v3-ribbon {
  margin-top: 14px;
  padding: 16px 22px;
  border-radius: 18px;
  background: var(--lvd-navy, #28365f);
  color: #fff;
  font-size: 22px;
  line-height: 1.14;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
}

.first-approach-v3-ribbon strong {
  font-weight: 850;
}

/* ------------------------------------------------------------------------
   SECTION BREAK — EARLIER DISEASE / CLEAR
   Uses shared transition slide rules above.
   ------------------------------------------------------------------------ */

/* ==========================================================================
   CLEAR CONTINUUM — "HOW EARLY CAN IMMUNOTHERAPY MOVE?"
   Restores styling for:
   ## How early can immunotherapy move? {.lvd-standard-slide .clear-slide footer=false}

   Fragment order can be added later if desired; this block restores layout.
   ========================================================================== */

.clear-slide .lvd-content,
.reveal .clear-slide .lvd-content {
  top: 164px;
  left: 48px;
  right: 48px;
  bottom: 54px;
}

.clear-intro {
  margin: 0 auto 28px;
  max-width: 1420px;
  color: var(--lvd-navy, #28365f);
  font-size: 26px;
  line-height: 1.16;
  font-weight: 780;
  text-align: center;
}

.continuum {
  display: grid;
  grid-template-columns: 1fr 58px 1fr 58px 1fr;
  gap: 18px;
  align-items: center;
  margin-top: 0;
}

.continuum-stage {
  height: 262px;
  box-sizing: border-box;
  padding: 40px 34px 34px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(40,54,95,0.065);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.continuum-stage.established {
  border-top: 8px solid var(--lvd-cobalt, #4058b3);
  background:
    radial-gradient(circle at 90% 12%, rgba(64,88,179,0.08), transparent 34%),
    linear-gradient(180deg, var(--lvd-soft-blue, #f2f4fa), #fff 42%);
}

.continuum-stage.resectable {
  border-top: 8px solid var(--lvd-sand, #d9b978);
  background:
    radial-gradient(circle at 90% 12%, rgba(217,185,120,0.15), transparent 34%),
    linear-gradient(180deg, var(--lvd-soft-sand, #fbf6e9), #fff 42%);
}

.continuum-stage.early {
  border-top: 8px solid var(--lvd-teal, #2e8483);
  background:
    radial-gradient(circle at 90% 12%, rgba(46,132,131,0.11), transparent 34%),
    linear-gradient(180deg, var(--lvd-soft-teal, #eef7f6), #fff 42%);
}

.continuum-label {
  color: var(--lvd-coral, #c96f61);
  font-size: 15px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

.continuum-title {
  margin-top: 18px;
  color: var(--lvd-navy, #28365f);
  font-size: 30px;
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -0.025em;
}

.continuum-status {
  display: inline-flex;
  align-self: center;
  justify-content: center;
  margin-top: 20px;
  padding: 7px 18px 6px;
  min-width: 178px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 999px;
  background: rgba(255,255,255,0.84);
  color: var(--lvd-cobalt, #4058b3);
  font-size: 12px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.continuum-stage.resectable .continuum-status {
  color: var(--lvd-sand-dark, #b8924f);
}

.continuum-stage.early .continuum-status {
  color: var(--lvd-teal-dark, #226b6c);
}

.continuum-arrow {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}

.clear-question {
  margin-top: 30px;
  padding: 18px 24px 20px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 8px solid var(--lvd-teal, #2e8483);
  border-radius: 15px;
  background: var(--lvd-soft-teal, #eef7f6);
  box-shadow: 0 6px 16px rgba(40,54,95,0.045);
}

.clear-question-kicker {
  color: var(--lvd-coral, #c96f61);
  font-size: 14px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.clear-question-text {
  margin-top: 8px;
  color: var(--lvd-navy, #28365f);
  font-size: 24px;
  line-height: 1.12;
  font-weight: 830;
}

.clear-local {
  margin-top: 18px;
  padding: 17px 21px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 8px solid var(--lvd-sand, #d9b978);
  border-radius: 14px;
  background: var(--lvd-soft-blue, #f2f4fa);
  color: var(--lvd-navy, #28365f);
  font-size: 20px;
  line-height: 1.15;
  font-weight: 560;
  box-shadow: 0 5px 14px rgba(40,54,95,0.045);
}

.clear-local strong {
  font-weight: 850;
}

.clear-slide .lvd-reference,
.reveal .clear-slide .lvd-reference {
  left: 90px;
  right: 90px;
  bottom: 29px;
  color: #7a8492;
  font-size: 9px;
  line-height: 1.1;
  text-align: center;
}

/* ==========================================================================
   CLEAR EXPLAINER SLIDE — FULLER / LARGER MIDDLE
   Fragment order:
   f00 = title only
   f01 = subtitle/tagline
   f02 = three trial-information cards
   f03 = conceptual leap row
   f04 = dermatologist framing row
   ========================================================================== */

.clear-explainer-slide .lvd-content,
.reveal .clear-explainer-slide .lvd-content,
.clearx-large-content {
  top: 164px;
  left: 48px;
  right: 48px;
  bottom: 54px;
}

.clearx-large-content .clearx-subtitle {
  margin: 0 0 26px 0;
  color: var(--lvd-navy, #28365f);
  font-size: 29px;
  line-height: 1.12;
  font-weight: 820;
  letter-spacing: -0.018em;
}

.clearx-large-content .clearx-subtitle span {
  color: var(--lvd-coral, #c96f61);
  font-weight: 880;
}

.clearx-large-content .clearx-subtitle strong {
  color: var(--lvd-teal-dark, #226b6c);
  font-weight: 880;
}

.clearx-large-content .clearx-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  align-items: stretch;
}

.clearx-large-content .clearx-card {
  height: 356px;
  box-sizing: border-box;
  padding: 32px 28px 26px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(40,54,95,0.075);
  overflow: hidden;
}

.clearx-large-content .clearx-blue {
  border-top: 8px solid var(--lvd-cobalt, #4058b3);
  background:
    radial-gradient(circle at 91% 14%, rgba(64,88,179,0.08), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-blue, #f2f4fa), #fff 42%);
}

.clearx-large-content .clearx-gold {
  border-top: 8px solid var(--lvd-sand, #d9b978);
  background:
    radial-gradient(circle at 91% 14%, rgba(217,185,120,0.15), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-sand, #fbf6e9), #fff 42%);
}

.clearx-large-content .clearx-teal {
  border-top: 8px solid var(--lvd-teal, #2e8483);
  background:
    radial-gradient(circle at 91% 14%, rgba(46,132,131,0.11), transparent 32%),
    linear-gradient(180deg, var(--lvd-soft-teal, #eef7f6), #fff 42%);
}

.clearx-large-content .clearx-num {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 31px;
  line-height: 1;
  font-weight: 860;
  letter-spacing: 0.055em;
}

.clearx-large-content .clearx-card-title {
  margin-top: 13px;
  color: var(--lvd-navy, #28365f);
  font-size: 32px;
  line-height: 1.05;
  font-weight: 860;
  letter-spacing: -0.025em;
}

.clearx-large-content .clearx-divider {
  height: 4px;
  margin: 26px 0 22px;
  background: linear-gradient(90deg, rgba(40,54,95,0.20), rgba(40,54,95,0.06));
  border-radius: 999px;
}

.clearx-large-content .clearx-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.clearx-large-content .clearx-card li {
  position: relative;
  margin: 0 0 13px 0;
  padding-left: 22px;
  color: var(--lvd-muted, #68717d);
  font-size: 20px;
  line-height: 1.12;
  font-weight: 620;
}

.clearx-large-content .clearx-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.43em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--lvd-sand-dark, #b8924f);
}

.clearx-large-content .clearx-card li strong {
  color: var(--lvd-navy, #28365f);
  font-weight: 860;
}

.clearx-large-content .clearx-concept {
  margin-top: 28px;
  padding: 18px 23px 18px;
  box-sizing: border-box;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 8px solid var(--lvd-teal, #2e8483);
  border-radius: 15px;
  background: var(--lvd-soft-teal, #eef7f6);
  box-shadow: 0 5px 14px rgba(40,54,95,0.05);
}

.clearx-large-content .clearx-label {
  color: var(--lvd-coral, #c96f61);
  font-size: 14px;
  line-height: 1;
  font-weight: 860;
  letter-spacing: 0.095em;
  text-transform: uppercase;
}

.clearx-large-content .clearx-concept-text {
  margin-top: 8px;
  color: var(--lvd-navy, #28365f);
  font-size: 24px;
  line-height: 1.12;
  font-weight: 830;
}

.clearx-large-content .clearx-framing {
  margin-top: 18px;
  padding: 17px 21px;
  box-sizing: border-box;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 8px solid var(--lvd-sand, #d9b978);
  border-radius: 14px;
  background: var(--lvd-soft-blue, #f2f4fa);
  color: var(--lvd-navy, #28365f);
  font-size: 21px;
  line-height: 1.14;
  font-weight: 590;
  box-shadow: 0 5px 14px rgba(40,54,95,0.05);
}

.clearx-large-content .clearx-framing strong {
  font-weight: 860;
}

.clear-explainer-slide .lvd-reference,
.reveal .clear-explainer-slide .lvd-reference {
  left: 90px;
  right: 90px;
  bottom: 29px;
  color: #7a8492;
  font-size: 9px;
  line-height: 1.1;
  text-align: center;
}

/* ------------------------------------------------------------------------
   OWNERSHIP SLIDE
   ------------------------------------------------------------------------ */
.ownership-subtitle {
  max-width: 1450px;
  color: var(--lvd-navy);
  font-size: 28px;
  line-height: 1.18;
  font-weight: 740;
  margin: 0 0 24px 0;
}
.ownership-subtitle strong { color: var(--lvd-teal-dark); }

.ownership-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.ownership-card {
  min-height: 390px;
  padding: 30px 26px 24px;
  border: 1px solid var(--lvd-border);
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(40,54,95,0.06);
}
.ownership-card.derm { border-top: 8px solid var(--lvd-cobalt); background: var(--lvd-soft-blue); }
.ownership-card.mohs { border-top: 8px solid var(--lvd-sand-dark); background: var(--lvd-soft-sand); }
.ownership-card.surg { border-top: 8px solid var(--lvd-coral); background: var(--lvd-soft-coral); }
.ownership-card.med { border-top: 8px solid var(--lvd-teal); background: var(--lvd-soft-teal); }

.ownership-kicker {
  color: var(--lvd-coral);
  font-size: 12px;
  line-height: 1;
  font-weight: 820;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.ownership-title {
  margin-top: 24px;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--lvd-border);
  color: var(--lvd-navy);
  font-size: 28px;
  line-height: 1.08;
  font-weight: 760;
}

.ownership-card ul {
  margin: 26px 0 0 0;
  padding: 0;
  list-style: none;
}
.ownership-card li {
  position: relative;
  margin: 0 0 26px 0;
  padding-left: 22px;
  color: var(--lvd-muted);
  font-size: 20px;
  line-height: 1.16;
}
.ownership-card li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: -1px;
  font-size: 23px;
  font-weight: 900;
}
.ownership-card.derm li::before { color: var(--lvd-cobalt); }
.ownership-card.mohs li::before { color: var(--lvd-sand-dark); }
.ownership-card.surg li::before { color: var(--lvd-coral); }
.ownership-card.med li::before { color: var(--lvd-teal-dark); }

.ownership-bottom {
  margin-top: 38px;
  padding: 26px 30px;
  border-radius: 5px;
  background: var(--lvd-navy-dark);
  color: #e8edf6;
  font-size: 26px;
  line-height: 1.20;
  font-weight: 500;
}
.ownership-bottom span { color: #fff; font-weight: 760; }
.ownership-bottom strong,
.ownership-bottom em { color: var(--lvd-sand); }

/* ------------------------------------------------------------------------
   ADVANCED DISEASE — ONE-MINUTE UPDATE, FULLER / FRAGMENTED
   Fragment order:
   f00 = title only
   f01 = intro/tagline
   f02 = cemiplimab card
   f03 = pembrolizumab card
   f04 = cosibelimab card
   f05 = unresolved questions row
   f06 = dermatologist takeaway
   ------------------------------------------------------------------------ */

.reveal .advanced-slide {
  padding: 0 !important;
  font-size: 1em;
}

.advanced-large-content {
  top: 162px;
  left: 36px;
  right: 36px;
  bottom: 52px;
}

.advanced-large-content .advanced-intro {
  max-width: 1510px;
  margin: 0 auto 18px;
  color: var(--lvd-navy, #28365f);
  font-size: 25px;
  line-height: 1.12;
  text-align: center;
  font-weight: 800;
}

.advanced-large-content .advanced-intro strong {
  color: var(--lvd-teal-dark, #226b6c);
  font-weight: 860;
}

.advanced-large-content .advanced-agent-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 0;
  align-items: stretch;
}

.advanced-large-content .advanced-agent-card {
  min-height: 306px;
  padding: 24px 24px 20px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(40,54,95,0.055);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.advanced-large-content .advanced-agent-card.cemiplimab {
  border-top: 8px solid var(--lvd-cobalt, #4058b3);
  background:
    radial-gradient(circle at 90% 12%, rgba(64,88,179,0.08), transparent 34%),
    linear-gradient(180deg, var(--lvd-soft-blue, #f2f4fa), #fff 29%);
}

.advanced-large-content .advanced-agent-card.pembrolizumab {
  border-top: 8px solid var(--lvd-teal, #2e8483);
  background:
    radial-gradient(circle at 90% 12%, rgba(46,132,131,0.10), transparent 34%),
    linear-gradient(180deg, var(--lvd-soft-teal, #eef7f6), #fff 29%);
}

.advanced-large-content .advanced-agent-card.cosibelimab {
  border-top: 8px solid var(--lvd-coral, #c96f61);
  background:
    radial-gradient(circle at 90% 12%, rgba(201,111,97,0.10), transparent 34%),
    linear-gradient(180deg, var(--lvd-soft-coral, #fff3f0), #fff 29%);
}

.advanced-large-content .agent-class {
  color: var(--lvd-sand-dark, #b8924f);
  font-size: 16px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.advanced-large-content .agent-name {
  margin-top: 10px;
  color: var(--lvd-navy, #28365f);
  font-size: 38px;
  line-height: 1.01;
  font-weight: 850;
  letter-spacing: -0.04em;
}

.advanced-large-content .agent-update {
  margin-top: 16px;
  padding-top: 15px;
  border-top: 1.25px solid var(--lvd-border, #dce1e9);
  color: var(--lvd-ink, #243047);
  font-size: 22px;
  line-height: 1.15;
  font-weight: 690;
}

.advanced-large-content .agent-meaning {
  margin-top: auto;
  padding: 16px 17px;
  min-height: 84px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 15px;
  background: rgba(255,255,255,0.80);
  color: var(--lvd-muted, #68717d);
  font-size: 18px;
  line-height: 1.14;
  font-weight: 600;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.advanced-large-content .advanced-unresolved {
  margin-top: 20px;
  padding: 17px 18px 18px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 8px solid var(--lvd-sand, #d9b978);
  border-radius: 17px;
  background: var(--lvd-soft-blue, #f2f4fa);
  box-sizing: border-box;
}

.advanced-large-content .advanced-unresolved-label {
  color: var(--lvd-coral, #c96f61);
  font-size: 16px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.advanced-large-content .advanced-question-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 15px;
}

.advanced-large-content .advanced-question-grid div {
  min-height: 82px;
  padding: 13px 14px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 14px;
  background: #fff;
  color: var(--lvd-navy, #28365f);
  font-size: 19px;
  line-height: 1.10;
  font-weight: 820;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.advanced-large-content .advanced-bottom-line {
  margin-top: 18px;
  padding: 16px 20px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-left: 8px solid var(--lvd-teal, #2e8483);
  border-radius: 15px;
  background: var(--lvd-soft-teal, #eef7f6);
  color: var(--lvd-navy, #28365f);
  font-size: 21px;
  line-height: 1.16;
  box-sizing: border-box;
}

.advanced-large-content .advanced-bottom-line strong {
  color: var(--lvd-navy, #28365f);
  font-weight: 850;
}

.advanced-slide .lvd-reference,
.reveal .advanced-slide .lvd-reference,
.advanced-slide .slide-reference,
.reveal .advanced-slide .slide-reference {
  left: 72px;
  right: 72px;
  bottom: 29px;
  color: #7a8492;
  font-size: 8.5px;
  line-height: 1.08;
  text-align: center;
}

/* ==========================================================================
   THREE THINGS TO DO DIFFERENTLY ON MONDAY — FRAGMENTED FINAL SYNTHESIS
   Fragment order:
   f00 = title only
   f01 = item 1
   f02 = item 2
   f03 = item 3
   f04 = final synthesis bar
   ========================================================================== */

.monday-frag-content {
  top: 172px;
  left: 42px;
  right: 42px;
  bottom: 56px;
}

.monday-frag-content .monday-row {
  display: grid;
  grid-template-columns: 94px 1fr;
  gap: 24px;
  align-items: center;
  min-height: 136px;
  box-sizing: border-box;
  margin-bottom: 24px;
  padding: 23px 30px;
  border: 1.25px solid var(--lvd-border, #dce1e9);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(40,54,95,0.045);
}

.monday-frag-content .monday-num {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 3px solid var(--lvd-sand, #d9b978);
  background: rgba(251,246,233,0.70);
  color: var(--lvd-navy, #28365f);
  font-size: 28px;
  line-height: 70px;
  font-weight: 850;
  text-align: center;
}

.monday-frag-content .monday-title {
  color: var(--lvd-navy, #28365f);
  font-size: 30px;
  line-height: 1.05;
  font-weight: 850;
  letter-spacing: -0.02em;
}

.monday-frag-content .monday-text {
  margin-top: 8px;
  color: var(--lvd-muted, #68717d);
  font-size: 22px;
  line-height: 1.16;
  font-weight: 520;
}

.monday-frag-content .monday-bottom-line {
  margin-top: 7px;
  padding: 24px 28px;
  border-radius: 18px;
  background: var(--lvd-navy, #28365f);
  color: #fff;
  font-size: 27px;
  line-height: 1.18;
  font-weight: 520;
  text-align: center;
  box-shadow: 0 8px 20px rgba(40,54,95,0.08);
}

.monday-frag-content .monday-bottom-line strong {
  color: var(--lvd-sand, #d9b978);
  font-weight: 850;
}

.monday-slide .lvd-reference,
.reveal .monday-slide .lvd-reference,
.monday-slide .slide-reference,
.reveal .monday-slide .slide-reference {
  left: 72px;
  right: 72px;
  bottom: 29px;
  color: #7a8492;
  font-size: 8.5px;
  line-height: 1.08;
  text-align: center;
}