html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.page-section {
  scroll-margin-top: calc(var(--um-header-height, 65px) + 16px);
}

.page-section.is-loading {
  min-height: 40vh;
}

.page-section.is-loading::before {
  content: "";
  display: block;
  height: 1px;
}

.um-nav-links a[data-scroll-nav].is-active,
.sy-drawer-link[data-scroll-nav].is-active {
  background-color: #f4f7e8 !important;
  color: #8fa02d !important;
  border: 1px solid #d4dfb0 !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(161, 182, 51, 0.15) !important;
}