/* DrBestand 0.80.0 — canonical SystemSectionNavigation contract. */
.system-section-nav{
  max-width:100%;
  min-width:0;
}
.system-section-nav[hidden],
.system-section-nav__item[hidden],
.system-section-panel[hidden]{display:none!important}

.system-section-nav--tabs,
.system-section-nav--route{
  border:1px solid #cfdeea;
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 24px rgba(6,40,91,.055);
}
.system-section-nav--sticky{
  position:sticky;
  top:var(--system-section-nav-sticky-top,0);
  z-index:10;
  backdrop-filter:blur(10px);
}
.system-section-nav__track,
.system-section-nav.system-section-nav__track{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:6px;
  width:100%;
  max-width:none;
  padding:7px;
  overflow:visible;
}
.system-section-nav .system-section-nav__item{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  width:auto;
  min-width:0;
  min-height:40px;
  max-width:230px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:var(--brand-primary,#06285b);
  box-shadow:none;
  filter:none;
  font:inherit;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:0;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.system-section-nav .system-section-nav__item:hover{
  border-color:#bcd5df;
  background:#f4faf9;
  color:var(--brand-accent-dark,#007a68);
  box-shadow:none;
  filter:none;
  transform:none;
}
.system-section-nav .system-section-nav__item:focus-visible{
  outline:3px solid color-mix(in srgb,var(--brand-accent,#08a88e) 24%,transparent);
  outline-offset:2px;
}
.system-section-nav .system-section-nav__item.active,
.system-section-nav .system-section-nav__item[aria-current="page"],
.system-section-nav .system-section-nav__item[aria-selected="true"]{
  border-color:var(--brand-accent,#08a88e);
  background:#eaf9f5;
  color:var(--brand-accent-dark,#007a68);
  box-shadow:inset 0 -2px 0 var(--brand-accent,#08a88e);
  filter:none;
  transform:none;
}
.system-section-nav .system-section-nav__item svg{width:17px;height:17px;flex:0 0 auto}
.system-section-nav .system-section-nav__count{
  display:inline-grid;
  place-items:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border:1px solid #d5e2ed;
  border-radius:999px;
  background:#eef4f8;
  color:var(--brand-primary,#06285b);
  font-size:11px;
  font-style:normal;
  font-weight:900;
  line-height:1;
}
.system-section-nav .system-section-nav__count[hidden]{display:none!important}
.system-section-nav .system-section-nav__item.active .system-section-nav__count,
.system-section-nav .system-section-nav__item[aria-selected="true"] .system-section-nav__count,
.system-section-nav .system-section-nav__item[aria-current="page"] .system-section-nav__count{
  border-color:var(--brand-accent,#08a88e);
  background:var(--brand-accent,#08a88e);
  color:#fff;
}

/* Context mode is a semantic source for the existing right rail. It must never
   recreate a horizontal navigation island when declared hidden by its owner. */
.system-section-nav--context{max-width:100%;min-width:0}

.system-section-panel{min-width:0;max-width:100%}

@media(max-width:760px){
  .system-section-nav__track,
  .system-section-nav.system-section-nav__track{
    flex-wrap:nowrap;
    gap:7px;
    padding:7px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scroll-snap-type:x proximity;
  }
  .system-section-nav .system-section-nav__item{
    min-height:40px;
    max-width:none;
    white-space:nowrap;
    scroll-snap-align:start;
  }
}
@media(prefers-reduced-motion:reduce){.system-section-nav .system-section-nav__item{transition:none}}