/* The docs layout ("Split Reference"): layouts/documentation.html.erb, layouts/docs/*,
 * and the structure DocsPageLayout adds to each page.
 *
 * Every colour is a token on .docs-body. The dark theme changes the tokens only
 * (.docs-body.dark, set by the inline script in the layout and by docs_theme_controller.js).
 * The class is on <body>, so it never reaches the marketing pages.
 */

.docs-body {
  --docs-bg: #ffffff;
  --docs-side: #f8f9fb;
  --docs-surface: #f3f4f7;
  --docs-line: #e6e8ec;
  --docs-line-strong: #d3d7de;
  --docs-text: #3f3f46;
  --docs-head: #18181b;
  --docs-muted: #667085;
  --docs-accent: #1f47c9;
  --docs-accent-soft: #eaeefb;
  --docs-on-soft: #1a3ba8;

  /* The code column and the code blocks are dark in both themes */
  --docs-code-bg: #0f1524;
  --docs-code-raise: #182036;
  --docs-code-line: #27314c;
  --docs-code-text: #e4e7ee;
  --docs-code-muted: #8f9bb7;

  --docs-header-h: 3.5rem;
  --docs-tabs-h: 2.625rem;
  --docs-top: calc(var(--docs-header-h) + var(--docs-tabs-h));
  --docs-sidebar-w: 16.5rem;
  --docs-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  background-color: var(--docs-bg);
  color: var(--docs-text);
}

.docs-body.dark {
  color-scheme: dark;
  --docs-bg: #0e1118;
  --docs-side: #0a0d13;
  --docs-surface: #171b26;
  --docs-line: #232938;
  --docs-line-strong: #343c50;
  --docs-text: #c3c9d6;
  --docs-head: #f1f3f8;
  --docs-muted: #8b95a9;
  --docs-accent: #8ea8ff;
  --docs-accent-soft: #1a2444;
  --docs-on-soft: #b9c8ff;

  --docs-code-bg: #080b12;
  --docs-code-raise: #111726;
  --docs-code-line: #1f2739;
}

.docs-shell :focus-visible {
  outline: 2px solid var(--docs-accent);
  outline-offset: 2px;
}

/* ---------- header and tabs ---------- */

.docs-top {
  position: sticky;
  top: 0;
  z-index: 40;
  background-color: var(--docs-bg);
}

.docs-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: var(--docs-header-h);
  padding: 0 1.25rem;
  border-bottom: 1px solid var(--docs-line);
}

.docs-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: var(--docs-head);
  white-space: nowrap;
}

.docs-brand-separator { color: var(--docs-line-strong); }

.docs-brand-docs {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--docs-muted);
}

.docs-brand-docs:hover { color: var(--docs-head); }

.docs-search-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: min(26rem, 100%);
  height: 2.125rem;
  margin-left: 0.75rem;
  padding: 0 0.625rem;
  border: 1px solid var(--docs-line);
  border-radius: 8px;
  background-color: var(--docs-surface);
  color: var(--docs-muted);
  font-size: 0.875rem;
  white-space: nowrap;
}

.docs-search-button:hover { border-color: var(--docs-line-strong); }

.docs-search-button kbd {
  margin-left: auto;
  padding: 0.0625rem 0.375rem;
  border: 1px solid var(--docs-line);
  border-radius: 4px;
  background-color: var(--docs-bg);
  font: 500 0.6875rem var(--docs-mono);
}

.docs-header-space { flex: 1; }

.docs-version {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.docs-version label {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--docs-muted);
  white-space: nowrap;
}

.docs-version select {
  height: 2.125rem;
  padding: 0 2rem 0 0.625rem;
  border: 1px solid var(--docs-line);
  border-radius: 8px;
  background-color: var(--docs-bg);
  color: var(--docs-head);
  font-size: 0.8125rem;
  line-height: 1;
}

