@media (max-width: 1100px) {
  .hero .hero-pic { display: flex; }
}
.section-scroll-track { display: none; }
@media (max-width: 900px) {
  .svc-nav {
    border-bottom-color: transparent;
  }
  .svc-nav > .wrap {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .svc-nav > .wrap::-webkit-scrollbar { display: none; }
  .svc-nav > .wrap > a { border-bottom-color: transparent; }
  .svc-nav > .wrap > a.on { color: #146c3a; }
  .svc-nav.has-section-scroll,
  .svc-nav.has-section-scroll > .wrap,
  .interesting-facts .fact-deck { touch-action: pan-y pinch-zoom; }
  .svc-nav.has-section-scroll > .wrap {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-bottom: 5px;
  }
  .svc-nav .section-scroll-track:not([hidden]) {
    display: block;
    position: absolute;
    inset-inline: 14px;
    bottom: 3px;
    height: 3px;
    border-radius: 3px;
    overflow: hidden;
    pointer-events: none;
  }
  .section-scroll-track > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--section-scroll-left, 0%);
    width: var(--section-scroll-width, 35%);
    border-radius: inherit;
    background: #167e42;
  }
}
