/* Structure only. A consuming site owns typography, colors and header offset. */
[data-mm-section-navigation] .mm-section-nav[data-mm-section-nav] {
  position: sticky;
  top: var(--mm-section-nav-offset, 0px);
  z-index: var(--mm-section-nav-z-index, 100);
  background: var(--mm-section-nav-background, Canvas);
}
[data-mm-section-nav] [data-mm-section-nav-links] {
  display: flex;
  gap: var(--mm-section-nav-gap, 1rem);
  overflow-x: auto;
  padding-block: var(--mm-section-nav-padding, .75rem);
  overscroll-behavior-x: contain;
}
[data-mm-section-nav] a {
  flex: 0 0 auto;
  color: inherit;
  white-space: nowrap;
  text-decoration: none;
}
body [data-mm-section-nav] a[aria-current="location"] {
  text-decoration-line: underline;
  text-decoration-thickness: var(--mm-section-nav-underline, 2px) !important;
  text-underline-offset: var(--mm-section-nav-underline-offset, 5px);
}
[data-mm-section-nav] a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
[data-mm-section-nav][hidden], [data-mm-section-nav] a[hidden] { display: none !important; }
body [data-mm-section-navigation] [id] {
  scroll-margin-top: calc(var(--mm-section-nav-offset, 0px) + var(--mm-section-nav-height, 60px) + var(--mm-section-nav-anchor-gap, 20px));
}