/* Tab switching */
.tab-content { display: none; }
.tab-content.active { display: block; }
.code-tab {
  cursor: pointer;
  padding: 6px 16px;
  border-radius: 6px 6px 0 0;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid transparent;
  background: transparent;
  color: oklch(var(--bc) / 0.5);
  transition: all 0.15s;
}
.code-tab:hover {
  color: oklch(var(--bc) / 0.8);
  background: oklch(var(--b3));
}
.code-tab.active {
  background: oklch(var(--b3));
  color: oklch(var(--bc));
  border-color: oklch(var(--b3));
}

/* Rendered markdown in descriptions */
div.prose-invert code {
  background: oklch(var(--b3));
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.85em;
  color: oklch(var(--p));
}
/* paragraph spacing handled via inline <style> to override Tailwind CDN */
div.prose-invert > ul, div.prose-invert > ol { margin: 0.5em 0; padding-left: 1.5em; }
div.prose-invert ul { list-style-type: disc; }
div.prose-invert ol { list-style-type: decimal; }
div.prose-invert li { margin-bottom: 0.25em; }
div.prose-invert strong { color: oklch(var(--bc)); }

/* Try It section */
.try-it-response {
  background: oklch(var(--b3));
  border-radius: 8px;
  padding: 16px;
  color: oklch(var(--bc));
  font-family: monospace;
  font-size: 13px;
  max-height: 400px;
  overflow: auto;
  white-space: pre-wrap;
}