@layer cavalree {
  :where(.c-tabbed) {
  }

  .c-tabbed {
  }

  .c-tab-list {
    display: flex; /* TODO: and_chr >= 115, chrome >= 115, edge >= 115 */
    display: block flex;
  }

  .c-tab {
    cursor: pointer;
    padding-block: 0.5em;
    padding-inline: 1em;
  }

  .c-tab:focus {
    outline: 2px solid currentcolor;
    outline-offset: 2px;
  }

  .c-tab[aria-selected="true"i] {
    font-weight: bold;
  }

  .c-tab-panel {
    display: block; /* TODO: and_chr >= 115, chrome >= 115, edge >= 115 */
    display: block flow;
  }

  .c-tab-panel[hidden] {
    display: none;
  }
}