/* ==========================================================================
   Larsa — documentation
   Only /docs loads this.
   ========================================================================== */

.docs-search {
  gap: var(--s-3);
  color: var(--text-faint);
  font-weight: var(--fw-reg);
  min-inline-size: 12rem;
  justify-content: flex-start;
}
.docs-search kbd { margin-inline-start: auto; }
@media (max-width: 68rem) { .docs-search span { display: none; } .docs-search { min-inline-size: 0; } }

/* ── Endpoint line ─────────────────────────────────────────────────────── */

.endpoint {
  display: flex; align-items: center; gap: var(--s-3);
  padding: var(--s-3) var(--s-4);
  margin-block: var(--s-5);
  background: var(--bg-subtle);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  overflow-x: auto;
}
.endpoint__path {
  font-family: var(--font-mono);
  font-size: var(--fs-sm);
  color: var(--text-strong);
  background: none;
  padding: 0;
  white-space: nowrap;
  direction: ltr;
}
.endpoint .btn { margin-inline-start: auto; flex-shrink: 0; }

/* ── Prose refinements specific to docs ────────────────────────────────── */

.prose > .table-wrap { margin-block: var(--s-6); }
.prose h2:first-child { margin-block-start: 0; }

/* A parameter table's first column is an identifier. Keep it monospaced,
   left-to-right, and narrow enough that the description gets the room. */
.prose .table td.mono { inline-size: 1%; white-space: nowrap; }
.prose .table td:last-child { min-inline-size: 18rem; }

/* ── Language tab strip ────────────────────────────────────────────────── */

/* The strip scrolls on a phone; a fade at the trailing edge says so without
   drawing a scrollbar over the tabs. */
.code__head { position: relative; }
.code__head::after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  inline-size: 2rem;
  pointer-events: none;
  background: linear-gradient(to left, var(--code-bg), transparent);
  opacity: 0;
}
@media (max-width: 48rem) { .code__head::after { opacity: 0.9; } }
:root[dir="rtl"] .code__head::after { background: linear-gradient(to right, var(--code-bg), transparent); }

/* ── Cards on the docs index ───────────────────────────────────────────── */

.docs-hero { padding-block: var(--s-8) var(--s-6); }
.docs-hero__title { font-size: var(--fs-3xl); font-weight: var(--fw-semi); letter-spacing: var(--tracking-tight); }
:root[dir="rtl"] .docs-hero__title { letter-spacing: 0; }
.docs-hero__lede { font-size: var(--fs-lg); color: var(--text-muted); margin-block-start: var(--s-3); max-inline-size: var(--content-prose); }

/* ── Version / status pills inside prose ───────────────────────────────── */

.prose .badge { vertical-align: middle; }
.prose code a { color: inherit; }