@layer starlight.components {
  starlight-tabs:where(.astro-scn3uvmv) {
    display: block;
  }

  .tablist-wrapper:where(.astro-scn3uvmv) {
    overflow-x: auto;
  }

  :where(.astro-scn3uvmv)[role="tablist"] {
    border-bottom: 2px solid var(--sl-color-gray-5);
    padding: 0;
    list-style: none;
    display: flex;
  }

  .tab:where(.astro-scn3uvmv) {
    display: flex;
  }

  .tab:where(.astro-scn3uvmv) > :where(.astro-scn3uvmv)[role="tab"] {
    --sl-tab-color-border: var(--sl-color-gray-5);
    line-height: var(--sl-line-height-headings);
    box-shadow: 0 2px 0 var(--sl-tab-color-border);
    color: var(--sl-color-gray-3);
    outline-offset: var(--sl-outline-offset-inside);
    overflow-wrap: initial;
    align-items: center;
    gap: .5rem;
    padding: .275rem 1.25rem;
    text-decoration: none;
    display: flex;
  }

  .tab:where(.astro-scn3uvmv) :where(.astro-scn3uvmv)[role="tab"][aria-selected="true"] {
    --sl-tab-color-border: var(--sl-color-text-accent);
    color: var(--sl-color-white);
    font-weight: 600;
  }

  .tablist-wrapper:where(.astro-scn3uvmv) ~ [role="tabpanel"] {
    margin-top: 1rem;
  }
}