/* ============================================================================
   Circular — Centro de Ayuda   theme
   Brand tokens sampled from the product storefront SCSS:
     blue #427AE4 (·75 #719BEB ·50 #A1BDF2 ·25 #D0DEF8), ink #141A2E, success #6ccd75
   ========================================================================== */

:root {
  --sc-blue:        #427AE4;
  --sc-blue-600:    #356bd0;
  --sc-blue-700:    #2b59b4;
  --sc-blue-tint:   #eaf1fc;
  --sc-blue-tint-2: #f4f8fe;
  --sc-ink:         #141a2e;
  --sc-ink-2:       #55607a;
  --sc-ink-3:       #8a93a6;
  --sc-line:        #e7eaf1;
  --sc-surface:     #ffffff;
  --sc-bg:          #fbfcfe;
  --sc-radius:      14px;
  --sc-radius-sm:   10px;
  --sc-shadow-sm:   0 1px 2px rgba(20,26,46,.06), 0 1px 3px rgba(20,26,46,.05);
  --sc-shadow-md:   0 6px 20px rgba(20,26,46,.08), 0 2px 6px rgba(20,26,46,.05);
  --sc-shadow-lg:   0 18px 40px rgba(20,26,46,.12);

  /* Drive Material's accents from the brand blue */
  --md-primary-fg-color:        var(--sc-blue);
  --md-primary-fg-color--light: var(--sc-blue);
  --md-primary-fg-color--dark:  var(--sc-blue-700);
  --md-accent-fg-color:         var(--sc-blue-600);
  --md-typeset-a-color:         var(--sc-blue-600);
}

/* ---- Base ----------------------------------------------------------------- */
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.md-main { background: var(--sc-bg); }
.md-typeset { color: var(--sc-ink); font-size: .8rem; }
.md-grid { max-width: 66rem; }

/* ---- Header: white, hairline border, dark text --------------------------- */
.md-header {
  background: rgba(255,255,255,.86);
  -webkit-backdrop-filter: saturate(1.4) blur(10px);
  backdrop-filter: saturate(1.4) blur(10px);
  color: var(--sc-ink);
  box-shadow: none;
  border-bottom: 1px solid var(--sc-line);
}
.md-header__title { font-weight: 700; letter-spacing: -.01em; }
.md-header__button.md-logo img { height: 1.35rem; width: auto; }
.md-header [type="checkbox"] ~ .md-header__button,
.md-header .md-header__button { color: var(--sc-ink); }

/* Top navigation tabs (categories) */
.md-tabs {
  background: #fff;
  color: var(--sc-ink);
  border-bottom: 1px solid var(--sc-line);
}
.md-tabs__link { color: var(--sc-ink-2); opacity: 1; font-weight: 550; font-size: .72rem; }
.md-tabs__link:hover { color: var(--sc-blue-600); }
.md-tabs__item--active .md-tabs__link,
.md-tabs__link--active { color: var(--sc-ink); font-weight: 700; }

