/* ═══════════════════════════════════════════════════════════════════
   Slide Presets — layout variants per slide type
   Add class alongside .slide, e.g. <section class="slide dark cover">
   ═══════════════════════════════════════════════════════════════════ */

/* ─── Cover / Section-Divider ───
   Centered content, large display title, generous vertical space.   */
.slide.cover .slide-content,
.slide.section-divider .slide-content {
  align-self: center;
  margin-top: 0;
  gap: clamp(0.6rem, 1.2cqw, 1.4rem);
}

.slide.cover h1,
.slide.cover h2,
.slide.section-divider h1,
.slide.section-divider h2 {
  font-size: var(--font-size-display);
}

.slide.cover .slide-lead,
.slide.section-divider .slide-lead {
  font-size: var(--font-size-subtitle);
  opacity: 0.8;
}

/* ─── Content Slide ───
   Left-aligned body with subtitle-sized heading and spacing.       */
.slide.content-slide .slide-content {
  max-width: 92%;
  margin-top: clamp(1.2rem, 2.5cqw, 2.8rem);
  gap: clamp(0.9rem, 1.6cqw, 1.8rem);
}

.slide.content-slide .slide-lead {
  opacity: 0.78;
  font-size: var(--font-size-body);
  font-weight: 500;
}

.slide.content-slide .slide-bullets {
  gap: 1em;
}