/* vendored from kit commit 155633e (dist/kit-nav-extra.css), do not edit here */
/* kit nav extra: 8 constructions (data-style) + warm/acid palettes. Load after kit.css.
   split | dock | island | segmented | stack | orbit | ribbon | notch. Palette = data-variant, theme = --kit-nav-* variables. */
.kit-nav[data-variant="warm"] {
  --_panel: var(--kit-nav-panel-bg, #2b1b12); --_bg: var(--kit-nav-bg, rgba(48, 31, 22, .94)); --_fg: var(--kit-nav-fg, #fff1e6);
  --_fg2: var(--kit-nav-fg-muted, #dcbca6); --_bd: var(--kit-nav-border, rgba(255, 190, 140, .28));
  --_hover: var(--kit-nav-hover, rgba(255, 180, 120, .16)); --_cur-bg: var(--kit-nav-current-bg, #ffb36b);
  --_cur-fg: var(--kit-nav-current-fg, #2a1608); --_focus: var(--kit-nav-focus, #ffd9a8);
  --_shadow: var(--kit-nav-shadow, 0 10px 28px rgba(40, 14, 0, .4));
}
.kit-nav[data-variant="acid"] {
  --_panel: var(--kit-nav-panel-bg, #12150b); --_bg: var(--kit-nav-bg, rgba(13, 15, 9, .95)); --_fg: var(--kit-nav-fg, #f4ffd0);
  --_fg2: var(--kit-nav-fg-muted, #b9cc7e); --_bd: var(--kit-nav-border, rgba(204, 255, 0, .55));
  --_hover: var(--kit-nav-hover, rgba(204, 255, 0, .14)); --_cur-bg: var(--kit-nav-current-bg, #ccff00);
  --_cur-fg: var(--kit-nav-current-fg, #0d0f09); --_focus: var(--kit-nav-focus, #ccff00);
  --_shadow: var(--kit-nav-shadow, 0 0 0 1px rgba(204, 255, 0, .12), 0 10px 28px rgba(0, 0, 0, .5));
}

.kit-nav[data-variant="glass"][data-style] { --_panel: var(--kit-nav-panel-bg, rgba(24, 26, 31, .97)); }

/* shared */
.kit-nav[data-style] { align-items: flex-start; }
.kit-nav[data-style] .kit-nav__list { overflow: visible; }
.kit-nav__cap {
  display: flex; align-items: center; gap: 4px; box-sizing: border-box; min-width: 0; padding: 5px;
  border-radius: 9999px; border: 1px solid var(--_bd); background: var(--_bg); color: var(--_fg); box-shadow: var(--_shadow);
  -webkit-backdrop-filter: var(--_blur); backdrop-filter: var(--_blur); pointer-events: auto;
}
.kit-nav__cta {
  display: inline-flex; align-items: center; box-sizing: border-box; min-height: 40px; padding: 0 16px; border-radius: 9999px;
  background: var(--_cur-bg); color: var(--_cur-fg); font: 600 14px/1 var(--kit-nav-font); text-decoration: none; white-space: nowrap;
  transition: filter .2s;
}
.kit-nav__cta:hover { filter: brightness(1.1); }
.kit-nav__now {
  display: none; align-items: center; gap: 8px; box-sizing: border-box; min-height: 40px; padding: 0 16px; border: 0; border-radius: 9999px;
  background: none; color: inherit; font: 500 14px/1 var(--kit-nav-font); white-space: nowrap; cursor: pointer; overflow: hidden;
}
.kit-nav__now i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--_focus); box-shadow: 0 0 10px var(--_focus); }
.kit-nav__now span { overflow: hidden; text-overflow: ellipsis; }
.kit-nav__ico { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* 1. split: three capsules (brand | links | cta) */
.kit-nav[data-style="split"] .kit-nav__pill {
  display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; width: min(100%, 1040px); padding: 0;
  background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; pointer-events: none;
}
.kit-nav[data-style="split"] .kit-nav__cap--start { justify-self: start; }
.kit-nav[data-style="split"] .kit-nav__cap--end { justify-self: end; }
.kit-nav[data-style="split"] .kit-nav__link { padding-inline: 14px; }

/* 2. dock: icon links, neighbours magnify (JS sets --s / --tx on li) */
.kit-nav[data-style="dock"] .kit-nav__pill { padding: 8px; gap: 10px; }
.kit-nav[data-style="dock"] .kit-nav__list { gap: 8px; }
.kit-nav[data-style="dock"] .kit-nav__list li { transform: translateX(var(--tx, 0px)) scale(var(--s, 1)); transition: transform .14s ease-out; }
.kit-nav[data-style="dock"] .kit-nav__link, .kit-nav[data-style="dock"] .kit-nav__brand {
  position: relative; justify-content: center; width: 44px; min-height: 44px; padding: 0; border-radius: 50%;
}
.kit-nav[data-style="dock"] .kit-nav__brand { background: var(--_hover); }
.kit-nav__tip {
  position: absolute; top: calc(100% + 14px); left: 50%; z-index: 2; translate: -50% 4px; scale: calc(1 / var(--s, 1));
  padding: 6px 10px; border-radius: 9999px; border: 1px solid var(--_bd); background: var(--_panel); color: var(--_fg);
  font: 500 12px/1 var(--kit-nav-font); white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .15s, translate .15s;
}
.kit-nav__link:hover .kit-nav__tip, .kit-nav__link:focus-visible .kit-nav__tip { opacity: 1; translate: -50% 0; }

/* 3. island: collapses to the current section, expands on hover/focus/scroll up */
.kit-nav[data-style="island"] .kit-nav__pill { padding: 5px; gap: 0; }
.kit-js .kit-nav[data-style="island"] .kit-nav__now { display: inline-flex; }

.kit-nav__now:hover { background: var(--_hover); }
@media (min-width: 721px) {
  .kit-nav[data-style="island"] .kit-nav__list, .kit-nav[data-style="island"] .kit-nav__brand, .kit-nav[data-style="island"] .kit-nav__now {
    transition: max-width .45s var(--kit-nav-ease), opacity .25s, padding .45s var(--kit-nav-ease), visibility 0s;
  }
  .kit-nav[data-style="island"] .kit-nav__list { max-width: 720px; overflow: hidden; padding: 4px; margin: -4px; }
  .kit-nav[data-style="island"] .kit-nav__brand { max-width: 140px; overflow: hidden; }
  .kit-js .kit-nav[data-style="island"] .kit-nav__now { max-width: 0; padding-inline: 0; opacity: 0; visibility: hidden; }
  .kit-nav[data-style="island"][data-collapsed] .kit-nav__list, .kit-nav[data-style="island"][data-collapsed] .kit-nav__brand {
    max-width: 0; padding-inline: 0; opacity: 0; visibility: hidden; transition-delay: 0s, 0s, 0s, .45s;
  }
  .kit-js .kit-nav[data-style="island"][data-collapsed] .kit-nav__now { max-width: 260px; padding-inline: 16px; opacity: 1; visibility: visible; }
}

/* 4. segmented: sliding indicator under the active item */
.kit-nav[data-style="segmented"] .kit-nav__list { gap: 0; }
.kit-nav__ind {
  position: absolute; left: 0; top: 0; width: var(--w, 0px); height: var(--h, 0px); transform: translate(var(--x, 0px), var(--y, 0px));
  border-radius: 9999px; background: var(--_cur-bg); opacity: 0; pointer-events: none; list-style: none;
}
.kit-nav[data-ind] .kit-nav__ind { opacity: 1; }
.kit-nav[data-ind-on] .kit-nav__ind { transition: transform .38s var(--kit-nav-ease), width .38s var(--kit-nav-ease), height .38s var(--kit-nav-ease); }
.kit-nav[data-style="segmented"] .kit-nav__link { position: relative; z-index: 1; }
.kit-js .kit-nav[data-style="segmented"][data-ind] .kit-nav__link[aria-current] { background: transparent; color: var(--_cur-fg); }
@media (min-width: 721px) {
  .kit-nav[data-style="segmented"] .kit-nav__list { position: relative; padding: 4px; border-radius: 9999px; background: var(--kit-nav-track, rgba(127, 127, 127, .16)); }
  .kit-nav[data-style="segmented"] .kit-nav__pill { gap: 8px; padding-left: 4px; }
}

/* 5. stack: thin top capsule + links capsule, rows draw together on scroll */
.kit-nav[data-style="stack"] .kit-nav__pill {
  display: grid; justify-items: center; gap: 8px; padding: 0; background: none; border: 0; box-shadow: none;
  -webkit-backdrop-filter: none; backdrop-filter: none; pointer-events: none;
}
.kit-nav[data-style="stack"] .kit-nav__cap--top { justify-content: space-between; width: calc(100% - 56px); padding: 3px; }
.kit-nav[data-style="stack"] .kit-nav__cap--top .kit-nav__brand, .kit-nav[data-style="stack"] .kit-nav__cap--top .kit-nav__cta { min-height: 30px; font-size: 12px; }
.kit-nav[data-style="stack"] .kit-nav__actions { display: flex; align-items: center; gap: 4px; }
.kit-nav[data-style="stack"] .kit-nav__cap { transition: transform .4s var(--kit-nav-ease), box-shadow .4s; }
.kit-nav[data-style="stack"][data-compact] .kit-nav__cap--bottom { transform: translateY(-5px); }
.kit-nav[data-style="stack"][data-compact] .kit-nav__cap--top { transform: translateY(3px); box-shadow: none; }

/* 6. orbit: one round button, items fan out on an arc (JS adds --i / --n) */
.kit-js .kit-nav[data-style="orbit"] .kit-nav__pill { width: 56px; height: 56px; padding: 4px; gap: 0; justify-content: center; }
.kit-js .kit-nav[data-style="orbit"] .kit-nav__toggle {
  display: inline-flex; justify-content: center; order: -1; width: 46px; min-height: 46px; margin: 0; padding: 0; border-radius: 50%;
}
.kit-js .kit-nav[data-style="orbit"] .kit-nav__toggle:hover { background: var(--_hover); }
.kit-nav[data-style="orbit"] .kit-nav__toggle span {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.kit-nav[data-style="orbit"] .kit-nav__toggle i, .kit-nav[data-style="orbit"] .kit-nav__toggle i::before { width: 20px; }
@media (min-width: 721px) {
  .kit-js .kit-nav[data-style="orbit"] .kit-nav__list { position: absolute; left: 50%; top: 50%; display: block; width: 0; height: 0; padding: 0; overflow: visible; }
  .kit-js .kit-nav[data-style="orbit"] .kit-nav__list li {
    position: absolute; left: 0; top: 0; translate: -50% -50%; scale: .3; opacity: 0; visibility: hidden; pointer-events: auto;
    transition: translate .45s var(--kit-nav-ease), scale .35s var(--kit-nav-ease), opacity .2s, visibility 0s .45s;
    transition-delay: calc(var(--n, 4) * 0ms + (var(--n, 4) - var(--i, 0)) * 25ms), 0s, 0s, .45s;
  }
  .kit-js .kit-nav[data-style="orbit"][data-open] .kit-nav__list li {
    --a: calc(162deg - (144deg / max(var(--n, 4) - 1, 1)) * var(--i, 0));
    translate: calc(-50% + cos(var(--a)) * 280px) calc(-50% + 66px + sin(var(--a)) * 84px);
    scale: 1; opacity: 1; visibility: visible; transition-delay: calc(var(--i, 0) * 40ms), calc(var(--i, 0) * 40ms), 0s, 0s;
  }
  .kit-js .kit-nav[data-style="orbit"] .kit-nav__list .kit-nav__link {
    border: 1px solid var(--_bd); background: var(--_bg); color: var(--_fg); box-shadow: var(--_shadow);
    -webkit-backdrop-filter: var(--_blur); backdrop-filter: var(--_blur);
  }
  .kit-js .kit-nav[data-style="orbit"] .kit-nav__list .kit-nav__link[aria-current] { background: var(--_cur-bg); color: var(--_cur-fg); }
  .kit-js .kit-nav[data-style="orbit"] .kit-nav__list .kit-nav__link:hover { background: var(--_panel); }
}

/* 7. ribbon: long capsule with a round notch for the brand (brand centred, equal link counts left/right) */
.kit-nav[data-style="ribbon"] { min-height: 66px; }
.kit-nav[data-style="ribbon"] .kit-nav__pill {
  --_r: 37px; display: flex; justify-content: center; height: 56px; padding: 0 8px; gap: 0; background: none; border: 0; box-shadow: none;
  -webkit-backdrop-filter: none; backdrop-filter: none; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .28)); pointer-events: none;
}
.kit-nav[data-style="ribbon"] .kit-nav__pill::before {
  content: ""; position: absolute; inset: 0; box-sizing: border-box; border-radius: 9999px; border: 1px solid var(--_bd); background: var(--_bg); pointer-events: auto;
  -webkit-mask: radial-gradient(circle var(--_r) at 50% 36px, #0000 calc(var(--_r) - 1px), #000 var(--_r)); mask: radial-gradient(circle var(--_r) at 50% 36px, #0000 calc(var(--_r) - 1px), #000 var(--_r));
}
@media (min-width: 721px) { .kit-nav[data-style="ribbon"] .kit-nav__list { position: relative; z-index: 1; display: flex; align-items: center; gap: 2px; pointer-events: auto; } }
.kit-nav[data-style="ribbon"] .kit-nav__gap { flex: none; width: 84px; height: 1px; list-style: none; }
.kit-nav[data-style="ribbon"] .kit-nav__brand {
  position: absolute; left: 50%; top: 36px; z-index: 2; translate: -50% -50%; justify-content: center; width: 60px; min-height: 60px; padding: 0;
  border-radius: 50%; background: var(--_cur-bg); color: var(--_cur-fg); font-weight: 700; pointer-events: auto;
}
.kit-nav[data-style="ribbon"] .kit-nav__brand::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 74px; height: 74px; translate: -50% -50%; border-radius: 50%; border: 1px solid var(--_bd); pointer-events: none;
}
.kit-nav[data-style="ribbon"] .kit-nav__cta { display: none; position: relative; z-index: 1; }
.kit-nav[data-style="ribbon"] .kit-nav__toggle { position: relative; z-index: 1; }

/* 8. notch: hangs from the top edge, scroll progress on the lower rim, search expands inside */
.kit-nav[data-style="notch"] { top: 0; margin-top: 0; }
.kit-nav[data-style="notch"] .kit-nav__pill { padding: 0 6px 8px; border-top-width: 0; gap: 2px; }
.kit-nav[data-style="notch"] .kit-nav__link, .kit-nav[data-style="notch"] .kit-nav__brand { min-height: 38px; }
.kit-nav__bar {
  position: absolute; left: 22px; right: 22px; bottom: 3px; height: 3px; border-radius: 9999px; overflow: hidden; background: rgba(127, 127, 127, .28); pointer-events: none;
}
.kit-nav__bar::after { content: ""; position: absolute; inset: 0; background: var(--_focus); transform-origin: left center; transform: scaleX(var(--kit-p, 0)); border-radius: inherit; }
.kit-nav__search { display: flex; align-items: center; margin: 0; padding-top: 6px; }
.kit-nav__searchbtn {
  display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%;
  background: none; color: var(--_fg2); cursor: pointer; transition: background-color .2s, color .2s;
}
.kit-nav__searchbtn:hover { background: var(--_hover); color: var(--_fg); }
.kit-nav__searchin {
  width: 0; max-width: 100%; height: 34px; padding: 0; border: 0; border-radius: 9999px; background: transparent; color: var(--_fg);
  font: 500 14px/1 var(--kit-nav-font); opacity: 0; visibility: hidden; outline: 0;
  transition: width .3s var(--kit-nav-ease), opacity .2s, padding .3s, visibility 0s .3s;
}
.kit-nav[data-search] .kit-nav__searchin { width: 200px; padding: 0 10px 0 4px; opacity: 1; visibility: visible; transition-delay: 0s; }
.kit-nav[data-style="notch"] .kit-nav__search:focus-within { border-radius: 9999px; box-shadow: inset 0 0 0 2px var(--_focus); }
@media (min-width: 721px) { .kit-nav[data-style="notch"] .kit-nav__list { padding-top: 6px; transition: max-width .3s var(--kit-nav-ease), opacity .2s, visibility 0s; max-width: 720px; overflow: hidden; margin-bottom: -4px; padding-bottom: 4px; } }
@media (min-width: 721px) {
  .kit-nav[data-style="notch"][data-search] .kit-nav__list { max-width: 0; opacity: 0; visibility: hidden; transition-delay: 0s, 0s, .3s; padding-inline: 0; }
}

/* mobile (<= 720px): every construction collapses to a capsule + menu panel */
@media (max-width: 720px) {
  .kit-nav[data-style] .kit-nav__pill { width: 100%; }
  /* split: one capsule */
  .kit-nav[data-style="split"] .kit-nav__pill { display: flex; justify-content: space-between; padding: 5px; border: 1px solid var(--_bd); background: var(--_bg); box-shadow: var(--_shadow); -webkit-backdrop-filter: var(--_blur); backdrop-filter: var(--_blur); pointer-events: auto; }
  .kit-nav[data-style="split"] .kit-nav__cap { padding: 0; border: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .kit-nav[data-style="split"] .kit-nav__cap--mid { display: contents; }
  /* dock */
  .kit-nav[data-style="dock"] .kit-nav__pill { padding: 5px; }
  .kit-nav[data-style="dock"] .kit-nav__list li { transform: none; }
  .kit-nav[data-style="dock"] .kit-nav__link { width: auto; justify-content: flex-start; gap: 12px; padding: 0 14px; border-radius: 9999px; }
  .kit-nav[data-style="dock"] .kit-nav__tip { position: static; translate: none; scale: none; padding: 0; border: 0; background: none; color: inherit; font-size: 15px; opacity: 1; }
  /* island */
  .kit-nav[data-style="island"] .kit-nav__pill { width: min(100%, 340px); }
  .kit-js .kit-nav[data-style="island"] .kit-nav__now { flex: 1 1 auto; min-width: 0; }
  .kit-js .kit-nav[data-style="island"] .kit-nav__toggle { margin-left: 0; }
  .kit-nav[data-style="island"] .kit-nav__brand { order: -1; }
  /* segmented */
  .kit-nav[data-style="segmented"] .kit-nav__ind { background: var(--_cur-bg); }
  /* stack */
  .kit-nav[data-style="stack"] .kit-nav__cap--top { width: 100%; }
  .kit-nav[data-style="stack"] .kit-nav__cap--bottom { display: contents; }
  .kit-nav[data-style="stack"][data-compact] .kit-nav__cap--top { transform: none; }
  /* orbit */
  .kit-js .kit-nav[data-style="orbit"] .kit-nav__pill { width: 56px; }
  .kit-js .kit-nav[data-style="orbit"] .kit-nav__list { left: 50%; right: auto; width: min(320px, calc(100vw - 32px)); translate: -50% 0; }
  .kit-js .kit-nav[data-style="orbit"] .kit-nav__list li { position: static; translate: none; scale: 1; opacity: 1; visibility: inherit; transition: none; }
  /* ribbon */
  .kit-nav[data-style="ribbon"] .kit-nav__gap { display: none; }
  .kit-js .kit-nav[data-style="ribbon"] .kit-nav__pill { justify-content: space-between; align-items: center; }
  .kit-js .kit-nav[data-style="ribbon"] .kit-nav__cta { display: inline-flex; order: 3; }
  .kit-js .kit-nav[data-style="ribbon"] .kit-nav__toggle { order: 1; margin-left: 0; }
  /* notch */
  .kit-nav[data-style="notch"] .kit-nav__search { margin-left: auto; min-width: 0; }
  .kit-nav[data-style="notch"] .kit-nav__searchin { flex: 1 1 auto; min-width: 0; }
  .kit-nav[data-style="notch"][data-search] .kit-nav__searchin { width: 200px; }
  .kit-nav[data-style="notch"][data-search] .kit-nav__brand { display: none; }

  .kit-js .kit-nav[data-style="notch"] .kit-nav__toggle { margin-left: 0; }
  .kit-nav[data-style="notch"] .kit-nav__list .kit-nav__link { min-height: 44px; }
}
/* no JS on a narrow screen: plain wrapped links */
@media (max-width: 720px) {
  html:not(.kit-js) .kit-nav[data-style] .kit-nav__pill { display: flex; flex-wrap: wrap; justify-content: center; height: auto; width: 100%; }
  html:not(.kit-js) .kit-nav[data-style] .kit-nav__cap, html:not(.kit-js) .kit-nav[data-style] .kit-nav__list { flex-wrap: wrap; justify-content: center; }
  html:not(.kit-js) .kit-nav[data-style="ribbon"] .kit-nav__pill { background: var(--_bg); border: 1px solid var(--_bd); border-radius: 28px; padding: 5px; }
  html:not(.kit-js) .kit-nav[data-style="ribbon"] .kit-nav__pill::before, html:not(.kit-js) .kit-nav[data-style="ribbon"] .kit-nav__gap { display: none; }
  html:not(.kit-js) .kit-nav[data-style="ribbon"] .kit-nav__brand { position: static; translate: none; width: auto; border-radius: 9999px; padding: 0 16px; }
  html:not(.kit-js) .kit-nav[data-style="ribbon"] .kit-nav__brand::after { display: none; }
  html:not(.kit-js) .kit-nav[data-style="ribbon"] .kit-nav__cta { display: inline-flex; }
  html:not(.kit-js) .kit-nav[data-style="dock"] .kit-nav__tip { position: static; translate: none; scale: none; opacity: 1; padding: 0 4px; border: 0; background: none; color: inherit; }
  html:not(.kit-js) .kit-nav[data-style="dock"] .kit-nav__link { width: auto; padding: 0 12px; gap: 6px; }
  html:not(.kit-js) .kit-nav[data-style="stack"] .kit-nav__cap--top { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .kit-nav *, .kit-nav *::before, .kit-nav *::after { transition: none !important; animation: none !important; }
}