/* ---- Search: rounded pill ------------------------------------------------- */
.md-search__form {
  border-radius: 999px;
  background: #f2f4f9;
  box-shadow: none;
  height: 2.1rem;
}
.md-search__form:hover { background: #eef1f7; }
/* Abierto, Material lo vuelve casi un rectángulo; lo dejamos en la misma píldora. */
[data-md-toggle="search"]:checked ~ .md-header .md-search__form {
  background: #fff;
  border-radius: 999px;
  box-shadow: var(--sc-shadow-md);
}
[data-md-toggle="search"]:checked ~ .md-header .md-search__output { margin-top: .3rem; }
/* Sin texto tecleado no hay nada que mostrar: el panel con "Teclee para comenzar
   búsqueda" era una caja vacía que no aportaba. */
.md-search__output:has(.md-search-result__list:empty) { display: none; }
.md-search__input { font-size: .74rem; }
.md-search__input::placeholder { color: var(--sc-ink-3); }
.md-search__icon svg { color: var(--sc-ink-2); }
.md-search__output { border-radius: var(--sc-radius); overflow: hidden; box-shadow: var(--sc-shadow-lg); }
.md-search-result__meta { background: var(--sc-blue-tint-2); color: var(--sc-ink-2); }

/* ---- Sidebar nav ---------------------------------------------------------- */
.md-nav { font-size: .72rem; }
.md-nav__title { color: var(--sc-ink-3); font-weight: 700; font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; }
.md-nav__link { color: var(--sc-ink-2); border-radius: 8px; padding: .28rem .5rem; transition: background .12s, color .12s; }
.md-nav__link:hover { color: var(--sc-blue-600); background: var(--sc-blue-tint); }
.md-nav__item .md-nav__link--active {
  color: var(--sc-blue-700);
  background: var(--sc-blue-tint);
  font-weight: 650;
}

/* ---- Typography ----------------------------------------------------------- */
.md-typeset h1 { font-weight: 800; letter-spacing: -.02em; color: var(--sc-ink); margin-bottom: .4em; }
.md-typeset h2 { font-weight: 750; letter-spacing: -.015em; margin-top: 1.7em; padding-top: .3em; }
.md-typeset h3 { font-weight: 700; letter-spacing: -.01em; }
.md-typeset a { text-decoration: none; font-weight: 550; }
.md-typeset a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ---- Content links, code, tables, quotes ---------------------------------- */
.md-typeset code {
  background: #f2f4f9;
  border: 1px solid var(--sc-line);
  border-radius: 6px;
  padding: .12em .38em;
  font-size: .82em;
}
.md-typeset pre > code { border: 0; }
.md-typeset .highlight > pre > code,
.md-typeset pre { border-radius: var(--sc-radius-sm); }
.md-typeset .highlight { box-shadow: var(--sc-shadow-sm); border-radius: var(--sc-radius-sm); }
.md-typeset table:not([class]) {
  border: 1px solid var(--sc-line);
  border-radius: var(--sc-radius-sm);
  box-shadow: var(--sc-shadow-sm);
  overflow: hidden;
}
.md-typeset table:not([class]) th { background: var(--sc-blue-tint-2); font-weight: 700; }
.md-typeset blockquote { border-left: 3px solid var(--sc-blue); color: var(--sc-ink-2); }

/* ---- Admonitions: softer, rounded ---------------------------------------- */
.md-typeset .admonition, .md-typeset details {
  border: 1px solid var(--sc-line);
  border-left-width: 3px;
  border-radius: var(--sc-radius-sm);
  box-shadow: var(--sc-shadow-sm);
  font-size: .76rem;
}
/* Material pinta los cuatro bordes con su color saturado; acá solo el izquierdo
   lleva el acento y el resto queda en la hairline neutra del resto de la UI. */
.md-typeset .admonition.note    { border-color: var(--sc-line); border-left-color: var(--sc-blue); }
.md-typeset .note  > .admonition-title { background: var(--sc-blue-tint); }
.md-typeset .admonition.tip     { border-color: var(--sc-line); border-left-color: #10b981; }
.md-typeset .tip   > .admonition-title { background: #e7f7f0; }
.md-typeset .admonition.warning { border-color: var(--sc-line); border-left-color: #e0a12a; }
.md-typeset .warning > .admonition-title { background: #fdf4e3; }
.md-typeset .admonition.danger  { border-color: var(--sc-line); border-left-color: #dc4b4b; }
.md-typeset .danger  > .admonition-title { background: #fdecec; }
.md-typeset .danger  > .admonition-title::before { background-color: #dc4b4b; }
.md-typeset .admonition-title { font-weight: 700; }

/* Que el icono use el mismo color que el borde (Material trae teal/naranja propios). */
.md-typeset .note    > .admonition-title::before { background-color: var(--sc-blue); }
.md-typeset .tip     > .admonition-title::before { background-color: #10b981; }
.md-typeset .warning > .admonition-title::before { background-color: #e0a12a; }

/* Line icons in place of Material's filled glyphs — same visual language as the
   homepage cards. Redefining the variable is enough; Material masks ::before with it. */
:root {
  --md-admonition-icon--note:     url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2011v5%22%2F%3E%3Cpath%20d%3D%22M12%207.8h.01%22%2F%3E%3C%2Fsvg%3E');
  --md-admonition-icon--tip:      url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.2%2017h5.6%22%2F%3E%3Cpath%20d%3D%22M10%2020.5h4%22%2F%3E%3Cpath%20d%3D%22M12%203.2a5.8%205.8%200%200%200-3.4%2010.5c.6.5%201%201.2%201%202h4.8c0-.8.4-1.5%201-2A5.8%205.8%200%200%200%2012%203.2z%22%2F%3E%3C%2Fsvg%3E');
  --md-admonition-icon--warning:  url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204.2%2021%2019.5H3z%22%2F%3E%3Cpath%20d%3D%22M12%2010v4%22%2F%3E%3Cpath%20d%3D%22M12%2016.8h.01%22%2F%3E%3C%2Fsvg%3E');
  --md-admonition-icon--danger:   url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207.6v5%22%2F%3E%3Cpath%20d%3D%22M12%2016.4h.01%22%2F%3E%3C%2Fsvg%3E');
  --md-admonition-icon--question: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9.6%209.4a2.5%202.5%200%201%201%203.3%202.4c-.6.3-.9.8-.9%201.4v.5%22%2F%3E%3Cpath%20d%3D%22M12%2016.8h.01%22%2F%3E%3C%2Fsvg%3E');
  --md-admonition-icon--video:    url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.6%22%20y%3D%225.4%22%20width%3D%2213.4%22%20height%3D%2213.2%22%20rx%3D%222.4%22%2F%3E%3Cpath%20d%3D%22m16%2010.6%205.4-3.2v9.2L16%2013.4z%22%2F%3E%3C%2Fsvg%3E');
}

/* `video` is not a Material type: declare it whole (used by the 📹 callouts). */
.md-typeset .admonition.video { border-color: var(--sc-line); border-left-color: var(--sc-blue); }
.md-typeset .video > .admonition-title { background: var(--sc-blue-tint); }
.md-typeset .video > .admonition-title::before {
  background-color: var(--sc-blue);
  -webkit-mask-image: var(--md-admonition-icon--video);
  mask-image: var(--md-admonition-icon--video);
}

/* FAQ accordion (??? question): recolor from Material's default green to brand blue */
/* Material colorea los cuatro bordes con su verde; solo el izquierdo es el acento. */
.md-typeset .admonition.question,
.md-typeset details.question {
  border-color: var(--sc-line);
  border-left-color: var(--sc-blue);
}
.md-typeset .question > .admonition-title,
.md-typeset .question > summary { background: var(--sc-blue-tint); font-weight: 700; }
.md-typeset .question > .admonition-title::before,
.md-typeset .question > summary::before { background-color: var(--sc-blue); }
.md-typeset details.question > summary { font-size: .82rem; }
/* El halo al enfocar y la flecha venían en el verde del tipo `question`. */
.md-typeset .admonition.question:focus-within,
.md-typeset details.question:focus-within {
  box-shadow: 0 0 0 .2rem rgba(66, 122, 228, .14);
}
.md-typeset .question > .admonition-title::after,
.md-typeset .question > summary::after { color: var(--sc-ink); }

/* ==========================================================================
   HOME — hero + category cards  (index.md sets hide: navigation, toc)
   ========================================================================== */
.sc-hero {
  margin: -1rem -.8rem 2.2rem;
  padding: 3.6rem 1.2rem 3.2rem;
  text-align: center;
  background:
    radial-gradient(1200px 380px at 50% -140px, var(--sc-blue-tint) 0%, rgba(234,241,252,0) 70%),
    linear-gradient(180deg, var(--sc-blue-tint-2) 0%, #ffffff 100%);
  border-bottom: 1px solid var(--sc-line);
  border-radius: 0 0 24px 24px;
}
.sc-hero__title {
  font-size: 2.35rem; line-height: 1.1; font-weight: 850;
  letter-spacing: -.03em; color: var(--sc-ink); margin: 0 0 .5rem;
}
.sc-hero__subtitle { font-size: .95rem; color: var(--sc-ink-2); margin: 0 auto 1.8rem; max-width: 34rem; }
.sc-hero__search-wrap {
  position: relative;
  width: min(38rem, 92%);
  margin: 0 auto;
  text-align: left;
}
.sc-hero__search {
  display: flex; align-items: center; gap: .7rem;
  background: #fff;
  border: 1px solid var(--sc-line);
  border-radius: 999px; padding: .85rem 1.1rem;
  box-shadow: var(--sc-shadow-md);
  transition: border-color .15s, box-shadow .15s;
}
.sc-hero__search:hover { border-color: var(--sc-blue); box-shadow: var(--sc-shadow-lg); }
.sc-hero__search:focus-within { border-color: var(--sc-blue); box-shadow: var(--sc-shadow-lg); }
.sc-hero__search svg { width: 1.15rem; height: 1.15rem; color: var(--sc-blue); flex: none; }
.sc-hero__input {
  flex: 1; min-width: 0;
  border: 0; outline: 0; background: transparent;
  font: inherit; font-size: .9rem; color: var(--sc-ink);
}
.sc-hero__input::placeholder { color: var(--sc-ink-3); }

/* Resultados: flotan sobre las tarjetas para que la página no salte al escribir. */
.sc-hero__results {
  position: absolute; z-index: 5; left: 0; right: 0; top: calc(100% + .5rem);
  max-height: 60vh; overflow-y: auto;
  background: var(--sc-surface);
  border: 1px solid var(--sc-line); border-radius: var(--sc-radius);
  box-shadow: var(--sc-shadow-lg);
  text-align: left;
}
.sc-hero__results[hidden] { display: none; }
.sc-hero__results-list { margin: 0; padding: 0; list-style: none; }
.sc-hero__results-list .md-search-result__item + .md-search-result__item {
  border-top: 1px solid var(--sc-line);
}
.sc-hero__results-list .md-search-result__link { padding: .5rem .9rem; }
.sc-hero__results-list .md-search-result__link:hover,
.sc-hero__results-list .md-search-result__link:focus { background: var(--sc-blue-tint); }
/* Los resultados son una copia de los de Material; fuera de su panel pierden la
   tipografía compacta y el título sale como un h1 de artículo. */
.sc-hero__results-list .md-search-result__article {
  padding: 0 0 0 1.6rem; font-size: .76rem;
}
.sc-hero__results-list .md-search-result__article :is(h1, h2, h3, h4, h5, h6) {
  margin: 0 0 .1rem; font-size: .82rem; font-weight: 650; line-height: 1.35;
  color: var(--sc-ink); letter-spacing: 0;
}
.sc-hero__results-list .md-search-result__article :is(p, ul, ol) {
  margin: 0; font-size: .72rem; line-height: 1.5; color: var(--sc-ink-2);
}
.sc-hero__results-list .md-search-result__article ul { padding-left: .9rem; }
.sc-hero__results-list .md-search-result__article code { font-size: .68rem; }
/* Un solo extracto de dos líneas por resultado: sin esto un artículo largo empuja
   al resto fuera del panel. */
.sc-hero__results-list .md-search-result__article > :is(p, ul, ol) {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.sc-hero__results-list .md-search-result__article > :is(p, ul, ol) ~ :is(p, ul, ol) {
  display: none;
}
/* Material lo posiciona absoluto con un margen de .5rem pensado para su panel;
   acá ese margen lo empujaba sobre el título y lo dejaba cortado por el borde
   de la fila. Lo anclamos al arranque de la primera línea del título. */
.sc-hero__results-list .md-search-result__icon {
  /* Material lo esconde en pantallas angostas y dejaba la sangría sin nada
     adentro; en este panel entra bien en cualquier ancho. */
  display: block;
  position: absolute; top: .06rem; left: 0; margin: 0;
  width: 1.05rem; height: 1.05rem;
  color: var(--sc-ink-3);
}
.sc-hero__results-list .md-search-result__icon svg { width: 100%; height: 100%; }
/* Texto oscuro fijo: heredar el color deja letra clara sobre amarillo pálido
   cuando el sitio está en modo oscuro. */
.sc-hero__results-list mark { background: #fdf0b8; color: #3c3000; border-radius: 3px; }
/* Los "términos relacionados" son sinónimos ocultos: no son un resultado propio. */
.sc-hero__results-list .doc-aliases { display: none; }
.sc-hero__results-list .md-search-result__more { display: none; }
.sc-hero__results-empty {
  margin: 0; padding: .9rem 1rem; font-size: .78rem; color: var(--sc-ink-2);
}

/* Category cards (Material .grid.cards, restyled) */
.md-typeset .grid.cards { grid-gap: 1rem; margin-top: 1.2rem; }
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > :is(ul) > li {
  border: 1px solid var(--sc-line);
  border-radius: var(--sc-radius);
  background: var(--sc-surface);
  box-shadow: var(--sc-shadow-sm);
  padding: 1.15rem 1.2rem;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.md-typeset .grid.cards > ul > li:hover {
  transform: translateY(-3px);
  box-shadow: var(--sc-shadow-md);
  border-color: var(--sc-blue);
}
.md-typeset .grid.cards > ul > li > hr {
  margin: .6rem 0; border: 0; border-top: 1px solid var(--sc-line);
}
/* Icono y título van en el mismo párrafo que genera el markdown: lo pasamos a
   fila flex para centrarlos entre sí y darles aire. */
.md-typeset .grid.cards > ul > li > p:first-child {
  display: flex; align-items: center; gap: .8rem;
  margin: 0 0 .1rem;
}
.sc-card-icon {
  display: inline-flex; align-items: center; justify-content: center;
  flex: none;
  width: 2.4rem; height: 2.4rem;
  border-radius: 11px; color: var(--sc-blue-600);
  background: var(--sc-blue-tint); border: 1px solid var(--sc-blue-tint);
}
.sc-card-icon svg { width: 1.15rem; height: 1.15rem; }
.md-typeset .grid.cards > ul > li:hover .sc-card-icon {
  background: var(--sc-blue); border-color: var(--sc-blue); color: #fff;
}
.md-typeset .grid.cards a.sc-card-cta { font-weight: 650; color: var(--sc-blue-600); }
.md-typeset .grid.cards a.sc-card-cta::after { content: " →"; }

/* ---- "¿Te resultó útil?" (pie de cada artículo) --------------------------- */
.sc-feedback {
  margin: 2.4rem 0 .4rem;
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--sc-line);
  border-radius: var(--sc-radius);
  background: var(--sc-blue-tint-2);
  text-align: center;
}
.sc-feedback__q {
  margin: 0 0 .7rem;
  font-size: .78rem; font-weight: 650; color: var(--sc-ink);
}
.sc-feedback__actions { display: flex; gap: .5rem; justify-content: center; }
.sc-feedback__btn {
  display: inline-flex; align-items: center; gap: .38rem;
  padding: .42rem .95rem;
  font: inherit; font-size: .74rem; font-weight: 600;
  color: var(--sc-ink-2); cursor: pointer;
  background: var(--sc-surface);
  border: 1px solid var(--sc-line); border-radius: 999px;
  transition: color .12s ease, border-color .12s ease, background .12s ease;
}
.sc-feedback__btn svg { width: 1rem; height: 1rem; }
.sc-feedback__btn:hover:not(:disabled) {
  color: var(--sc-blue-600); border-color: var(--sc-blue); background: var(--sc-surface);
}
.sc-feedback__btn:focus-visible { outline: 2px solid var(--sc-blue); outline-offset: 2px; }
.sc-feedback__btn:disabled { cursor: default; opacity: .55; }
.sc-feedback__btn.is-chosen {
  opacity: 1; color: #fff;
  background: var(--sc-blue); border-color: var(--sc-blue);
}
.sc-feedback__thanks {
  margin: .7rem 0 0; font-size: .72rem; color: var(--sc-ink-2);
}

/* ---- Footer --------------------------------------------------------------- */
.md-footer { background: #101526; }
.md-footer-meta { background: #0b0f1c; }

/* ==========================================================================
   Dark mode (slate)
   ========================================================================== */
[data-md-color-scheme="slate"] {
  --sc-ink: #e6e9f2; --sc-ink-2: #a3acc2; --sc-ink-3: #7b859c;
  --sc-line: #262d40; --sc-surface: #151a29; --sc-bg: #0f1420;
  --sc-blue-tint: #182338; --sc-blue-tint-2: #131a2a;
  --md-default-bg-color: #0f1420;
}
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs { background: rgba(15,20,32,.86); color: var(--sc-ink); border-bottom-color: var(--sc-line); }
[data-md-color-scheme="slate"] .md-main { background: var(--sc-bg); }
[data-md-color-scheme="slate"] .md-search__form { background: #1b2233; }
[data-md-color-scheme="slate"] .sc-hero { background: linear-gradient(180deg, #131a2a 0%, #0f1420 100%); }
[data-md-color-scheme="slate"] .sc-hero__search,
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li { background: var(--sc-surface); }
[data-md-color-scheme="slate"] .md-typeset code { background: #1b2233; }
/* Los fondos claros de los títulos de admonition no sirven sobre el tema oscuro. */
[data-md-color-scheme="slate"] .md-typeset .tip     > .admonition-title { background: #12241d; }
[data-md-color-scheme="slate"] .md-typeset .warning > .admonition-title { background: #2a2113; }
[data-md-color-scheme="slate"] .md-typeset .danger  > .admonition-title { background: #2a1618; }
[data-md-color-scheme="slate"] .sc-feedback__btn { background: #1b2233; }
/* Invert the black logo mark so it reads on the dark header */
[data-md-color-scheme="slate"] .md-header__button.md-logo img { filter: invert(1) brightness(1.8); }

/* ==========================================================================
   Hidden alias synonyms — kept in the DOM so Pagefind indexes real customer
   phrasings, but off-screen so readers never see the raw keyword list.
   ========================================================================== */
.doc-aliases {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}