/* Small extras that are easier to write as plain CSS than fight Bootstrap's
   SCSS layer for. Keep this file short — anything brand/colour related
   belongs in styles.scss instead, so there's one source of truth. */

/* Give every section a max readable line length by default, in case a .qmd
   section forgets to wrap content in .story-inner */
.story-section img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}

/* Nudge figure captions to match the "sub text" style from the brand guide */
figcaption, .figure-caption {
  font-size: 0.85rem;
  color: #2e888c;
  font-weight: 400;
}

@media (max-width: 768px) {
  .story-section { padding: 3rem 1rem; }
  h1 { font-size: 2rem; }
  h2 { font-size: 1.5rem; }
}