/* css styles */

/* ---------------------------------------------------------------------------
   Code blocks on reveal.js slides.

   Reveal's default is `pre code { font-size: inherit }`, so code renders at the
   full slide text size and tall listings overflow. These rules shrink code a
   little everywhere, and offer an opt-in class for the stubborn slides.

   These rules are scoped to `.reveal`, so they affect only the slides.
--------------------------------------------------------------------------- */

.reveal pre code {
  font-size: 0.7em;
  line-height: 1.25;
}

/* Opt in per block:  ```{.toml .tiny-code} */
.reveal pre.tiny-code code {
  font-size: 0.5em;
  line-height: 1.15;
}

/* Or per slide:  ## Heading {.tiny-code} */
.reveal .tiny-code pre code {
  font-size: 0.5em;
  line-height: 1.15;
}

/* ---------------------------------------------------------------------------
   Page footer on the HTML pages.

   Quarto splits the footer into left/center/right columns, each `flex: 1 1 0`,
   so the center column gets a third of the width no matter how empty its
   neighbours are — enough to wrap the one-line license notice. Let the center
   column take the space the (unused) left and right columns don't need.

   Scoped to the desktop breakpoint Quarto uses; below 768px it stacks the
   three columns at `flex: 100%`, which we leave alone.
--------------------------------------------------------------------------- */

@media (min-width: 768px) {
  .nav-footer .nav-footer-left,
  .nav-footer .nav-footer-right {
    flex: 0 1 auto;
  }

  .nav-footer .nav-footer-center {
    flex: 1 1 auto;
  }
}