/* Amplitude API guide — category banners (used by amplitude/api, amplitude/web/api) */

.api-category-banner {
  margin: 2.5rem 0 1.25rem;
  padding: 0.85rem 1.1rem;
  border-radius: var(--radius);
  background: var(--emph-yellow-dim);
  border: 1px solid rgba(0, 99, 249, 0.25);
  border-left: 4px solid var(--emph-yellow);
}

.api-category-banner h2 {
  margin: 0;
  font-size: 1.2rem;
  color: var(--emph-yellow);
  border: none;
  padding: 0;
}

.api-category-banner p {
  margin: 0.4rem 0 0;
  font-size: 0.9rem;
  color: var(--text-muted);
}

.api-endpoint {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.9rem;
  color: var(--emph-yellow);
  margin: 0.5rem 0 1rem;
}