html {
  scroll-behavior: smooth !important;
}

.c-section-header__title::after {
  margin: 1rem 0 !important;
}

/*
 * Fix: overflow-x:hidden on html/body creates implicit overflow-y:auto,
 * making body a scroll container. This breaks position:sticky because
 * sticky elements look for their nearest scrolling ancestor (body),
 * but body never actually scrolls (it grows with content).
 * overflow-x:clip provides the same visual clipping without creating
 * a scroll container.
 */
html,
body {
  overflow-x: clip !important;
}

/* Replace sticky-kit JS with native CSS sticky for sidebar blocks */
@media (min-width: 768px) {
  .js-sticky-block {
    position: -webkit-sticky;
    position: sticky;
    top: 96px; /* fallback, JS will set exact value based on header height */
    align-self: flex-start;
  }
}