.docs-icon-button {
  display: grid;
  place-items: center;
  flex: none;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 8px;
  color: var(--docs-muted);
}

.docs-icon-button:hover {
  background-color: var(--docs-surface);
  color: var(--docs-head);
}

.docs-menu-button { display: none; }
.docs-theme-sun { display: none; }
.dark .docs-theme-sun { display: block; }
.dark .docs-theme-moon { display: none; }

.docs-tabs {
  display: flex;
  gap: 0.25rem;
  height: var(--docs-tabs-h);
  padding: 0 0.75rem;
  border-bottom: 1px solid var(--docs-line);
  overflow-x: auto;
  scrollbar-width: none;
}

.docs-tabs::-webkit-scrollbar { display: none; }

.docs-tab {
  display: flex;
  align-items: center;
  padding: 0 0.625rem;
  border-bottom: 2px solid transparent;
  color: var(--docs-muted);
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
}

.docs-tab:hover { color: var(--docs-head); }

.docs-tab.is-current {
  border-bottom-color: var(--docs-accent);
  color: var(--docs-head);
  font-weight: 600;
}

/* ---------- sidebar ---------- */

.docs-overlay { display: none; }

.docs-sidebar {
  position: fixed;
  top: var(--docs-top);
  bottom: 0;
  left: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  width: var(--docs-sidebar-w);
  border-right: 1px solid var(--docs-line);
  background-color: var(--docs-side);
}

.docs-sidebar-close { display: none; }

.docs-sidebar-nav {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 1.25rem 0.75rem 2.5rem;
  scrollbar-width: thin;
  scrollbar-color: var(--docs-line-strong) transparent;
}

.docs-nav-section + .docs-nav-section { margin-top: 1.5rem; }

.docs-nav-section h3 {
  padding: 0 0.625rem 0.375rem;
  color: var(--docs-muted);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.docs-nav-link {
  display: block;
  padding: 0.3125rem 0.625rem;
  border-radius: 6px;
  color: var(--docs-text);
  font-size: 0.875rem;
  line-height: 1.4;
}

.docs-nav-link:hover {
  background-color: var(--docs-surface);
  color: var(--docs-head);
}

.docs-nav-link.is-current {
  background-color: var(--docs-accent-soft);
  color: var(--docs-on-soft);
  font-weight: 600;
}

.docs-nav-endpoints {
  margin: 0.25rem 0 0.625rem 0.625rem;
  padding-left: 0.375rem;
  border-left: 1px solid var(--docs-line);
}

.docs-nav-endpoints a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 5px;
  color: var(--docs-muted);
  font-size: 0.8125rem;
  line-height: 1.35;
}

.docs-nav-endpoints a:hover { color: var(--docs-head); }

.docs-nav-endpoints a[aria-current] {
  color: var(--docs-head);
  font-weight: 600;
}

.docs-nav-endpoints .http-method,
.docs-endpoint-index .http-method {
  flex: none;
  justify-content: center;
  min-width: 2.875rem;
}

/* ---------- page frame ---------- */

.docs-main {
  min-width: 0;
  margin-left: var(--docs-sidebar-w);
}

.docs-guide {
  display: flex;
  justify-content: center;
  gap: 3.5rem;
  padding: 2.5rem 2rem 0;
}

.docs-guide-main {
  width: 100%;
  min-width: 0;
  max-width: 46rem;
}

.docs-article :is(h1, h2, h3, h4, h5, h6)[id] {
  scroll-margin-top: calc(var(--docs-top) + 1.25rem);
}

.docs-article.prose h2,
.docs-article .prose h2 {
  margin-top: 2.75rem;
}

.docs-article .docs-image-wrapper img { cursor: zoom-in; }

/* Nothing in the page is wider than its column: long identifiers wrap, a flex child may shrink */
.docs-article img { max-width: 100%; height: auto; }
.docs-article :is(p, li, dd, h1, h2, h3, h4) { overflow-wrap: anywhere; }
.docs-article .callout > .flex-1 { min-width: 0; }

