feature-tabs {
  display: block;
  width: 100%;
}

/* Content is a stack until the validated tab interaction is available. */
feature-tabs:not([data-tabs-ready]) .tab-list {
  display: none;
}

feature-tabs:not([data-tabs-ready]) .tab-panels {
  display: grid;
  gap: 24px;
}

feature-tabs.feature-tabs:not([data-scroll-sync]) {
  min-height: 0;
}

feature-tabs:not([data-scroll-sync]) .tab-list,
feature-tabs:not([data-scroll-sync]) .tab-panels {
  position: static;
  top: auto;
}

feature-tabs[data-tabs-ready] [data-panel][hidden] {
  display: none;
}

feature-tabs [data-panel]:focus-visible {
  outline: 3px solid var(--design-green, #11bb77);
  outline-offset: 5px;
}