.mtn-site--width-standard {
  --mtn-content-width: 1180px;
}

.mtn-site--width-wide {
  --mtn-content-width: 1504px;
}

.mtn-site--width-extra_wide {
  --mtn-content-width: 1728px;
}

.mtn-site--width-fluid {
  --mtn-content-width: 100%;
}

.mtn-page, .mtn-page__band {
  inline-size: 100%;
}

.mtn-page__band {
  --mt-container-width: var(--mtn-content-width);
}
.mtn-page__band > .moduletable {
  inline-size: 100%;
  max-inline-size: none;
  margin-inline: 0;
}
.mtn-page__band .mod-magictrails-hero .mt-hero__inner {
  width: min(var(--mtn-content-width), 100% - 40px);
  margin-inline: auto;
}

.mtn-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
}

.mtn-layout__content, .mtn-layout__sidebar {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.mtn-layout__sidebar > :has(.mod-menu) {
  display: grid;
  align-content: start;
  gap: 14px;
  min-inline-size: 0;
}
.mtn-layout__sidebar > :has(.mod-menu) > :is(h2, h3) {
  margin: 0;
  color: var(--mtn-green);
  font-size: clamp(1.2rem, 2vw, 1.45rem);
  line-height: 1.3;
}
.mtn-layout__sidebar .mod-menu, .mtn-layout__sidebar .mod-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mtn-layout__sidebar .mod-menu {
  display: grid;
  gap: 4px;
}
.mtn-layout__sidebar .mod-menu li {
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mtn-layout__sidebar .mod-menu :is(a, .mod-menu__heading, .mod-menu__separator) {
  display: flex;
  align-items: center;
  min-block-size: 44px;
  padding: 9px 12px;
  border-radius: 10px;
  color: var(--mtn-green);
  line-height: 1.45;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.mtn-layout__sidebar .mod-menu :is(a:hover, a:focus-visible) {
  background: var(--mtn-sage);
  color: var(--mtn-green);
}
.mtn-layout__sidebar .mod-menu a:focus-visible {
  outline: 3px solid var(--mtn-gold);
  outline-offset: 2px;
}
.mtn-layout__sidebar .mod-menu :is(.current, .active, .alias-parent-active) > a,
.mtn-layout__sidebar .mod-menu a[aria-current] {
  background: var(--mtn-champagne);
  color: var(--mtn-gold-text);
  font-weight: 700;
}
.mtn-layout__sidebar .mod-menu ul {
  display: grid;
  gap: 2px;
  margin-block: 2px 6px;
  margin-inline-start: 12px;
  padding-inline-start: 10px;
  border-inline-start: 1px solid var(--mtn-border);
}
.mtn-layout__sidebar .mod-menu ul :is(a, .mod-menu__heading, .mod-menu__separator) {
  min-block-size: 40px;
  padding-block: 7px;
  font-size: 0.94rem;
}

@media (min-width: 1024px) {
  .mtn-layout--sidebar-compact {
    --mtn-sidebar-width: 240px;
  }
  .mtn-layout--sidebar-standard {
    --mtn-sidebar-width: 288px;
  }
  .mtn-layout--sidebar-wide {
    --mtn-sidebar-width: 336px;
  }
  .mtn-layout--left {
    grid-template-columns: var(--mtn-sidebar-width) minmax(0, 1fr);
    grid-template-areas: "sidebar content";
  }
  .mtn-layout--right {
    grid-template-columns: minmax(0, 1fr) var(--mtn-sidebar-width);
    grid-template-areas: "content sidebar";
  }
  .mtn-layout--left > .mtn-layout__content, .mtn-layout--right > .mtn-layout__content {
    grid-area: content;
  }
  .mtn-layout--left > .mtn-layout__sidebar, .mtn-layout--right > .mtn-layout__sidebar {
    grid-area: sidebar;
  }
  .mtn-layout__sidebar > :has(.mod-menu) {
    margin-block-start: var(--mtn-sidebar-entry-offset, clamp(64px, 5vw, 80px));
  }
  .mtn-layout__sidebar > :has(.mod-menu.mtn-sidebar-menu--sticky) {
    position: sticky;
    inset-block-start: calc(var(--mtn-header-height, 77px) + 24px);
    max-block-size: calc(100dvh - var(--mtn-header-height, 77px) - 48px);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .mtn-layout__sidebar .mod-menu a {
    transition: color 160ms ease-out, background-color 160ms ease-out, transform 160ms ease-out;
  }
  .mtn-layout__sidebar .mod-menu a:hover {
    transform: translateX(2px);
  }
}
.mtn-site #mtn-main.mtn-page--hero {
  padding-block-start: 0;
}

#mtn-main .mtn-page__band .mod-magictrails-hero .mt-hero__title {
  color: var(--mt-hero-white);
}
#mtn-main .mtn-page__band .mod-magictrails-hero .mt-hero__button--primary {
  color: var(--mt-hero-white);
}
#mtn-main .mtn-page__band .mod-magictrails-hero .mt-hero__button--secondary {
  color: var(--mt-hero-gold) !important;
}
#mtn-main .mtn-page__band .mod-magictrails-hero .mt-hero__button:hover, #mtn-main .mtn-page__band .mod-magictrails-hero .mt-hero__button:focus {
  color: var(--mt-hero-white) !important;
}