/* ---------- "On this page" ---------- */

.docs-toc { display: none; }

.docs-toc-title,
.docs-toc-inline summary {
  color: var(--docs-muted);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.docs-toc ul { margin-top: 0.625rem; }

.docs-toc a,
.docs-toc-inline a {
  display: block;
  padding: 0.25rem 0 0.25rem 0.75rem;
  border-left: 2px solid var(--docs-line);
  color: var(--docs-muted);
  font-size: 0.8125rem;
  line-height: 1.4;
}

.docs-toc li.is-level-3 a,
.docs-toc-inline li.is-level-3 a {
  padding-left: 1.5rem;
}

.docs-toc a:hover,
.docs-toc-inline a:hover {
  color: var(--docs-head);
}

.docs-toc a[aria-current],
.docs-toc-inline a[aria-current] {
  border-left-color: var(--docs-accent);
  color: var(--docs-head);
  font-weight: 600;
}

.docs-toc-inline {
  margin-bottom: 1.5rem;
  border: 1px solid var(--docs-line);
  border-radius: 8px;
  background-color: var(--docs-side);
}

.docs-toc-inline summary {
  padding: 0.75rem 1rem;
  cursor: pointer;
}

.docs-toc-inline ul { padding: 0 1rem 0.875rem; }

/* ---------- code blocks (DocsPageLayout#wrap_code_blocks) ---------- */

.docs-code {
  margin: 1.25rem 0;
  overflow: hidden;
  border: 1px solid var(--docs-code-line);
  border-radius: 8px;
  background-color: var(--docs-code-bg);
  color: var(--docs-code-text);
}

.docs-code-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 2.125rem;
  padding: 0.25rem 0.375rem 0.25rem 0.875rem;
  border-bottom: 1px solid var(--docs-code-line);
  color: var(--docs-code-muted);
  font: 500 0.6875rem/1.2 var(--docs-mono);
  letter-spacing: 0.04em;
}

.docs-code-copy {
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--docs-code-line);
  border-radius: 5px;
  color: var(--docs-code-muted);
  font: inherit;
}

.docs-code-copy:hover {
  border-color: var(--docs-code-muted);
  color: var(--docs-code-text);
}

.docs-code pre {
  margin: 0;
  padding: 0.875rem 1rem;
  overflow-x: auto;
  font-family: var(--docs-mono);
  font-size: 0.8125rem;
  line-height: 1.65;
  scrollbar-width: thin;
  scrollbar-color: var(--docs-code-line) transparent;
}

/* Rouge writes a background on some tokens for its own theme; the block has one background */
.docs-code pre span { background-color: transparent !important; }

/* ---------- endpoint bars and the endpoint index ---------- */

.docs-endpoint {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin: 1.25rem 0;
  padding: 0.5625rem 0.75rem;
  overflow-x: auto;
  border: 1px solid var(--docs-line);
  border-radius: 8px;
  background-color: var(--docs-surface);
}

.docs-body .docs-endpoint > code {
  padding: 0;
  background-color: transparent;
  color: var(--docs-head);
  font-family: var(--docs-mono);
  font-size: 0.8125rem;
  font-weight: 500;
  white-space: nowrap;
}

.docs-endpoint .http-method {
  flex: none;
  padding: 0.25rem 0.4375rem;
  font-size: 0.6875rem;
}

.docs-endpoint + .docs-endpoint { margin-top: -0.75rem; }

.docs-endpoint-index {
  margin-bottom: 1.25rem;
  overflow: hidden;
  border: 1px solid var(--docs-code-line);
  border-radius: 8px;
  background-color: var(--docs-code-raise);
  color: var(--docs-code-text);
}

.docs-endpoint-index .docs-code-head { padding-right: 0.875rem; }

.docs-endpoint-index ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  gap: 0.125rem 0.75rem;
  padding: 0.625rem 0.75rem;
}

