/* Lecture 8 keeps the course's 32px body type and cream canvas. Each visual sits
   on the left and is visible from the start; short text sits on the right. */
.reveal .slide h2 { margin-bottom: 0.3em; }
.reveal .slide h3,
.reveal #title-slide .subtitle { color: var(--clean-ink); }
.reveal .slide p { margin-top: 0.45em; margin-bottom: 0.35em; }
.reveal .slide li { line-height: 1.22; margin-bottom: 0.42em; }
.reveal .slide li > p { margin: 0; }

.reveal .fire-columns {
  display: flex;
  gap: 1em;
  align-items: center;
  margin-bottom: 0;
}
.reveal .fire-columns > .column { min-width: 0; }
.reveal .fire-columns > .column:last-child { font-size: 0.88em; }
.reveal .fire-columns > .column:last-child > ul { margin-left: 0.2em; }

.reveal .fire-plot .cell,
.reveal .fire-plot .cell-output-display,
.reveal .fire-plot .quarto-figure,
.reveal .fire-plot figure,
.reveal .fire-plot .cell-output-display p {
  margin-top: 0;
  margin-bottom: 0;
}
.reveal .fire-plot .cell-output-display p { line-height: 0; }
.reveal .fire-plot .cell-output-display img { display: block; margin: 0 auto; }
.reveal figcaption.quarto-uncaptioned { display: none; }
.reveal .plot-sequence { display: grid; }
.reveal .plot-sequence > .plot-stage {
  grid-area: 1 / 1;
  align-self: start;
  width: 100%;
}

/* The paper behind a slide's evidence. */
.reveal .fire-paper {
  background: var(--clean-surface-soft);
  border-left: 5px solid var(--clean-accent);
  border-radius: 6px;
  font-size: 0.72em;
  line-height: 1.2;
  margin: 0 0 0.6em;
  padding: 0.28em 0.5em;
}
.reveal .fire-paper p { margin: 0; }

.reveal .fire-question { font-weight: 600; margin-top: 0.45em; }
.reveal .fire-question p { margin: 0; }
.reveal .fire-columns .fire-question { margin-top: 0.6em; }

.reveal .fire-takeaway {
  background: var(--clean-surface-soft);
  border: 1px solid var(--clean-line);
  border-left: 5px solid var(--clean-accent);
  border-radius: 8px;
  margin: 0.45em auto;
  padding: 0.42em 0.66em;
}
.reveal .fire-takeaway p { margin: 0; }

.reveal .fire-source {
  color: var(--clean-muted);
  font-size: 0.5em;
  line-height: 1.2;
  margin-top: 0.55em;
}
.reveal .fire-source p { margin: 0; }

.reveal .fire-equation { margin: 0.2em auto; text-align: center; }
.reveal .fire-equation p { margin: 0.1em 0; }
.reveal .fire-equation mjx-container[display="true"] { margin: 0.2em 0; }

/* Cards for ideas that have no data to plot. */
.reveal .fire-cards {
  display: grid;
  gap: 0.5em;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0.4em 0;
}
.reveal .fire-cards.fire-cards-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.reveal .fire-card {
  background: var(--clean-surface-soft);
  border: 1px solid var(--clean-line);
  border-radius: 8px;
  font-size: 0.94em;
  line-height: 1.22;
  padding: 0.6em 0.7em;
}
.reveal .fire-cards.fire-cards-3 .fire-card { font-size: 0.84em; padding: 0.55em 0.6em; }
.reveal .fire-card p { margin: 0; }
.reveal .fire-card p + p { margin-top: 0.28em; }
.reveal .fire-card p:first-child { color: var(--clean-heading); font-weight: 700; }

/* Big numbers stacked in the left column. */
.reveal .fire-stats { display: flex; flex-direction: column; gap: 0.45em; }
.reveal .fire-stat {
  background: var(--clean-surface-soft);
  border: 1px solid var(--clean-line);
  border-radius: 8px;
  padding: 0.4em 0.6em;
}
.reveal .fire-stat p { margin: 0; }
.reveal .fire-stat-number {
  color: var(--clean-heading);
  display: block;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.08;
}
.reveal .fire-stat-label { display: block; font-size: 0.76em; line-height: 1.18; }

.reveal .fire-table table { font-size: 0.86em; margin: 0.35em auto; width: 100%; }
.reveal .fire-columns .fire-table table { font-size: 0.82em; }
.reveal .fire-table th,
.reveal .fire-table td { line-height: 1.2; padding: 0.3em 0.4em; vertical-align: middle; }
.reveal .fire-table th { font-weight: 700; }