/* 店礼 Wiki：只样式化 WordPress 官方 Tabs 区块（core/tabs，WP 7.1+）。
   标记：.wp-block-tabs > .wp-block-tab-list(button) + .wp-block-tab-panels > .wp-block-tab-panel */
.wp-block-tabs {
  --dl-tab-ink: var(--cs-ink, oklch(28% .035 145));
  --dl-tab-accent: var(--cs-dark, oklch(37% .04 145));
  --dl-tab-muted: var(--muted, oklch(52% .012 145));
  --dl-tab-line: var(--cs-line, oklch(88% .006 250));
  --dl-tab-soft: var(--cs-paper, oklch(96.7% .004 250));
  --dl-tab-hover: oklch(93% .008 145);
  --dl-tab-surface: var(--surface, oklch(100% 0 0));
  box-sizing: border-box;
  min-width: 0;
  margin: 24px 0;
  border: 1px solid var(--dl-tab-line);
  border-radius: 8px;
  background: var(--dl-tab-surface);
  overflow: hidden;
}

.wp-block-tab-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 4px;
  margin: 0;
  padding: 8px 10px 0;
  border-bottom: 1px solid var(--dl-tab-line);
  background: var(--dl-tab-soft);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

.wp-block-tab-list button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: auto;
  min-height: 44px;
  margin: 0;
  padding: 0 14px;
  border: 0;
  border-radius: 6px 6px 0 0;
  background: transparent;
  color: var(--dl-tab-muted);
  font: 500 14px/1.5 var(--font-body, inherit);
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.wp-block-tab-list button:hover {
  background: var(--dl-tab-hover);
  color: var(--dl-tab-ink);
}

.wp-block-tab-list button[aria-selected="true"] {
  background: var(--dl-tab-surface);
  color: var(--dl-tab-ink);
  font-weight: 600;
}

.wp-block-tab-list button[aria-selected="true"]::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--dl-tab-accent);
  pointer-events: none;
}

.wp-block-tab-list button:focus-visible {
  outline: 2px solid var(--dl-tab-accent);
  outline-offset: -4px;
}

.wp-block-tab-panels { margin: 0; }

.wp-block-tab-panel {
  min-width: 0;
  margin: 0;
  padding: 20px 22px;
  overflow-wrap: anywhere;
}

.wp-block-tab-panel[hidden] { display: none; }
.wp-block-tab-panel > :first-child { margin-top: 0; }
.wp-block-tab-panel > :last-child { margin-bottom: 0; }

.wp-block-tab-panel:focus-visible {
  outline: 2px solid var(--dl-tab-accent);
  outline-offset: -4px;
}

@media (max-width: 640px) {
  .wp-block-tab-list { gap: 2px; padding: 6px 6px 0; }
  .wp-block-tab-list button { padding: 0 12px; font-size: 13px; }
  .wp-block-tab-panel { padding: 16px; }
}