.docs-endpoint-index a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.125rem;
  color: var(--docs-code-text);
  font-size: 0.8125rem;
}

.docs-endpoint-index a:hover { text-decoration: underline; }

/* The method colours for a dark surface, in both themes */
.docs-endpoint-index .http-method-get { color: #34d399; }
.docs-endpoint-index .http-method-post { color: #38bdf8; }
.docs-endpoint-index .http-method-put,
.docs-endpoint-index .http-method-patch { color: #fbbf24; }
.docs-endpoint-index .http-method-delete { color: #fb7185; }

/* ---------- tables ---------- */

.docs-table {
  margin: 1.5rem 0;
  overflow-x: auto;
}

.docs-table > table {
  display: table;
  margin: 0;
}

/* ---------- split rows (DocsPageLayout#build_rows) ---------- */

.docs-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.docs-row[hidden] { display: none; }

.docs-row-prose { padding: 1.75rem 1.25rem 1.25rem; }
.docs-row + .docs-row > .docs-row-prose { border-top: 1px solid var(--docs-line); }

.docs-row-prose > h2:first-child,
.docs-row-prose > .docs-version-block > h2:first-child,
.docs-article .docs-row-prose > h2:first-child,
.docs-article .docs-row-prose > .docs-version-block > h2:first-child {
  margin-top: 0;
}

.docs-row-prose > h1:first-child { margin-bottom: 1rem; }
.docs-row-prose > :last-child { margin-bottom: 0; }

.docs-row-samples { padding: 0 1.25rem 1.5rem; }
.docs-row-samples:not(:has(.docs-row-sticky > *)) { display: none; }

.docs-row-sticky > :first-child { margin-top: 0; }
.docs-row-sticky > :last-child { margin-bottom: 0; }

.docs-sample-heading,
.docs-sample-caption {
  margin: 1.5rem 0 0.5rem;
  color: var(--docs-muted);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
}

.docs-sample-caption,
.docs-sample-caption strong {
  font-weight: 500;
}

.docs-sample-heading {
  font-size: 0.6875rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.docs-sample-heading + .docs-code,
.docs-sample-caption + .docs-code,
.docs-sample-heading + .docs-sample-caption {
  margin-top: 0;
}

.docs-row-samples code {
  font-family: var(--docs-mono);
  font-size: 0.9em;
}

/* ---------- end of the page ---------- */

.docs-tail {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  margin-top: 3rem;
  padding-bottom: 2.5rem;
}

.docs-row-tail .docs-tail { margin-top: 0.5rem; }

.docs-updated {
  color: var(--docs-muted);
  font-size: 0.8125rem;
}

.docs-pagination {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.docs-pagination-link {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--docs-line);
  border-radius: 8px;
  color: var(--docs-head);
  font-size: 0.875rem;
  font-weight: 600;
}

.docs-pagination-link:hover { border-color: var(--docs-accent); }
.docs-pagination-link.is-next { text-align: right; }

.docs-pagination-link span {
  color: var(--docs-muted);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.docs-feedback {
  padding-top: 1.5rem;
  border-top: 1px solid var(--docs-line);
  color: var(--docs-head);
  font-size: 0.875rem;
}

.docs-feedback-question {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.docs-feedback-question p { font-weight: 500; }

.docs-feedback button {
  padding: 0.3125rem 0.875rem;
  border: 1px solid var(--docs-line-strong);
  border-radius: 8px;
  background-color: var(--docs-bg);
  color: var(--docs-head);
  font-size: 0.8125rem;
  font-weight: 500;
}

.docs-feedback button:hover { border-color: var(--docs-accent); }

.docs-feedback-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.docs-feedback-form[hidden] { display: none; }
.docs-feedback-form label { font-weight: 500; }

.docs-feedback-form textarea {
  width: 100%;
  max-width: 34rem;
  border: 1px solid var(--docs-line-strong);
  border-radius: 8px;
  background-color: var(--docs-bg);
  color: var(--docs-head);
  font-size: 0.875rem;
}

.docs-feedback-status { color: var(--docs-muted); }

.docs-footer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--docs-line);
  font-size: 0.8125rem;
}

.docs-footer h2 {
  margin-bottom: 0.5rem;
  color: var(--docs-head);
  font-size: 0.8125rem;
  font-weight: 600;
}

.docs-footer ul {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}

.docs-footer a { color: var(--docs-muted); }
.docs-footer a:hover { color: var(--docs-head); }

.docs-footer-legal {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem 1.25rem;
  color: var(--docs-muted);
}

/* ---------- screenshot at full size (docs_zoom_controller.js) ---------- */

.docs-zoom {
  max-width: 96vw;
  max-height: 94vh;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-out;
}

.docs-zoom::backdrop { background-color: rgb(9 9 11 / 0.86); }

.docs-zoom img {
  display: block;
  max-width: 96vw;
  max-height: 94vh;
  border-radius: 8px;
}

/* ---------- wide screens: the right column and the split ---------- */

@media (min-width: 1280px) {
  .docs-toc {
    display: block;
    position: sticky;
    top: calc(var(--docs-top) + 2.5rem);
    align-self: flex-start;
    flex: none;
    width: 14rem;
    max-height: calc(100vh - var(--docs-top) - 4rem);
    overflow-y: auto;
    scrollbar-width: thin;
  }

  .docs-toc-inline { display: none; }

  .docs-row { grid-template-columns: minmax(0, 54fr) minmax(0, 46fr); }

  .docs-row-prose { padding: 2.25rem 2.5rem; }
  .docs-row-prose > * { max-width: 44rem; }

  .docs-row-samples,
  .docs-row-samples:not(:has(.docs-row-sticky > *)) {
    display: block;
    padding: 2.25rem 1.5rem;
    background-color: var(--docs-code-bg);
    color: var(--docs-code-text);
  }

  .docs-row + .docs-row > .docs-row-samples { border-top: 1px solid var(--docs-code-line); }

  .docs-row-sticky {
    position: sticky;
    top: calc(var(--docs-top) + 1.25rem);
    max-width: 46rem;
    max-height: calc(100vh - var(--docs-top) - 2.5rem);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--docs-code-line) transparent;
  }

  .docs-row-samples .docs-code { background-color: var(--docs-code-raise); }

  .docs-row-samples .docs-sample-heading,
  .docs-row-samples .docs-sample-caption {
    color: var(--docs-code-muted);
  }

  .docs-row-samples .docs-sample-caption :is(strong, code) { color: var(--docs-code-text); }

  /* The last row fills the window, so the code column reaches the bottom of a short page */
  .docs-split { display: flex; flex-direction: column; min-height: calc(100vh - var(--docs-top)); }
  .docs-row-tail { flex: 1; }
}

/* ---------- narrow screens: the sidebar is a drawer ---------- */

@media (max-width: 1023px) {
  .docs-menu-button { display: grid; }
  .docs-main { margin-left: 0; }
  .docs-version label { display: none; }
  .docs-brand-separator, .docs-brand-docs { display: none; }

  .docs-overlay {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 50;
    background-color: rgb(9 9 11 / 0.7);
  }

  .docs-sidebar {
    top: 0;
    z-index: 50;
    width: min(20rem, 85vw);
    visibility: hidden;
    translate: -100% 0;
    transition: translate 0.25s ease, visibility 0.25s;
  }

  .docs-sidebar[data-open] {
    visibility: visible;
    translate: 0 0;
  }

  .docs-sidebar-close {
    display: grid;
    place-items: center;
    position: absolute;
    top: 0.625rem;
    left: 100%;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 0.25rem;
    color: #ffffff;
  }
}

@media (max-width: 639px) {
  .docs-header { gap: 0.375rem; padding: 0 0.75rem; }
  .docs-brand span { display: none; }
  .docs-search-button { width: 2.125rem; margin-left: auto; padding: 0; justify-content: center; }
  .docs-search-button span, .docs-search-button kbd { display: none; }
  .docs-header-space { display: none; }
  .docs-home-button { display: none; }
  .docs-guide { padding: 1.75rem 1rem 0; }
  .docs-row-prose { padding-inline: 1rem; }
  .docs-row-samples { padding-inline: 1rem; }
  .docs-footer { grid-template-columns: minmax(0, 1fr); }
  .docs-pagination { grid-template-columns: minmax(0, 1fr); }
  .docs-pagination > span:empty { display: none; }
}

/* ---------- dark theme: the parts that do not read the tokens ---------- */

/* Text links in the page (links with their own classes keep them) */
.docs-body.dark .docs-article .prose a:not([class]),
.docs-body.dark .docs-article.prose a:not([class]) {
  color: var(--docs-accent);
}

.docs-body.dark .docs-version-badge {
  background-color: var(--docs-surface);
  color: var(--docs-muted);
}

.docs-body.dark .docs-version-badge[data-state="new"],
.docs-body.dark .docs-version-badge[data-state="upcoming"],
.docs-body.dark .docs-version-notice {
  background-color: var(--docs-accent-soft);
  box-shadow: none;
  color: var(--docs-on-soft);
}

/* Colour utilities written in the docs pages (cards on the index, hand-written tables, notices) */
.docs-body.dark .docs-article :is(.text-gray-900, .text-gray-800, .text-gray-700) { color: var(--docs-head); }
.docs-body.dark .docs-article :is(.text-gray-600, .text-gray-500, .text-gray-400) { color: var(--docs-muted); }
.docs-body.dark .docs-article :is(.border-gray-200, .border-gray-300) { border-color: var(--docs-line); }
.docs-body.dark .docs-article :is(.bg-gray-50, .bg-white, .hover\:bg-gray-50:hover) { background-color: var(--docs-surface); }
.docs-body.dark .docs-article :is(.bg-blue-50, .bg-blue-100) { background-color: var(--docs-accent-soft); }
.docs-body.dark .docs-article :is(.text-blue-600, .text-blue-700, .text-blue-800, .hover\:text-blue-600:hover) { color: var(--docs-accent); }
.docs-body.dark .docs-article :is(.border-blue-200, .border-blue-400) { border-color: #2f3f77; }
.docs-body.dark .docs-article .bg-yellow-50 { background-color: rgb(245 158 11 / 0.1); }
.docs-body.dark .docs-article :is(.text-yellow-700, .text-yellow-800) { color: #fcd34d; }
.docs-body.dark .docs-article :is(.border-yellow-200, .border-yellow-400) { border-color: rgb(245 158 11 / 0.35); }
.docs-body.dark .docs-article .bg-red-50 { background-color: rgb(239 68 68 / 0.1); }
.docs-body.dark .docs-article .text-red-700 { color: #fca5a5; }
.docs-body.dark .docs-article .border-red-400 { border-color: rgb(239 68 68 / 0.4); }

/* The search modal */
.docs-body.dark .docs-search .bg-white { background-color: var(--docs-surface); }
.docs-body.dark .docs-search :is(.ring-zinc-200, .border-zinc-200) { border-color: var(--docs-line-strong); --tw-ring-color: var(--docs-line-strong); }
.docs-body.dark .docs-search :is(.text-zinc-900, .text-zinc-700) { color: var(--docs-head); }
.docs-body.dark .docs-search :is(.text-zinc-600, .text-zinc-500) { color: var(--docs-muted); }
.docs-body.dark .docs-search :is(.bg-zinc-100, .hover\:bg-zinc-100:hover) { background-color: #232a3b; }
.docs-body.dark .docs-search mark { background-color: var(--docs-accent-soft); color: var(--docs-on-soft); }