div.svelte-1be5wko {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3pt;
    border-width: calc(1em / 5);
    border-style: solid;
    border-radius: 50%;
    animation: var(--duration) infinite svelte-1be5wko-rotate;
  }
  @keyframes svelte-1be5wko-rotate {
    100% {
      transform: rotate(360deg);
    }
  }

  svg.svelte-4beoo2 {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
  }

  /* Screen reader only - visually hidden but accessible to assistive technology */
  .sr-only.svelte-1jjwdz4 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  /* Use :where() for elements with user-overridable class props (outerDivClass, ulSelectedClass, liSelectedClass)
     so user-provided classes take precedence. See: https://github.com/janosh/svelte-multiselect/issues/380 */
  :where(div.multiselect.svelte-1jjwdz4) {
    position: relative;
    align-items: center;
    display: flex;
    cursor: text;
    box-sizing: border-box;
    border: var(--sms-border, 1px solid light-dark(lightgray, #555));
    border-radius: var(--sms-border-radius, 3pt);
    background: var(--sms-bg, light-dark(white, #222226));
    width: var(--sms-width);
    max-width: var(--sms-max-width);
    padding: var(--sms-padding, 0 3pt);
    color: var(--sms-text-color);
    font-size: var(--sms-font-size, inherit);
    min-height: var(--sms-min-height, 22pt);
    margin: var(--sms-margin);
  }
  :where(div.multiselect.open.svelte-1jjwdz4) {
    /* increase z-index when open to ensure the dropdown of one <MultiSelect />
    displays above that of another slightly below it on the page */
    z-index: var(--sms-open-z-index, 4);
  }
  :where(div.multiselect.svelte-1jjwdz4:focus-within) {
    border: var(
      --sms-focus-border,
      1px solid var(--sms-active-color, cornflowerblue)
    );
  }
  :where(div.multiselect.disabled.svelte-1jjwdz4) {
    background: var(--sms-disabled-bg, light-dark(lightgray, #444));
    cursor: not-allowed;
  }

  :where(div.multiselect.svelte-1jjwdz4 > ul.selected:where(.svelte-1jjwdz4)) {
    display: flex;
    flex: 1;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
  }
  :where(div.multiselect.input-display.svelte-1jjwdz4 > ul.selected:where(.svelte-1jjwdz4)) {
    flex-wrap: nowrap;
  }
  :where(div.multiselect.svelte-1jjwdz4 > ul.selected:where(.svelte-1jjwdz4) > li:where(.svelte-1jjwdz4)) {
    align-items: center;
    border-radius: 3pt;
    display: flex;
    margin: 2pt;
    line-height: normal;
    transition: 0.3s;
    white-space: nowrap;
    background: var(
      --sms-selected-bg,
      light-dark(rgba(100, 120, 140, 0.15), rgba(120, 170, 255, 0.2))
    );
    padding: var(--sms-selected-li-padding, 0 2pt 0 5pt);
    color: var(--sms-selected-text-color, var(--sms-text-color));
  }
  :where(div.multiselect.svelte-1jjwdz4 > ul.selected:where(.svelte-1jjwdz4) > li[draggable='true']:where(.svelte-1jjwdz4)) {
    cursor: grab;
  }
  :where(div.multiselect.svelte-1jjwdz4 > ul.selected:where(.svelte-1jjwdz4) > li.active:where(.svelte-1jjwdz4)) {
    background: var(
      --sms-li-active-bg,
      var(
        --sms-active-color,
        light-dark(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.15))
      )
    );
  }
  :where(div.multiselect:where(.svelte-1jjwdz4) > ul.selected:where(.svelte-1jjwdz4) > li:where(.svelte-1jjwdz4)).highlighted.svelte-1jjwdz4 {
    outline: 2px solid var(--sms-active-color, cornflowerblue);
  }
  :is(div.multiselect.svelte-1jjwdz4 button:where(.svelte-1jjwdz4)) {
    border-radius: 50%;
    aspect-ratio: 1; /* ensure circle, not ellipse */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
    color: inherit;
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    margin: 0 0 0 2pt; /* CSS reset */
  }
  :is(div.multiselect.svelte-1jjwdz4 button.default-icon:where(.svelte-1jjwdz4)) {
    min-height: 0; /* let aspect-ratio win over content sizing */
    overflow: hidden;
  }
  :is(div.multiselect.svelte-1jjwdz4 button.remove-all:where(.svelte-1jjwdz4)) {
    margin: 0 2pt;
    padding: 0;
  }
  :is(div.multiselect.svelte-1jjwdz4 button.remove-all:where(.svelte-1jjwdz4):not(.default-icon)) {
    border-radius: 3pt;
    aspect-ratio: auto;
    padding: 0 2pt;
  }
  :is(ul.selected.svelte-1jjwdz4 > li:where(.svelte-1jjwdz4) button:where(.svelte-1jjwdz4):hover, button.remove-all.svelte-1jjwdz4:hover, button.svelte-1jjwdz4:focus) {
    color: var(--sms-remove-btn-hover-color, inherit);
    background: var(
      --sms-remove-btn-hover-bg,
      light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2))
    );
  }

  :is(div.multiselect.svelte-1jjwdz4 input:where(.svelte-1jjwdz4)) {
    margin: auto 0; /* CSS reset */
    padding: 0; /* CSS reset */
  }
  :where(div.multiselect.svelte-1jjwdz4 > ul.selected:where(.svelte-1jjwdz4) > input:where(.svelte-1jjwdz4)) {
    border: none;
    outline: none;
    background: none;
    flex: 1; /* this + next line fix issue #12 https://git.io/JiDe3 */
    min-width: 2em;
    /* ensure input uses text color and not --sms-selected-text-color */
    color: var(--sms-text-color);
    font-size: inherit;
    cursor: inherit; /* needed for disabled state */
    border-radius: 0; /* reset ul.selected > li */
  }
  :where(div.multiselect.input-display.svelte-1jjwdz4 > ul.selected:where(.svelte-1jjwdz4) > input:where(.svelte-1jjwdz4)) {
    width: 100%;
    min-width: 0;
  }

  /* When options are selected, placeholder is hidden in which case we minimize input width to avoid adding unnecessary width to div.multiselect */
  :where(div.multiselect.svelte-1jjwdz4:not(.input-display) > ul.selected:where(.svelte-1jjwdz4) > input:where(.svelte-1jjwdz4):not(:placeholder-shown)) {
    min-width: 1px; /* Minimal width to remain interactive */
  }

  /* don't wrap ::placeholder rules in :is() as it seems to be overpowered by browser defaults i.t.o. specificity */
  div.multiselect.svelte-1jjwdz4 > ul.selected:where(.svelte-1jjwdz4) > input:where(.svelte-1jjwdz4)::placeholder {
    padding-left: 5pt;
    color: var(--sms-placeholder-color);
    opacity: var(--sms-placeholder-opacity);
  }
  :is(div.multiselect.svelte-1jjwdz4 > input.form-control:where(.svelte-1jjwdz4)) {
    width: 2em;
    position: absolute;
    background: transparent;
    border: none;
    outline: none;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
  }

  /* Use :where() for ul.options elements with class props (ulOptionsClass, liOptionClass, liUserMsgClass) */
  :where(ul.options.svelte-1jjwdz4) {
    list-style: none;
    /* top, left, width, position are managed by portal when active */
    /* but provide defaults for non-portaled or initial state */
    position: absolute; /* Default, overridden by portal to fixed when open */
    top: 100%;
    left: 0;
    width: 100%;
    /* Default z-index if not portaled/overridden by portal */
    z-index: var(--sms-options-z-index, 3);
    overflow: auto;
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
    box-sizing: border-box;
    background: var(--sms-options-bg, light-dark(#fcfcfc, #222226));
    max-height: var(--sms-options-max-height, 50vh);
    overscroll-behavior: var(--sms-options-overscroll, none);
    box-shadow: var(
      --sms-options-shadow,
      light-dark(0 0 14pt -3pt rgba(0, 0, 0, 0.2), 0 0 14pt -4pt rgba(0, 0, 0, 0.8))
    );
    border: var(--sms-options-border, 1px solid light-dark(lightgray, #555));
    border-width: var(--sms-options-border-width, 1px);
    border-radius: var(--sms-options-border-radius, 1ex);
    padding: var(--sms-options-padding, 0);
    margin: var(--sms-options-margin, 6pt 0 0 0);
  }
  :where(ul.options.svelte-1jjwdz4:not(:has(li))) {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: none;
  }
  :where(ul.options.hidden.svelte-1jjwdz4) {
    visibility: hidden;
    opacity: 0;
    transform: translateY(50px);
    pointer-events: none;
    /* position: fixed prevents the hidden dropdown from contributing to
       ancestor scrollHeight (unlike position: absolute which extends it) */
    position: fixed;
  }
  :where(ul.options.svelte-1jjwdz4 > li:where(.svelte-1jjwdz4)) {
    padding: 3pt 1ex;
    cursor: pointer;
    scroll-margin: var(--sms-options-scroll-margin, 100px);
    border-left: 1px solid transparent;
  }
  :where(ul.options.svelte-1jjwdz4 .user-msg:where(.svelte-1jjwdz4)) {
    /* block needed so vertical padding applies to span */
    display: block;
    padding: 3pt 2ex;
  }
  :where(ul.options.svelte-1jjwdz4 > li.selected:where(.svelte-1jjwdz4)) {
    background: var(
      --sms-li-selected-plain-bg,
      light-dark(rgba(0, 123, 255, 0.1), rgba(100, 180, 255, 0.2))
    );
    border-left: var(
      --sms-li-selected-plain-border,
      1px solid var(--sms-active-color, cornflowerblue)
    );
  }
  :where(ul.options.svelte-1jjwdz4 > li.active:where(.svelte-1jjwdz4)) {
    background: var(
      --sms-li-active-bg,
      var(
        --sms-active-color,
        light-dark(rgba(70, 70, 140, 0.2), rgba(120, 170, 170, 0.2))
      )
    );
  }
  :where(ul.options.svelte-1jjwdz4 > li.disabled:where(.svelte-1jjwdz4)) {
    cursor: not-allowed;
    background: var(--sms-li-disabled-bg, light-dark(#f5f5f6, #2a2a2a));
    color: var(--sms-li-disabled-text, light-dark(#b8b8b8, #666));
  }
  /* Checkbox styling for keepSelectedInDropdown='checkboxes' mode - internal, no class prop */
  :is(ul.options.svelte-1jjwdz4 > li:where(.svelte-1jjwdz4) > input.option-checkbox:where(.svelte-1jjwdz4)) {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    accent-color: var(--sms-active-color, cornflowerblue);
  }
  /* Select all option styling - has liSelectAllClass prop */
  :where(ul.options.svelte-1jjwdz4 > li.select-all:where(.svelte-1jjwdz4)) {
    border-bottom: var(
      --sms-select-all-border-bottom,
      1px solid light-dark(lightgray, #555)
    );
    font-weight: var(--sms-select-all-font-weight, 500);
    color: var(--sms-select-all-color, inherit);
    background: var(--sms-select-all-bg, transparent);
    margin-bottom: var(--sms-select-all-margin-bottom, 2pt);
  }
  :where(ul.options.svelte-1jjwdz4 > li.select-all.disabled:where(.svelte-1jjwdz4)) {
    opacity: 0.4;
    cursor: not-allowed;
  }
  :where(ul.options.svelte-1jjwdz4 > li.select-all:where(.svelte-1jjwdz4):hover:not(.disabled)) {
    background: var(
      --sms-select-all-hover-bg,
      var(
        --sms-li-active-bg,
        var(
          --sms-active-color,
          light-dark(rgba(70, 70, 140, 0.2), rgba(120, 170, 255, 0.2))
        )
      )
    );
  }
  /* Group header styling - has liGroupHeaderClass prop */
  :where(ul.options.svelte-1jjwdz4 > li.group-header:where(.svelte-1jjwdz4)) {
    display: flex;
    align-items: center;
    font-weight: var(--sms-group-header-font-weight, 600);
    font-size: var(--sms-group-header-font-size, 0.9em);
    color: var(--sms-group-header-color, light-dark(#666, #aaa));
    background: var(--sms-group-header-bg, transparent);
    padding: var(--sms-group-header-padding, 2pt 1ex);
    cursor: default;
    border-left: none;
    text-transform: var(--sms-group-header-text-transform, uppercase);
    letter-spacing: var(--sms-group-header-letter-spacing, 0.5px);
  }
  :where(ul.options.svelte-1jjwdz4 > li.group-header:where(.svelte-1jjwdz4):not(:first-child)) {
    margin-top: var(--sms-group-header-margin-top, 4pt);
    border-top: var(
      --sms-group-header-border-top,
      1px solid light-dark(#eee, #333)
    );
  }
  :where(ul.options.svelte-1jjwdz4 > li.group-header.collapsible:where(.svelte-1jjwdz4)) {
    cursor: pointer;
  }
  :where(ul.options.svelte-1jjwdz4 > li.group-header.collapsible:where(.svelte-1jjwdz4):hover) {
    background: var(
      --sms-group-header-hover-bg,
      light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05))
    );
  }
  /* Internal elements without class props - keep :is() for specificity */
  :is(ul.options.svelte-1jjwdz4 > li.group-header:where(.svelte-1jjwdz4) .group-label:where(.svelte-1jjwdz4)) {
    flex: 1;
  }
  :is(ul.options.svelte-1jjwdz4 > li.group-header:where(.svelte-1jjwdz4) .group-count:where(.svelte-1jjwdz4)) {
    opacity: 0.6;
    font-size: 0.9em;
    font-weight: normal;
    margin-left: 4pt;
  }
  /* Sticky group headers when enabled */
  :where(ul.options.svelte-1jjwdz4 > li.group-header.sticky:where(.svelte-1jjwdz4)) {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(
      --sms-group-header-sticky-bg,
      var(--sms-options-bg, light-dark(#fcfcfc, #222226))
    );
  }
  /* Indent grouped options for visual hierarchy */
  :where(
    ul.options.svelte-1jjwdz4 > li:where(.svelte-1jjwdz4):not(.group-header):not(.select-all):not(.user-msg):not(.loading-more)
  ) {
    padding-left: var(
      --sms-group-item-padding-left,
      var(--sms-group-option-indent, 1.5ex)
    );
  }
  /* Collapse/expand animation for group chevron icon - internal, keep :is() for specificity */
  :is(ul.options.svelte-1jjwdz4 > li.group-header:where(.svelte-1jjwdz4)) svg {
    transition: transform var(--sms-group-collapse-duration, 0.15s) ease-out;
  }
  /* Keep :is() for internal buttons without class props */
  :is(ul.options.svelte-1jjwdz4 > li.group-header:where(.svelte-1jjwdz4) button.group-select-all:where(.svelte-1jjwdz4)) {
    font-size: 0.9em;
    font-weight: normal;
    text-transform: none;
    color: var(--sms-active-color, cornflowerblue);
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 2pt 4pt;
    margin-left: 8pt;
    border-radius: 3pt;
    aspect-ratio: auto; /* override global button aspect-ratio: 1 */
  }
  :is(ul.options.svelte-1jjwdz4 > li.group-header:where(.svelte-1jjwdz4) button.group-select-all:where(.svelte-1jjwdz4):disabled) {
    opacity: 0.4;
    cursor: not-allowed;
  }
  :is(ul.options.svelte-1jjwdz4 > li.group-header:where(.svelte-1jjwdz4) button.group-select-all:where(.svelte-1jjwdz4):hover:not(:disabled)) {
    background: var(
      --sms-group-select-all-hover-bg,
      light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1))
    );
  }
  :is(ul.options.svelte-1jjwdz4 > li.group-header:where(.svelte-1jjwdz4) button.group-select-all.deselect:where(.svelte-1jjwdz4)) {
    color: var(--sms-group-deselect-color, light-dark(#c44, #f77));
  }
  :where(span.max-select-msg.svelte-1jjwdz4) {
    padding: 0 3pt;
  }
  .svelte-1jjwdz4::highlight(sms-search-matches) {
    color: light-dark(#1a8870, #6cc9a8);
  }
  /* Loading more indicator for infinite scrolling - internal, no class prop */
  :is(ul.options.svelte-1jjwdz4 > li.loading-more:where(.svelte-1jjwdz4)) {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8pt;
    cursor: default;
  }

  :where(dialog.svelte-1463k04) {
    position: fixed;
    top: 30%;
    border: none;
    padding: 0;
    background-color: transparent;
    display: flex;
    color: light-dark(#222, #eee);
    z-index: var(--cmd-palette-z-index, 10);
    font-size: 2.4ex;
  }

  div.code-example.svelte-13t2688 {
    display: flex;
    flex-direction: column;
    margin: var(--code-example-margin, 1em auto);
    position: relative;
  }
  div.code-example.code-above.svelte-13t2688 > pre:where(.svelte-13t2688) {
    order: -1;
  }
  nav.svelte-13t2688 {
    display: flex;
    justify-content: end;
    align-items: center;
    margin: var(--code-example-nav-margin, initial);
    gap: var(--code-example-nav-gap, 1ex);
  }
  pre.svelte-13t2688 code:where(.svelte-13t2688) {
    background-color: transparent;
    display: inline-block;
  }
  pre.svelte-13t2688 {
    position: relative;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    padding: 0 1em;
    margin: 0;
    transition-property: max-height, opacity, padding, margin;
    transition-duration: var(--code-example-pre-transition-duration, 0.3s);
    transition-timing-function: ease;
    border-radius: var(--code-example-pre-border-radius, 4pt);
    background-color: var(--code-example-pre-bg, var(--pre-bg));
  }
  pre.open.svelte-13t2688 {
    opacity: 1;
    max-height: var(--code-example-pre-max-height, 80vh);
    overflow-x: auto;
    padding: var(--code-example-pre-padding, 1ex 1em);
    margin: var(--code-example-pre-margin, 1em 0 0 0);
  }
  .code-above.svelte-13t2688 > pre.open:where(.svelte-13t2688) {
    margin: var(--code-example-pre-margin, 0 0 1em 0);
  }

  [data-sms-copy].svelte-e0kfp6 > span:where(.svelte-e0kfp6) {
    display: inline-flex;
    gap: 0.35em;
    align-items: center;
    line-height: 1;
    vertical-align: middle;
    > span:where(.svelte-e0kfp6) {
      line-height: 1;
    }
    svg {
      display: block;
    }
  }

  button.svelte-y80crn {
    float: right;
  }
  ol.svelte-y80crn {
    padding: 0;
  }
  ol.svelte-y80crn > li:where(.svelte-y80crn) {
    margin: 1ex 0;
  }
  pre.svelte-y80crn {
    position: relative;
    background: var(--pre-bg, light-dark(#f3f5f8, rgba(0, 0, 0, 0.3)));
  }

  a.svelte-1k0eyhl {
    position: fixed;
    z-index: var(--github-corner-z-index, 1);
    fill: var(--github-corner-bg, light-dark(#222, #eee));
    color: var(--github-corner-color, light-dark(#fafafa, #1a1a1a));
    width: var(--github-corner-size, 70px);
  }
  a.top-right.svelte-1k0eyhl {
    top: 0;
    right: 0;
  }
  a.top-left.svelte-1k0eyhl {
    top: 0;
    left: 0;
    transform: rotate(-90deg);
  }
  a.bottom-left.svelte-1k0eyhl {
    bottom: 0;
    left: 0;
    transform: rotate(180deg);
  }
  a.bottom-right.svelte-1k0eyhl {
    bottom: 0;
    right: 0;
    transform: rotate(90deg);
  }
  a.svelte-1k0eyhl:hover {
    fill: var(--github-corner-bg-hover, var(--github-corner-bg, light-dark(#222, #eee)));
    color: var(
      --github-corner-color-hover,
      var(--github-corner-color, light-dark(#fafafa, #1a1a1a))
    );
  }
  a.svelte-1k0eyhl:hover .octo-arm:where(.svelte-1k0eyhl) {
    animation: svelte-1k0eyhl-octocat-wave 0.5s ease-in-out;
  }
  @keyframes svelte-1k0eyhl-octocat-wave {
    0%,
    100% {
      transform: rotate(0);
    }
    20%,
    60% {
      transform: rotate(-25deg);
    }
    40%,
    80% {
      transform: rotate(10deg);
    }
  }
  /* hide this component by default when printing since it would show up on every page */
  @media print {
    a.svelte-1k0eyhl {
      display: var(--github-corner-print-display, none);
    }
  }

  nav.svelte-yr26x4 {
    position: relative;
    margin: -0.75em auto 1.25em;
    --nav-border-radius: 3pt;
    --nav-surface-bg: light-dark(#fafafa, #222226);
    --nav-surface-border: light-dark(
      rgba(128, 128, 128, 0.25),
      rgba(200, 200, 200, 0.2)
    );
    --nav-surface-shadow: light-dark(
      0 2px 8px rgba(0, 0, 0, 0.15),
      0 4px 12px rgba(0, 0, 0, 0.5)
    );
    --nav-link-bg-hover: light-dark(
      rgba(70, 70, 140, 0.2),
      rgba(120, 170, 255, 0.2)
    );
    --nav-dropdown-border-color: color-mix(in srgb, currentColor 30%, transparent 70%);
  }
  .menu.svelte-yr26x4 {
    display: flex;
    gap: 1em;
    place-content: center;
    place-items: center;
    flex-wrap: wrap;
    padding: 0.5em;
  }
  .menu.svelte-yr26x4 > span:where(.svelte-yr26x4) {
    display: flex;
    align-items: center;
    border-radius: var(--nav-border-radius);
    background-color: var(--nav-link-bg);
    transition: background-color 0.2s;
  }
  .menu.svelte-yr26x4 > span:where(.svelte-yr26x4):hover {
    background-color: var(--nav-link-bg-hover, rgba(0, 0, 0, 0.1));
  }
  .menu.svelte-yr26x4 > span:where(.svelte-yr26x4) > a:where(.svelte-yr26x4) {
    line-height: 1.3;
    padding: var(--nav-item-padding, 1pt 4pt);
    text-decoration: none;
    color: inherit;
  }
  .menu.svelte-yr26x4 > span:where(.svelte-yr26x4) > a[aria-current='page']:where(.svelte-yr26x4) {
    color: var(--nav-link-active-color);
  }
  /* Disabled items */
  .menu.svelte-yr26x4 .disabled:where(.svelte-yr26x4) {
    opacity: var(--nav-disabled-opacity, 0.5);
    cursor: not-allowed;
    pointer-events: none;
  }
  /* Right-aligned items - only first one gets margin-left: auto */
  .menu.svelte-yr26x4 > .align-right:where(.svelte-yr26x4),
  .menu.svelte-yr26x4 > .dropdown.align-right:where(.svelte-yr26x4) {
    margin-left: auto;
  }
  .menu.svelte-yr26x4 > .align-right:where(.svelte-yr26x4) + .align-right:where(.svelte-yr26x4),
  .menu.svelte-yr26x4 > .align-right:where(.svelte-yr26x4) + .dropdown.align-right:where(.svelte-yr26x4),
  .menu.svelte-yr26x4 > .dropdown.align-right:where(.svelte-yr26x4) + .align-right:where(.svelte-yr26x4),
  .menu.svelte-yr26x4 > .dropdown.align-right:where(.svelte-yr26x4) + .dropdown.align-right:where(.svelte-yr26x4) {
    margin-left: 0;
  }
  /* Separator */
  .menu.svelte-yr26x4 > .separator:where(.svelte-yr26x4) {
    width: 1px;
    height: 1.2em;
    background-color: var(--nav-separator-color, currentColor);
    opacity: 0.3;
    margin: var(--nav-separator-margin, 0 0.25em);
  }
  /* Dropdown styles */
  .dropdown.svelte-yr26x4 {
    position: relative;
  }
  .dropdown.active.svelte-yr26x4 > div:where(.svelte-yr26x4):first-child a:where(.svelte-yr26x4),
  .dropdown.active.svelte-yr26x4 > div:where(.svelte-yr26x4):first-child span:where(.svelte-yr26x4) {
    color: var(--nav-link-active-color);
  }
  .dropdown.svelte-yr26x4::after {
    content: '';
    position: absolute;
    top: 100%;
    left: -5pt;
    right: -5pt;
    height: calc(var(--nav-dropdown-margin, 2pt) + 5pt);
  }
  .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):first-child {
    display: flex;
    align-items: center;
    border-radius: var(--nav-border-radius);
    background-color: var(--nav-link-bg);
    transition: background-color 0.2s;
  }
  .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):first-child:hover {
    background-color: var(--nav-link-bg-hover, rgba(0, 0, 0, 0.1));
  }
  .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):first-child > a:where(.svelte-yr26x4), .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):first-child > span:where(.svelte-yr26x4) {
    line-height: 1.3;
    padding: var(--nav-item-padding, 1pt 4pt);
    text-decoration: none;
    color: inherit;
    border-radius: var(--nav-border-radius) 0 0 var(--nav-border-radius);
  }
  .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):first-child > a[aria-current='page']:where(.svelte-yr26x4) {
    color: var(--nav-link-active-color);
  }
  .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):first-child > button:where(.svelte-yr26x4) {
    padding: 2pt 4pt;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 var(--nav-border-radius) var(--nav-border-radius) 0;
    outline-offset: -1px;
    opacity: 0.6;
    transition: opacity 0.15s, transform 0.2s ease;
  }
  .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):first-child > button:where(.svelte-yr26x4):hover {
    opacity: 1;
  }
  .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):first-child > button.open:where(.svelte-yr26x4) {
    opacity: 1;
    transform: rotate(180deg);
  }
  .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):first-child > button:where(.svelte-yr26x4):focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -2px;
    opacity: 1;
  }
  .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):last-child {
    position: absolute;
    top: 100%;
    left: var(--nav-dropdown-left, 0);
    right: var(--nav-dropdown-right, auto);
    margin: var(--nav-dropdown-margin, 2pt) 0 0 0;
    min-width: var(--nav-dropdown-min-width, 100%); /* at least as wide as parent */
    max-width: var(--nav-dropdown-max-width, none);
    width: var(--nav-dropdown-width, max-content); /* grow wider if content needs it */
    background-color: var(--nav-dropdown-bg, var(--nav-surface-bg));
    border: 1px solid var(--nav-dropdown-border-color, var(--nav-surface-border));
    border-radius: var(--nav-border-radius, 6pt);
    box-shadow: var(--nav-dropdown-shadow, var(--nav-surface-shadow));
    padding: var(--nav-dropdown-padding, 0);
    display: none;
    flex-direction: column;
    z-index: var(--nav-dropdown-z-index, 100);
  }
  .dropdown.svelte-yr26x4 > div:last-child.visible:where(.svelte-yr26x4) {
    display: flex;
  }
  .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):last-child a:where(.svelte-yr26x4) {
    padding: var(--nav-dropdown-link-padding, 2pt 6pt);
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
    font-size: 0.9em;
    transition: background-color 0.15s;
  }
  .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):last-child a:where(.svelte-yr26x4):hover {
    background-color: var(--nav-link-bg-hover, rgba(0, 0, 0, 0.1));
  }
  .dropdown.svelte-yr26x4 > div:where(.svelte-yr26x4):last-child a[aria-current='page']:where(.svelte-yr26x4) {
    color: var(--nav-link-active-color);
  }
  /* Mobile burger button */
  .burger.svelte-yr26x4 {
    display: none;
    position: fixed;
    top: 1rem;
    left: 1rem;
    flex-direction: column;
    justify-content: space-around;
    width: 1.4rem;
    height: 1.4rem;
    background: transparent;
    padding: 0;
    z-index: var(--nav-toggle-btn-z-index, 10);
  }
  .burger.svelte-yr26x4 span:where(.svelte-yr26x4) {
    width: 100%;
    height: 0.18rem;
    background-color: var(--text);
    border-radius: 8pt;
    transition: opacity 0.2s linear, transform 0.2s linear;
    transform-origin: center;
  }
  .burger[aria-expanded='true'].svelte-yr26x4 span:where(.svelte-yr26x4):first-child {
    transform: translateY(0.4rem) rotate(45deg);
  }
  .burger[aria-expanded='true'].svelte-yr26x4 span:where(.svelte-yr26x4):nth-child(2) {
    opacity: 0;
  }
  .burger[aria-expanded='true'].svelte-yr26x4 span:where(.svelte-yr26x4):nth-child(3) {
    transform: translateY(-0.4rem) rotate(-45deg);
  }
  /* Mobile styles - using .mobile class set via JS based on breakpoint prop */
  nav.mobile.svelte-yr26x4 .burger:where(.svelte-yr26x4) {
    display: flex;
  }
  nav.mobile.svelte-yr26x4 .menu:where(.svelte-yr26x4) {
    position: fixed;
    top: 3rem;
    left: 1rem;
    background-color: var(--nav-surface-bg);
    border: 1px solid var(--nav-surface-border);
    box-shadow: var(--nav-surface-shadow);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: var(--nav-mobile-z-index, 2);
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
    gap: 0.2em;
    max-width: 90vw;
    border-radius: 6pt;
  }
  nav.mobile.svelte-yr26x4 .menu.open:where(.svelte-yr26x4) {
    opacity: 1;
    visibility: visible;
  }
  nav.mobile.svelte-yr26x4 .menu:where(.svelte-yr26x4) > span:where(.svelte-yr26x4),
  nav.mobile.svelte-yr26x4 .menu:where(.svelte-yr26x4) > span:where(.svelte-yr26x4) > a:where(.svelte-yr26x4),
  nav.mobile.svelte-yr26x4 .dropdown:where(.svelte-yr26x4) {
    padding: 2pt 8pt;
  }
  /* Mobile separator */
  nav.mobile.svelte-yr26x4 .menu:where(.svelte-yr26x4) > .separator:where(.svelte-yr26x4) {
    width: 100%;
    height: 1px;
    margin: var(--nav-separator-margin, 0.25em 0);
  }
  /* Mobile dropdown styles - show as expandable section */
  nav.mobile.svelte-yr26x4 .dropdown:where(.svelte-yr26x4) {
    flex-direction: column;
    align-items: stretch;
  }
  nav.mobile.svelte-yr26x4 .dropdown:where(.svelte-yr26x4) > div:where(.svelte-yr26x4):first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  nav.mobile.svelte-yr26x4 .dropdown:where(.svelte-yr26x4) > div:where(.svelte-yr26x4):first-child > a:where(.svelte-yr26x4),
  nav.mobile.svelte-yr26x4 .dropdown:where(.svelte-yr26x4) > div:where(.svelte-yr26x4):first-child > span:where(.svelte-yr26x4) {
    flex: 1;
    border-radius: var(--nav-border-radius);
  }
  nav.mobile.svelte-yr26x4 .dropdown:where(.svelte-yr26x4) > div:where(.svelte-yr26x4):first-child > button:where(.svelte-yr26x4) {
    padding: 4pt 8pt;
    border-radius: var(--nav-border-radius);
    opacity: 0.6;
  }
  nav.mobile.svelte-yr26x4 .dropdown:where(.svelte-yr26x4) > div:where(.svelte-yr26x4):first-child > button.open:where(.svelte-yr26x4) {
    opacity: 1;
  }
  nav.mobile.svelte-yr26x4 .dropdown:where(.svelte-yr26x4) > div:where(.svelte-yr26x4):last-child {
    position: static;
    border: none;
    box-shadow: none;
    margin-top: 2pt;
    padding: 0;
    background-color: transparent;
  }
  nav.mobile.svelte-yr26x4 .dropdown:where(.svelte-yr26x4) > div:where(.svelte-yr26x4):last-child a:where(.svelte-yr26x4) {
    padding: 4pt 8pt 4pt 6pt;
    margin-left: 8pt;
    border-left: 2px solid transparent;
    font-size: 0.9em;
  }
  nav.mobile.svelte-yr26x4 .dropdown:where(.svelte-yr26x4) > div:where(.svelte-yr26x4):last-child a:where(.svelte-yr26x4):hover,
  nav.mobile.svelte-yr26x4 .dropdown:where(.svelte-yr26x4) > div:where(.svelte-yr26x4):last-child a[aria-current='page']:where(.svelte-yr26x4) {
    border-left-color: var(--nav-link-active-color, currentColor);
  }
  /* Mobile right-aligned items stack normally */
  nav.mobile.svelte-yr26x4 .menu:where(.svelte-yr26x4) > .align-right:where(.svelte-yr26x4),
  nav.mobile.svelte-yr26x4 .menu:where(.svelte-yr26x4) > .dropdown.align-right:where(.svelte-yr26x4) {
    margin-left: 0;
  }

  .prev-next.svelte-xbc7qj {
    display: flex;
    list-style: none;
    place-content: space-between;
    gap: var(--prev-next-gap, 2em);
    padding: var(--prev-next-padding, 0);
    margin: var(--prev-next-margin, 3em auto);
  }
  .prev-next.svelte-xbc7qj a:where(.svelte-xbc7qj) {
    color: var(--prev-next-color);
    background: var(--prev-next-link-bg);
    padding: var(--prev-next-link-padding);
    border-radius: var(--prev-next-link-border-radius);
  }
  .prev-next.svelte-xbc7qj span:where(.svelte-xbc7qj) {
    display: block;
    margin: var(--prev-next-label-margin, 0 auto 1ex);
  }
  .prev-next.svelte-xbc7qj > div:where(.svelte-xbc7qj):nth-child(2) {
    text-align: right;
  }

  h1.svelte-rhq5lo {
    text-align: center;
    margin-bottom: 0.3em;
  }
  .subtitle.svelte-rhq5lo {
    text-align: center;
    color: var(--text-muted);
    margin: 0 auto 1.8em;
  }
  .grid.svelte-rhq5lo {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1em;
    max-width: var(--main-max-width);
    margin: 0 auto;
    padding: 0;
  }
  .card.svelte-rhq5lo {
    display: flex;
    gap: 0.75em;
    align-items: flex-start;
    padding: 0.85em 1em;
    border-radius: 5pt;
    border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s, box-shadow 0.15s;
  }
  .card.svelte-rhq5lo:hover {
    border-color: color-mix(in srgb, currentColor 28%, transparent);
    box-shadow: 0 2px 8px color-mix(in srgb, currentColor 8%, transparent);
  }
  .card.svelte-rhq5lo h2:where(.svelte-rhq5lo) {
    margin: 0 0 0.3em;
    font-size: 1.02em;
  }
  .card.svelte-rhq5lo p:where(.svelte-rhq5lo) {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.88em;
    line-height: 1.45;
  }
  .card.svelte-rhq5lo svg.icon {
    width: 1.2em;
    height: 1.2em;
    flex-shrink: 0;
    margin-top: 0.14em;
    opacity: 0.65;
  }

  label.svelte-9tbwvj {
    display: var(--toggle-label-display, inline-flex);
    align-items: var(--toggle-label-align-items, center);
    width: var(--toggle-label-width, max-content);
    vertical-align: var(--toggle-label-vertical-align, middle);
  }
  span.svelte-9tbwvj {
    box-sizing: border-box;
    height: var(--toggle-knob-height, 1.5em);
    width: var(--toggle-knob-width, 3em);
    padding: var(--toggle-knob-padding, 0.1em);
    border: var(--toggle-knob-border, 1px solid light-dark(lightgray, #555));
    border-radius: var(--toggle-knob-border-radius, 0.75em);
    transition: var(--toggle-knob-transition, 0.3s);
  }
  input.svelte-9tbwvj:checked + span:where(.svelte-9tbwvj) {
    background: var(--toggle-background, light-dark(#222, #555));
  }
  input.svelte-9tbwvj {
    position: absolute;
    opacity: 0;
    width: var(--toggle-input-width, 1em);
  }
  input.svelte-9tbwvj + span:where(.svelte-9tbwvj)::after {
    content: '';
    display: var(--toggle-knob-after-display, block);
    height: var(--toggle-knob-after-height, 1.2em);
    width: var(--toggle-knob-after-width, 1.2em);
    border-radius: var(--toggle-knob-after-border-radius, 50%);
    background: var(--toggle-knob-after-background, light-dark(gray, #888));
    transition: var(--toggle-knob-after-transition, 0.3s);
  }
  input.svelte-9tbwvj:checked + span:where(.svelte-9tbwvj)::after {
    background: var(--toggle-knob-after-background, light-dark(green, #4ade80));
    transform: var(
      --toggle-knob-after-transform,
      translate(
        calc(
          var(--toggle-knob-width, 3em) - var(--toggle-knob-height, 1.5em)
            + var(--toggle-knob-padding, 0.1em)
            - var(--toggle-knob-border, 2px)
        )
      )
    );
  }
  input.svelte-9tbwvj:focus + span:where(.svelte-9tbwvj) {
    border: var(
      --toggle-knob-focus-border,
      1px solid light-dark(cornflowerblue, #6495ed)
    );
  }

  button.svelte-1munmrs {
    display: inline-flex;
    place-items: center;
    place-content: center;
    line-height: 1;
    background: transparent;
    border: none;
    padding: 4pt;
    border-radius: 50%;
    cursor: pointer;
  }
  button.svelte-1munmrs:hover {
    background: light-dark(rgba(0, 0, 100, 0.1), rgba(200, 200, 255, 0.1));
  }