/* Project overrides layered on top of the Webflow-exported stylesheets.
   Loaded last in Layout.astro so these rules win on equal specificity. */

/* Article hero meta: show "Published on" and "Time to read" side by side.
   The exported rule sets `flex-flow: column`, so override the direction to row
   (falling back to a column on narrow screens). */
.insights_hero_details {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 1rem 3rem;
}
@media screen and (max-width: 479px) {
  .insights_hero_details {
    flex-direction: column;
  }
}

/* Generated table-of-contents links: hover affordance matching the active
   (.w--current) brand colour already defined for .fs-toc_link. */
.fs-toc_link {
  transition: color 0.2s ease;
}
.fs-toc_link:hover {
  color: var(--swatch--brand-500);
}