/* Shared page rail. The page body and rail share one scrolling boundary. */
.container.page-with-navigation { position: relative; display: block; max-width: var(--container-default-max); }
.page-with-navigation__body { min-width: 0; width: 100%; }
.page-with-navigation__rail { min-width: 0; }
.page-navigation { border: 1px solid var(--color-border-default); border-radius: var(--radius-small); overflow: hidden; background: var(--color-surface-base); color: var(--color-brand-green-darker); }
.page-navigation__title { margin: 0; padding: var(--space-sm) var(--space-md); background: var(--color-brand-green-dark); color: white; font-weight: 700; text-align: center; }
.page-navigation__eyebrow { font-size: var(--font-size-caption); }
.page-navigation__list { display: block; margin: 0; padding: 0; list-style: none; }
.page-navigation__list li + li { border-top: 1px solid var(--color-border-default); }
.page-navigation__list li { flex: 0 0 auto; }
.page-navigation__list a { display: flex; align-items: center; gap: var(--space-sm); min-height: 3rem; padding: .75rem 1rem; color: inherit; text-decoration: none; font-weight: 700; font-size: .875rem; line-height: 1.5; }
.page-navigation__list a:hover { background: var(--color-surface-soft); }
.page-navigation__list a:focus-visible { outline: 2px solid var(--color-brand-green-darker); outline-offset: -3px; }
.page-navigation__icon { width: 1.5rem; height: 1.5rem; flex: none; }
.page-navigation__arrow { margin-inline-start: auto; font-size: 1.5rem; line-height: 1; }
.page-with-navigation__body [id] { scroll-margin-top: 7rem; }
@media (min-width: 1200px) {
  .page-with-navigation__body > section:first-child { width: calc(100% - 18rem); }
  .page-with-navigation__rail { position: absolute; top: var(--section-padding-standard); right: 0; width: 16rem; }
  .page-navigation__title { padding-block: var(--space-md); }
  .page-navigation__list a { min-height: 3.5rem; }
}
@media (max-width: 1199px) {
  .page-navigation__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-navigation__list a { height: 100%; }
}

/* Product-detail variant. Following is enabled separately by the product page. */
.page-navigation--product .page-navigation__title { line-height:1.25; }
.page-navigation--product .page-navigation__arrow { transform:rotate(90deg); }
@media(max-width:767px){
 .page-navigation--product .page-navigation__list{grid-template-columns:minmax(0,1fr)}
 .page-navigation--product .page-navigation__list a{padding:12px 16px;gap:8px;font-size:14px;line-height:1.5}
 .page-navigation--product .page-navigation__icon{width:20px;height:20px}
}