.reveal {
  font-size: 25px; /* default is ~42px */
}

.reveal pre code {
  font-size: 0.8em;
  line-height: 1.3;
  padding: 1em;
  background-color: black;
  color: white;
}

.reveal section video {
  max-width: 100%;
  max-height: 70vh;  
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.reveal .mermaid {
  display: block;
  box-sizing: border-box;
  max-width: 90%;        /* diagram won't be wider than slide content */
  margin: 0.6em auto;    /* center horizontally and give vertical breathing room */
  text-align: center;
  overflow: visible;
}

.reveal .mermaid svg {
  width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
}

.reveal .mermaid svg g {
  vector-effect: non-scaling-stroke;
}

.reveal .mermaid svg[width="0"], .reveal .mermaid svg[width="1"] {
  min-height: 160px;
  width: 100% !important;
  height: auto !important;
}

/* Make Mermaid diagrams white for better contrast */
.reveal .mermaid {
  background: #ffffff;          /* pure white */
  border-radius: 6px;           /* optional, looks nicer */
  padding: 12px 16px;           /* breathing room around diagram */
}

/* Ensure SVG itself has no tinted background */
.reveal .mermaid svg {
  background: #ffffff !important;
}

