/* Remove excessive bottom margins for all slides */
.reveal .slides {
    margin-bottom: 0 !important;
}

/* Adjust top-level slide title size (#) */
.reveal h1 {
    font-size: 1.5em !important;  
}

/* Adjust second-level slide title size (##) */
.reveal h2 {
    font-size: 1.2em !important;  
}

/* Adjust third-level headings if needed (###) */
.reveal h3 {
    font-size: 1.2em !important;  /* match h2 */
    margin-top: 0 !important;
}
/* Scale only the code output from executed chunks */

.reveal code {
    max-height: 100% !important;  /* Ensure code block uses all available space */
    overflow: auto;               /* Allow scrolling if absolutely necessary */
    font-size: 0.8em !important;   /* Adjust the scale of the code */
}

.math {
  line-height: 1.5 !important; /* Increase vertical spacing */
  margin-right: 0.5em;         /* Space to the right of the math element */
  margin-left: 0.5em;          /* Space to the left of the math element */
}

.remark-slide-content {
    font-size: 14px;
    line-height: 1.6;
}
.reveal .slide-logo {
             max-height: unset !important;
             height: 100px !important;
}

.reveal p {
  font-size: .85em; /* Adjust paragraph size */
}

.reveal li {
  font-size: 0.9em;
}

.reveal h2 .larger-code code{
  font-size: 10em; /* Adjust the size as needed */
}

.reveal section div.center-h {
	text-align: center;
}

/* ── Gallery iframe slides ─────────────────────────────────────────── */
/* Remove the default border on all embedded iframes */
.reveal iframe {
    border: none;
}

/* Semi-transparent pill behind the slide heading on gallery slides,
   so the title remains readable over any chart background.
   Apply with {.gallery-label} on the ## heading. */
.gallery-label h2 {
    display: inline-block;
    background: rgba(0, 0, 0, 0.50);
    color: #ffffff !important;
    padding: 0.15em 0.55em;
    border-radius: 6px;
    margin-top: 0.4em;
}