/* dense.css — high‑density, beamer‑like RevealJS */
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  font-family: Georgia, serif;
}

.reveal {
  font-size: 26px;
}
.reveal section h1 { font-size: 1.6em; margin-bottom: 0.4em; }
.reveal section h2 { font-size: 1.3em; margin-bottom: 0.4em; }
.reveal section h3 { font-size: 1.1em; margin-bottom: 0.4em; }
.reveal p { line-height: 1.2; margin: 0.25em 0 0.35em 0; }
.reveal ul { margin: 0.25em 0; }
.reveal li { margin: 0.15em 0; }
.reveal table { font-size: 0.9em; }
.reveal .quarto-table figcaption { font-size: 0.75em; color: #555; }
.reveal figcaption { font-size: 0.8em; color: #555; }
.reveal iframe { border: 0; }
.reveal .slide-number { font-size: 0.6em; }
/* Tighter content width */
.reveal .slides { width: 90%; margin: 0 auto; }
/* Code blocks smaller */
.reveal pre code { font-size: 0.8em; }
/* Colour cues (optional) */
.util { color: #1f77b4; }  /* utilisation blues */
.scar { color: #d62728; }  /* scarcity reds */
.eqty { color: #7b1fa2; }  /* equity purples */

/* Equal height columns with flexbox */
.flex-column-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 1em !important;
  height: 100% !important;
}

/* Colored callout boxes - different shades of blue */
/* Target the actual Quarto callout div structure */
.callout-blue-1.callout,
.callout-blue-1 > div.callout,
div.callout.callout-blue-1 {
  background-color: #E3F2FD !important;
  border-left: 5px solid #1976D2 !important;
  padding: 1em !important;
  margin-bottom: 1em !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.callout-blue-2.callout,
.callout-blue-2 > div.callout,
div.callout.callout-blue-2 {
  background-color: #BBDEFB !important;
  border-left: 5px solid #1565C0 !important;
  padding: 1em !important;
  margin-bottom: 1em !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.callout-blue-3.callout,
.callout-blue-3 > div.callout,
div.callout.callout-blue-3 {
  background-color: #90CAF9 !important;
  border-left: 5px solid #0D47A1 !important;
  padding: 1em !important;
  margin-bottom: 1em !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.callout-blue-4.callout,
.callout-blue-4 > div.callout,
div.callout.callout-blue-4 {
  background-color: #64B5F6 !important;
  border-left: 5px solid #0277BD !important;
  padding: 1em !important;
  margin-bottom: 1em !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Target callout body/content */
.callout-blue-1 .callout-body,
.callout-blue-2 .callout-body,
.callout-blue-3 .callout-body,
.callout-blue-4 .callout-body {
  flex: 1 !important;
}

.reveal .slides section.vertical-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}