/* css styles */

figure {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}

/* Slightly more generous line height for body text */
body {
  line-height: 1.6;
}

/* More breathing room around headings */
h2, h3 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}

/* Code blocks with a bit more padding */
pre {
  padding: 1rem;
}

/* On narrow viewports, force figures to fill the column width */
@media (max-width: 768px) {
  figure img,
  .quarto-figure img,
  .figure img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}