/* Platform tabs above SDK tab sets (assets/sdk-tabs.js), styled like the article provider tabs. */
.sdk-platforms {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 12px;
}

.sdk-platform {
  appearance: none;
  margin: 0;
  padding: 10px 20px;
  font-family: var(--font-family-body, 'Plus Jakarta Sans', sans-serif);
  font-size: var(--text-base, 1rem);
  font-weight: var(--font-weight-bold, 600);
  line-height: 1.5;
  color: var(--color-text-secondary, #646f7f);
  cursor: pointer;
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.sdk-platform:hover,
.sdk-platform:focus-visible {
  color: var(--color-text-primary, #151515);
}

.sdk-platform[aria-pressed="true"] {
  color: var(--color-brand-primary, #21b566);
  border-bottom-color: var(--color-brand-primary, #21b566);
}

tab-item.sdk-off,
.sdk-hidden {
  display: none !important;
}

tabs-component.sdk-selector > tab-panel {
  display: none !important;
}