/* RevealJS slides custom styles for Haky Im's Quarto course sites */

.reveal, .reveal h1, .reveal h2, .reveal h3, .reveal p, .reveal li {
  font-family: Helvetica, Arial, sans-serif !important;
}

/* Slide titles (## in markdown) — sized for readability, not full-slide */
.reveal h2 {
  font-size: 1.6em;
  font-weight: bold;
  color: #1e3a5f;
  margin-bottom: 0.4em;
}

/* Section divider titles (# with background) — keep large */
.reveal h1 {
  font-size: 2.4em;
  font-weight: bold;
}

.reveal ol, .reveal ul {
  line-height: 1.4;
}

/* Two-column layouts */
.reveal .columns {
  display: flex;
  align-items: stretch;
}

.reveal .columns.top {
  align-items: flex-start;
}

.reveal .columns .column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Source attribution — place div immediately after ## heading, before any `. . .` markers.
   CSS positions it at bottom-right regardless of source order. */
.reveal .source-credit {
  font-size: 0.3em;
  color: #666;
  position: absolute;
  bottom: -40px;
  right: 20px;
  text-align: right;
  line-height: 1.2;
  z-index: 10;
  background-color: #f0f0f0;
  padding: 1px 8px;
  border-radius: 6px;
}

.reveal .source-credit a {
  color: #888;
  text-decoration: underline;
}

/* Source credit with link only (no background pill) */
.reveal .source-credit-linked {
  font-size: 0.3em;
  color: #888;
  position: absolute;
  bottom: -35px;
  right: -60px;
  text-align: right;
  line-height: 1.2;
  z-index: 10;
}

.reveal .source-credit-linked a {
  color: #888;
  text-decoration: underline;
}

/* Take-home message box — floats above the slide footer */
.reveal .takehome {
  position: absolute;
  bottom: 10%;
  left: 5%;
  right: 5%;
  background-color: #e0f2fe;
  color: #0369a1;
  padding: 20px;
  border-radius: 10px;
  text-align: left;
}