/* Reusable section layout utilities. Typography and section spacing stay in the page styles. */
:root { --site-header-height: 86px; }
@media (max-width: 960px) {
  :root { --site-header-height: 72px; }
}
/* Match the existing two-column breakpoint; mobile layouts are unchanged. */
@media (min-width: 961px) {
  .layout-reading-columns > .layout-sticky-heading {
    position: sticky;
    top: calc(var(--site-header-height) + 32px);
    align-self: start;
  }
  .journeys-heading.layout-heading-wide {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
    max-width: 1280px;
    margin-inline: auto;
  }
}