/* /docs on the api listener. The banner classes are the Tailwind v4 utilities the dashboard's
   alert block uses (D-23), defined here because the api listener does not serve the dashboard
   build; the markup stays identical. */
.mb-4 { margin-bottom: 1rem; }
.rounded-md { border-radius: 0.375rem; }
.border { border-style: solid; border-width: 1px; }
.bg-amber-50 { background-color: oklch(98.7% 0.022 95.277); }
.border-amber-200 { border-color: oklch(92.4% 0.12 95.746); }
.text-amber-800 { color: oklch(47.3% 0.137 46.201); }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }

body { margin: 0; background: #fff; color: #1e293b; font-family: ui-sans-serif, system-ui, sans-serif; }
.docs { max-width: 1460px; margin: 0 auto; padding: 1.5rem 1rem; }
.docs h1 { font-size: 1.5rem; margin: 0 0 0.75rem; }
.docs h2 { font-size: 1.125rem; margin: 2rem 0 0.5rem; }
.docs h3 { font-size: 1rem; margin: 1.5rem 0 0.5rem; }
.docs code { font-size: 0.85em; overflow-wrap: anywhere; }
.docs-facts { display: grid; grid-template-columns: max-content 1fr; gap: 0.25rem 1rem; margin: 0; }
.docs-facts dt { font-weight: 600; }
.docs-facts dd { margin: 0; overflow-wrap: anywhere; }
.docs section > table { width: 100%; border-collapse: collapse; font-size: 0.875rem; display: block; overflow-x: auto; }
.docs th, .docs td { text-align: left; vertical-align: top; padding: 0.375rem 0.5rem; border-bottom: 1px solid #e2e8f0; }
.docs th { background: #f8fafc; font-weight: 600; }
#mock-banner span { display: block; }
.docs td:first-child code { white-space: nowrap; }