@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:wght@400;500;600&family=Geist+Mono:wght@400..600&display=swap");
/* ============================================================
 * Design tokens — single source of truth. Reference these vars; avoid hardcoding hex.
 * ============================================================ */
:root,
[data-md-color-scheme="wallarm-palette"] {
  /* ---- Type: Inter for body/UI/labels, Source Serif 4 for headings, monospace for code ---- */
  --md-text-font-family: "Inter", sans-serif;
  --md-code-font-family: "Geist Mono", sans-serif;
  --w-serif-font: "Source Serif 4", sans-serif;
  /* Labels use Inter, not monospace; real monospace is --md-code-font-family */
  --w-mono-font:  "Inter", sans-serif;

  /* ---- Brand accent ---- */
  --w-signal-red:      #FF4D2E;  /* Signal Red — primary + active states */
  --w-signal-red-soft: #F43513;  /* hover / pressed darken */
  --w-core-blue:       #155DFC;  /* Core Blue — links / info */
  --w-core-blue-hover: #1E4FF0;  /* link hover */

  /* ---- Neutrals / surfaces ---- */
  --w-white:    #FFFFFF;  /* raised surfaces: cards, header, code */
  --w-surface:  #F3F2ED;  /* warm off-white — article/page field */
  --w-paper:    #ECEBE9;  /* off-white band — tab strip, footer, kbd */
  --w-cream:    #FCF4E4;  /* card hover / annotation panel */
  --w-ink:      #121213;  /* near-black — text + strong borders */
  --w-black:    #000000;  /* pure black — where explicitly needed */
  --w-graphite: #54534F;  /* muted / secondary / mono captions */

  /* ---- Hairlines (three weights) ---- */
  --w-hairline: #D3D2CD;  /* soft structural hairline (header, search, code, tables, controls) */
  --w-rule:     #C5C4BF;  /* light divider (tabs, callouts, sidebar, kbd) */
  --w-dash:     #C4C3BE;  /* dashed card / sticker-sheet border */

  /* ---- Semantic accents (Audit palette) ---- */
  --w-success: #00A63E;
  --w-warning: #F0B100;
  --w-purple:  #9747FF;
  --w-alert:   #CE0000;
}

/* ============================================================
 * FILE MAP (search these headers to jump between components)
 *   • DESIGN TOKENS ............ top of file (this block)
 *   • PAGE ACTIONS ("Copy page") / SURFACES
 *   • HEADER  / ANNOUNCE / LOGO
 *   • NAVIGATION TABS (+ scroll arrows)
 *   • LEFT NAVIGATION (+ version selector bottom placement)
 *   • CONTENT: headings, links, admonitions, code, tables
 *   • BUTTONS (header + in-content)
 *   • SEARCH (bar + results dropdown)
 *   • HOME / CAPABILITY CARDS (+ card-links, sticker sheet)
 *   • FOOTER
 *   • VERSION SELECTOR (base + .ver-pill / .ver-menu)
 *   • HOME HERO (animated AICP loop)
 *   • radius-0 sweep + language selector + consent + misc
 * Convention: reference --w-* / --md-* tokens above; avoid hardcoding hex.
 * ============================================================ */

/* GLightbox — hide title/description in lightbox */
.gslide-title,
.gslide-desc {
  display: none !important;
}

/* Zoomable images — pointer cursor */
.md-content p > img:not(.non-zoomable):not([src$='.svg']) {
  cursor: pointer;
}

/* ============================================================
 * Page actions: "Copy page" split button + dropdown menu
 * (Markdown actions, Suggest changes, Add Docs MCP)
 * ============================================================ */
.md-page-pop {
  position: relative;
  display: inline-flex;
  float: right;
  margin: 0.4rem 0 0.4rem 0.8rem;
  font-family: var(--md-text-font-family, "Schibsted Grotesk", sans-serif);
}
.md-page-pop--active,
.md-clipboard-page--active { opacity: 0.5; pointer-events: none; }

/* Split button */
.md-page-pop__split {
  display: inline-flex;
  align-items: stretch;
  height: 30px;
  border: 1px solid var(--w-hairline);
  overflow: hidden;
  background: var(--w-white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font: 500 12px/16px var(--md-text-font-family, "Schibsted Grotesk", sans-serif);
}
.md-page-pop__split:hover { border-color: #94a3b8; }
.md-page-pop__main {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: none;
  background: none;
  cursor: pointer;
  color: #1e293b;
}
.md-page-pop__main:hover { background: #f8fafc; }
.md-page-pop__main svg { width: 13px; height: 13px; color: #64748b; }
.md-page-pop__caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  border: none;
  border-left: 1px solid #e2e8f0;
  background: none;
  cursor: pointer;
  color: #64748b;
}
.md-page-pop__caret:hover { background: #f8fafc; color: #0f172a; }
.md-page-pop__caret svg { width: 12px; height: 12px; }

/* Dropdown menu */
.md-page-pop__menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 80;
  min-width: 300px;
  background: var(--w-white);
  border: 1px solid var(--w-hairline);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  padding: 4px;
  display: none;
}
.md-page-pop__menu.is-open { display: block; }

.md-page-pop__head {
  padding: 8px 10px 4px;
  color: #64748b;
  font: 600 11px/14px var(--md-text-font-family, "Schibsted Grotesk", sans-serif);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.md-page-pop__mi {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 7px 10px;
  border: none;
  background: none;
  border-radius: 6px;
  font: 500 13px/18px var(--md-text-font-family, "Schibsted Grotesk", sans-serif);
  color: #1e293b;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
.md-page-pop__mi:hover { background: #f8fafc; color: #020617; }
.md-page-pop__mi > svg { width: 14px; height: 14px; color: #64748b; flex: none; }

/* Menu links must not pick up the themed (blue/orange) link color */
.md-typeset .md-page-pop__mi,
.md-typeset .md-page-pop__mi:focus { color: #1e293b; text-decoration: none; }
.md-typeset .md-page-pop__mi:hover { color: #020617; text-decoration: none; }

.md-page-pop__mi kbd {
  margin-left: auto;
  font: 500 11px var(--md-code-font-family, "Roboto Mono", monospace);
  color: #64748b;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  padding: 0 5px;
  box-shadow: none;
}

.md-page-pop__menu hr {
  border: 0;
  border-top: 1px solid #e2e8f0;
  margin: 4px 0;
}

/* Client marks (Claude / Codex) */
.md-page-pop__mark {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 700 10px var(--md-text-font-family, "Schibsted Grotesk", sans-serif);
  color: var(--w-white);
  flex: none;
}
.md-page-pop__mark.claude { background: #c96442; }
.md-page-pop__mark.codex  { background: #0a0a0a; font-size: 8px; letter-spacing: 0.02em; }

.md-page-pop__ext {
  margin-left: auto;
  width: 13px !important;
  height: 13px !important;
  color: #94a3b8 !important;
}

/* Dark scheme (slate theme) */
[data-md-color-scheme="slate"] .md-page-pop__split {
  background: #1e293b;
  border-color: #334155;
}
[data-md-color-scheme="slate"] .md-page-pop__main { color: #e2e8f0; }
[data-md-color-scheme="slate"] .md-page-pop__main:hover,
[data-md-color-scheme="slate"] .md-page-pop__caret:hover { background: rgba(255, 255, 255, 0.06); }
[data-md-color-scheme="slate"] .md-page-pop__caret { color: #cbd5e1; border-left-color: #334155; }
[data-md-color-scheme="slate"] .md-page-pop__menu {
  background: #0f172a;
  border-color: #334155;
}
[data-md-color-scheme="slate"] .md-page-pop__mi { color: #e2e8f0; }
[data-md-color-scheme="slate"] .md-page-pop__mi:hover { background: rgba(255, 255, 255, 0.06); color: var(--w-white); }
[data-md-color-scheme="slate"] .md-page-pop__mi kbd { background: rgba(255, 255, 255, 0.08); border-color: #334155; color: #cbd5e1; }
[data-md-color-scheme="slate"] .md-page-pop__menu hr,
[data-md-color-scheme="slate"] .md-page-pop__foot { border-color: #334155; }
/* Root styles */
[data-md-color-scheme="wallarm-palette"] {
    --md-default-fg-color:               hsla(0, 0%, 0%, 1);
    --md-default-fg-color--light:        hsla(0, 0%, 0%, 1);
    --md-primary-bg-color:               #000000;
    --md-primary-fg-color:               #FFFF;
    --md-accent-fg-color:                var(--w-signal-red);
    --md-accent-fg-color--transparent:   rgba(255, 77, 46, 0.2);
    --md-accent-bg-color:                var(--w-signal-red);
    --md-accent-bg-color--light:         var(--w-signal-red);
    --md-typeset-a-color:                #222222;
    --md-code-hl-operator-color:         hsla(0, 0%, 0%, 1);
    --md-code-hl-punctuation-color:      hsla(0, 0%, 0%, 1);
    /* --md-code-hl-comment-color:          hsla(0, 0%, 0%, 1); */
    --md-code-hl-generic-color:          hsla(0, 0%, 0%, 1);
    --md-code-hl-variable-color:         hsla(0, 0%, 0%, 1);
    --md-mermaid-node-fg-color:          var(--w-signal-red);
    --md-mermaid-node-bg-color:          var(--w-signal-red);
    --md-typeset-color:                  hsla(0, 0%, 0%, 1);
}

:root {
  --color-black: #000;

  --color-primary-100: #FEF6E5;
  --color-primary-200: #FEE1B4;
  --color-primary-300: #FEBB67;
  --color-primary-400: #FDA041;
  --color-primary-500: var(--w-signal-red);

  --color-grey-300: #DBE0E7;
  --color-grey-500: #959DAC;
  --header-bottom: 0px;
}

/* Article/page field — warm off-white; code, tables, cards, header stay
   pure white and layer on top. (Home keeps its own white background.) */
.md-main {
  background-color: var(--w-surface);
}

.md-content {
  background-color: var(--md-default-bg-color);
}

/* Surfaces that stay pure white to layer on the warm field */
.md-typeset .highlight,
.md-typeset .highlighttable,
.md-typeset .highlighttable .code,
.md-typeset pre,
.md-typeset pre > code,
.md-typeset .codehilite,
.md-typeset table:not([class]),
.navigation-card,
.md-typeset .navigation-card {
  background-color: var(--w-white);
}

.md-grid {
  max-width: 1280px;
}

.md-typeset {
    line-height: 24px;
    font-size: 16px;
}

.homepage {
  background-color: var(--w-surface);
}

.homepage .md-grid {
  max-width: 1280px;
}

.md-typeset ol:not([hidden]), .md-typeset ul:not([hidden]) {
  display: block;
}

/* "Back to top" — square black chip, mono-caps label, Signal Red on hover */
.md-top.md-icon {
  background-color: var(--w-black);
  color: var(--w-white);
  z-index: 4;
  border-radius: 0;
  box-shadow: 0 18px 32px -12px rgba(0, 0, 0, 0.18);
  font-family: var(--w-mono-font);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.md-top.md-icon:hover {
  background-color: var(--w-signal-red);
  color: var(--w-black);
}

nav.md-header__inner.md-grid {
  max-width: unset;
}

.md-header--shadow {
  box-shadow: unset;
}

/* Content tabs */

.tabbed-labels {
  flex-wrap: wrap;
}

.md-typeset .tabbed-set>input:first-child:focus-visible, .md-typeset .tabbed-set>input:nth-child(10):focus-visible~.tabbed-labels>:nth-child(10), .md-typeset .tabbed-set>input:nth-child(11):focus-visible~.tabbed-labels>:nth-child(11), .md-typeset .tabbed-set>input:nth-child(12):focus-visible~.tabbed-labels>:nth-child(12), .md-typeset .tabbed-set>input:nth-child(13):focus-visible~.tabbed-labels>:nth-child(13), .md-typeset .tabbed-set>input:nth-child(14):focus-visible~.tabbed-labels>:nth-child(14), .md-typeset .tabbed-set>input:nth-child(15):focus-visible~.tabbed-labels>:nth-child(15), .md-typeset .tabbed-set>input:nth-child(16):focus-visible~.tabbed-labels>:nth-child(16), .md-typeset .tabbed-set>input:nth-child(17):focus-visible~.tabbed-labels>:nth-child(17), .md-typeset .tabbed-set>input:nth-child(18):focus-visible~.tabbed-labels>:nth-child(18), .md-typeset .tabbed-set>input:nth-child(19):focus-visible~.tabbed-labels>:nth-child(19), .md-typeset .tabbed-set>input:nth-child(2):focus-visible~.tabbed-labels>:nth-child(2), .md-typeset .tabbed-set>input:nth-child(20):focus-visible~.tabbed-labels>:nth-child(20), .md-typeset .tabbed-set>input:nth-child(3):focus-visible~.tabbed-labels>:nth-child(3), .md-typeset .tabbed-set>input:nth-child(4):focus-visible~.tabbed-labels>:nth-child(4), .md-typeset .tabbed-set>input:nth-child(5):focus-visible~.tabbed-labels>:nth-child(5), .md-typeset .tabbed-set>input:nth-child(6):focus-visible~.tabbed-labels>:nth-child(6), .md-typeset .tabbed-set>input:nth-child(7):focus-visible~.tabbed-labels>:nth-child(7), .md-typeset .tabbed-set>input:nth-child(8):focus-visible~.tabbed-labels>:nth-child(8), .md-typeset .tabbed-set>input:nth-child(9):focus-visible~.tabbed-labels>:nth-child(9) {
  background-color: unset;
}

.md-typeset a:focus {
  color: var(--md-accent-fg-color);
}

.md-typeset a:focus code {
  background-color: unset;
}

.md-typeset .tabbed-set>input:first-child:focus-visible~.tabbed-labels>:first-child, .md-typeset .tabbed-set>input:nth-child(10):focus-visible~.tabbed-labels>:nth-child(10), .md-typeset .tabbed-set>input:nth-child(11):focus-visible~.tabbed-labels>:nth-child(11), .md-typeset .tabbed-set>input:nth-child(12):focus-visible~.tabbed-labels>:nth-child(12), .md-typeset .tabbed-set>input:nth-child(13):focus-visible~.tabbed-labels>:nth-child(13), .md-typeset .tabbed-set>input:nth-child(14):focus-visible~.tabbed-labels>:nth-child(14), .md-typeset .tabbed-set>input:nth-child(15):focus-visible~.tabbed-labels>:nth-child(15), .md-typeset .tabbed-set>input:nth-child(16):focus-visible~.tabbed-labels>:nth-child(16), .md-typeset .tabbed-set>input:nth-child(17):focus-visible~.tabbed-labels>:nth-child(17), .md-typeset .tabbed-set>input:nth-child(18):focus-visible~.tabbed-labels>:nth-child(18), .md-typeset .tabbed-set>input:nth-child(19):focus-visible~.tabbed-labels>:nth-child(19), .md-typeset .tabbed-set>input:nth-child(2):focus-visible~.tabbed-labels>:nth-child(2), .md-typeset .tabbed-set>input:nth-child(20):focus-visible~.tabbed-labels>:nth-child(20), .md-typeset .tabbed-set>input:nth-child(3):focus-visible~.tabbed-labels>:nth-child(3), .md-typeset .tabbed-set>input:nth-child(4):focus-visible~.tabbed-labels>:nth-child(4), .md-typeset .tabbed-set>input:nth-child(5):focus-visible~.tabbed-labels>:nth-child(5), .md-typeset .tabbed-set>input:nth-child(6):focus-visible~.tabbed-labels>:nth-child(6), .md-typeset .tabbed-set>input:nth-child(7):focus-visible~.tabbed-labels>:nth-child(7), .md-typeset .tabbed-set>input:nth-child(8):focus-visible~.tabbed-labels>:nth-child(8), .md-typeset .tabbed-set>input:nth-child(9):focus-visible~.tabbed-labels>:nth-child(9) {
  background-color: unset;
}

.md-typeset .tabbed-set>input:first-child:checked, .md-typeset .tabbed-set>input:nth-child(10):checked~.tabbed-labels>:nth-child(10), .md-typeset .tabbed-set>input:nth-child(11):checked~.tabbed-labels>:nth-child(11), .md-typeset .tabbed-set>input:nth-child(12):checked~.tabbed-labels>:nth-child(12), .md-typeset .tabbed-set>input:nth-child(13):checked~.tabbed-labels>:nth-child(13), .md-typeset .tabbed-set>input:nth-child(14):checked~.tabbed-labels>:nth-child(14), .md-typeset .tabbed-set>input:nth-child(15):checked~.tabbed-labels>:nth-child(15), .md-typeset .tabbed-set>input:nth-child(16):checked~.tabbed-labels>:nth-child(16), .md-typeset .tabbed-set>input:nth-child(17):checked~.tabbed-labels>:nth-child(17), .md-typeset .tabbed-set>input:nth-child(18):checked~.tabbed-labels>:nth-child(18), .md-typeset .tabbed-set>input:nth-child(19):checked~.tabbed-labels>:nth-child(19), .md-typeset .tabbed-set>input:nth-child(2):checked~.tabbed-labels>:nth-child(2), .md-typeset .tabbed-set>input:nth-child(20):checked~.tabbed-labels>:nth-child(20), .md-typeset .tabbed-set>input:nth-child(3):checked~.tabbed-labels>:nth-child(3), .md-typeset .tabbed-set>input:nth-child(4):checked~.tabbed-labels>:nth-child(4), .md-typeset .tabbed-set>input:nth-child(5):checked~.tabbed-labels>:nth-child(5), .md-typeset .tabbed-set>input:nth-child(6):checked~.tabbed-labels>:nth-child(6), .md-typeset .tabbed-set>input:nth-child(7):checked~.tabbed-labels>:nth-child(7), .md-typeset .tabbed-set>input:nth-child(8):checked~.tabbed-labels>:nth-child(8), .md-typeset .tabbed-set>input:nth-child(9):checked~.tabbed-labels>:nth-child(9) {
  border-color: var(--w-signal-red);
}

.md-typeset .tabbed-set>input:first-child:checked~.tabbed-labels>:first-child, .md-typeset .tabbed-set>input:nth-child(10):checked~.tabbed-labels>:nth-child(10), .md-typeset .tabbed-set>input:nth-child(11):checked~.tabbed-labels>:nth-child(11), .md-typeset .tabbed-set>input:nth-child(12):checked~.tabbed-labels>:nth-child(12), .md-typeset .tabbed-set>input:nth-child(13):checked~.tabbed-labels>:nth-child(13), .md-typeset .tabbed-set>input:nth-child(14):checked~.tabbed-labels>:nth-child(14), .md-typeset .tabbed-set>input:nth-child(15):checked~.tabbed-labels>:nth-child(15), .md-typeset .tabbed-set>input:nth-child(16):checked~.tabbed-labels>:nth-child(16), .md-typeset .tabbed-set>input:nth-child(17):checked~.tabbed-labels>:nth-child(17), .md-typeset .tabbed-set>input:nth-child(18):checked~.tabbed-labels>:nth-child(18), .md-typeset .tabbed-set>input:nth-child(19):checked~.tabbed-labels>:nth-child(19), .md-typeset .tabbed-set>input:nth-child(2):checked~.tabbed-labels>:nth-child(2), .md-typeset .tabbed-set>input:nth-child(20):checked~.tabbed-labels>:nth-child(20), .md-typeset .tabbed-set>input:nth-child(3):checked~.tabbed-labels>:nth-child(3), .md-typeset .tabbed-set>input:nth-child(4):checked~.tabbed-labels>:nth-child(4), .md-typeset .tabbed-set>input:nth-child(5):checked~.tabbed-labels>:nth-child(5), .md-typeset .tabbed-set>input:nth-child(6):checked~.tabbed-labels>:nth-child(6), .md-typeset .tabbed-set>input:nth-child(7):checked~.tabbed-labels>:nth-child(7), .md-typeset .tabbed-set>input:nth-child(8):checked~.tabbed-labels>:nth-child(8), .md-typeset .tabbed-set>input:nth-child(9):checked~.tabbed-labels>:nth-child(9) {
  border-color: var(--w-signal-red);
}

.md-typeset .tabbed-set>input:first-child:checked~.tabbed-labels>:first-child, .md-typeset .tabbed-set>input:nth-child(10):checked~.tabbed-labels>:nth-child(10), .md-typeset .tabbed-set>input:nth-child(11):checked~.tabbed-labels>:nth-child(11), .md-typeset .tabbed-set>input:nth-child(12):checked~.tabbed-labels>:nth-child(12), .md-typeset .tabbed-set>input:nth-child(13):checked~.tabbed-labels>:nth-child(13), .md-typeset .tabbed-set>input:nth-child(14):checked~.tabbed-labels>:nth-child(14), .md-typeset .tabbed-set>input:nth-child(15):checked~.tabbed-labels>:nth-child(15), .md-typeset .tabbed-set>input:nth-child(16):checked~.tabbed-labels>:nth-child(16), .md-typeset .tabbed-set>input:nth-child(17):checked~.tabbed-labels>:nth-child(17), .md-typeset .tabbed-set>input:nth-child(18):checked~.tabbed-labels>:nth-child(18), .md-typeset .tabbed-set>input:nth-child(19):checked~.tabbed-labels>:nth-child(19), .md-typeset .tabbed-set>input:nth-child(2):checked~.tabbed-labels>:nth-child(2), .md-typeset .tabbed-set>input:nth-child(20):checked~.tabbed-labels>:nth-child(20), .md-typeset .tabbed-set>input:nth-child(3):checked~.tabbed-labels>:nth-child(3), .md-typeset .tabbed-set>input:nth-child(4):checked~.tabbed-labels>:nth-child(4), .md-typeset .tabbed-set>input:nth-child(5):checked~.tabbed-labels>:nth-child(5), .md-typeset .tabbed-set>input:nth-child(6):checked~.tabbed-labels>:nth-child(6), .md-typeset .tabbed-set>input:nth-child(7):checked~.tabbed-labels>:nth-child(7), .md-typeset .tabbed-set>input:nth-child(8):checked~.tabbed-labels>:nth-child(8), .md-typeset .tabbed-set>input:nth-child(9):checked~.tabbed-labels>:nth-child(9) {
  color: var(--md-accent-fg-color);
}

.md-typeset .tabbed-labels>label:hover {
  color: var(--md-accent-fg-color);
}

.js .md-typeset .tabbed-labels:before {
  content: none;
}

/* Announce bar — sticky above header on scroll */

div[data-md-component="announce"] {
  position: sticky;
  top: 0;
  z-index: 3;
}

.md-banner {
  background-color: #0F1B3D;
  text-align: center;
}

.md-banner__inner.md-grid.md-typeset {
  font-size: 14px;
}

/* Header offset for the sticky announce bar (theme sets --md-announce-height) */

.md-header {
  top: var(--md-announce-height, 0);
  background-color: var(--w-surface);
  color: var(--w-ink);
  border-bottom: 1px solid var(--w-hairline);
}

/* Logo wordmark: dark on the white header (orange mark keeps its color) */
.md-header .md-logo .wlrm-logo,
.md-nav__title .md-logo .wlrm-logo { color: var(--w-ink); }
.wlrm-logo__mark { fill: #FF441C; }

/* Header controls: square, black hairline, dark on white */
.md-header__button.md-icon { color: var(--w-ink); }
.md-header__title,
.md-header__topic,
.md-header__topic a { color: var(--w-ink); }

.md-header__inner {
  height: 48px;
}

.md-header__topic:first-child {
  font-weight: unset;
}

.md-header__button:hover {
  opacity: unset;
}

.md-header__button.md-logo :-webkit-any(img,svg) {
  width: 117px;
}

.md-header__button.md-logo :is(img, svg) {
  width: 117px;
}

.md-header__title {
  font-size: 16px;
}



[dir="ltr"] a.md-header__button.md-logo:after {
  content: "|";
}

a.md-header__button.md-logo:after {
  position: absolute;
  top: 13.195px;
  left: 139px;
}

.md-typeset .headerlink {
  display: initial;
}

/* Main */

/* Home hero — stacked serif headline */
.homepage .md-content__inner h1 {
  text-align: start;
  font-family: var(--w-serif-font);
  font-weight: 400;
  font-size: 52px;
  line-height: 1.02;
  letter-spacing: -0.012em;
  max-width: 16ch;
  margin: 0 0 18px;
  color: var(--w-black);
}

.homepage .md-content__inner h1 + p {
  text-align: start;
  max-width: calc(50% - 8px);
  font-size: 19px;
  line-height: 1.5;
  color: var(--w-graphite);
}

/* Section-label strip — mono-caps eyebrow with an orange dot over a black hairline */
.homepage .home-section-label {
  display: flex;
  align-items: center;
  gap: 10px;
  clear: both;
  margin: 8px 0 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--w-hairline);
  font-family: var(--w-mono-font);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--w-black);
}
.homepage .home-section-label::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--w-signal-red);
}

@media screen and (max-width: 959px) {
  .homepage .md-content__inner h1 + p {
    max-width: 100%;
  }
}

/* Sidebars */

.homepage .md-sidebar--primary {
  width: 8.75rem;
}

.homepage .md-sidebar--secondary {
  width: 8.75rem;
}


/* Navigation tabs */

/* Tab bar — paper strip, mono-caps labels, active = white cell + red underline */
.md-tabs {
  z-index: 2;
  background: var(--w-paper);
  border-top: 1px solid var(--w-hairline);
}

/* The list is a horizontally scrollable track (hidden scrollbar);
   edge arrows appear when the tabs overflow. */
.md-tabs__list {
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.md-tabs__list::-webkit-scrollbar {
  display: none;
}
.md-tabs .md-grid {
  position: relative;
}

/* Edge scroll-arrows — shown when the tab row overflows (toggled by JS) */
.md-tabs__arrow {
  position: absolute;
  top: 0;
  height: 100%;
  width: 52px;
  z-index: 6;
  display: none;
  align-items: center;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.md-tabs__arrow.is-shown {
  display: flex;
}
.md-tabs__arrow .chev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: var(--w-white);
  border: 1px solid var(--w-hairline);
  color: var(--w-black);
  transition: background 0.15s ease, color 0.15s ease;
}
.md-tabs__arrow:hover .chev {
  background: var(--w-black);
  color: var(--w-white);
}
.md-tabs__arrow svg {
  width: 14px;
  height: 14px;
}
.md-tabs__arrow.next {
  right: 0;
  justify-content: flex-end;
  padding-right: 4px;
  background: linear-gradient(90deg, rgba(236, 235, 233, 0), var(--w-paper) 55%);
}
.md-tabs__arrow.prev {
  left: 0;
  justify-content: flex-start;
  padding-left: 4px;
  background: linear-gradient(-90deg, rgba(236, 235, 233, 0), var(--w-paper) 55%);
}
.md-tabs__arrow.prev .chev svg {
  transform: rotate(180deg);
}

.md-tabs__item {
  padding: 0;
  flex: none;
  border-right: 1px solid var(--w-rule);
}
.md-tabs__item:first-child {
  border-left: 1px solid var(--w-rule);
}

.md-tabs__link, .md-tabs__link:focus {
  opacity: 1;
  font-family: var(--w-mono-font);
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--w-graphite);
  padding: 0 8px;
  margin-top: 0;
  height: 48px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

/* Active = white cell popping out of the paper strip */
.md-tabs__item--active .md-tabs__link,
.md-tabs__link--active {
  position: relative;
  color: var(--w-black);
  font-weight: 600;
  background: var(--w-white);
}

.md-tabs__item--active .md-tabs__link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--w-signal-red);
  border-radius: 0;
}

.md-tabs__link:hover {
  background-color: rgba(0,0,0,0.03);
  text-decoration: underline;
  color: #020618;
}

.md-tabs__item--active .md-tabs__link:hover {
  color: #020618;
  background-color: var(--w-white);
}

@media (max-width: 345px) {
  .md-header__inner.md-grid {
    grid-template-columns: unset;
  }
}

/* Left navigation */

.md-nav--primary .versions {
  width: 100%;
}

/* Version selector at bottom of nav */
.md-nav--primary .versions-bottom {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(149, 157, 172, 0.24);
}

/* Desktop sidebar: keep .md-sidebar__scrollwrap as the scroll container — the
   theme's built-in "scroll active into view" runs
   activeLink.closest('.md-sidebar__scrollwrap').scrollTo(...), so it only works
   when the wrap is the scroller. The version selector is pinned as a sticky
   footer beneath the nav (opaque, so nothing shows through). A previous
   flex-column layout moved scrolling into the inner .md-nav__list, which broke
   the theme's auto-scroll — hence the wrap-as-scroller approach here. */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary .md-sidebar__scrollwrap {
    overflow-y: auto;
  }
  .md-nav--primary {
    margin-bottom: 0;
  }
  .md-nav--primary > .versions-bottom {
    position: sticky;
    bottom: 0;
    width: 100%;
    margin-top: 0;
    padding: 12px 8px 12px 0;
    background: var(--w-surface);
    border-top: 1px solid var(--w-rule);
    z-index: 1;
  }
}

.md-nav--primary .versions-main {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: 6px;
  align-items: center;
}

.md-nav--primary > ul > .md-nav__item > label,
.md-nav--primary > ul > .md-nav__item > .md-nav__link {
  padding-left: 7px;
  font-family: var(--w-mono-font);
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

/* Hide expand/collapse arrow for top-level nav items */
.md-nav--primary > ul > .md-nav__item > label > .md-nav__icon {
  display: none;
}

/* Increase icon size for top-level nav items to match larger font */
.md-nav--primary > ul > .md-nav__item > label .md-nav__icon--left {
  width: 18px;
  height: 18px;
}

.md-nav--primary .md-nav__link {
  padding-left: 10px;
}

.md-nav--primary .md-nav {
  padding-left: 17px;
  padding-bottom: 8px;
}

.md-nav--primary .md-nav:not([data-md-level="1"]) {
  padding-bottom: 0px;
}

.md-nav--primary .md-nav__item {
  padding: 0;
}

.md-nav--primary .md-nav__item--expanded > .md-nav__link {
  color: var(--w-signal-red);
}

.md-nav--primary > ul > .md-nav__item--expanded {
  /* Grey background removed */
}

/* Remove any white background from top-level nav items */
.md-nav--primary > ul > .md-nav__item,
.md-nav--primary > ul > .md-nav__item > label,
.md-nav--primary > ul > .md-nav__item > .md-nav__link,
.md-nav--primary > ul > .md-nav__item:first-child,
.md-nav--primary > ul > .md-nav__item:first-child > label,
.md-nav--primary > ul > .md-nav__item > .md-nav {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.md-nav--primary > .md-nav__list > .md-nav__item--active.md-nav__item--nested > label.md-nav__link {
  background-color: var(--w-surface) !important;
}

.md-nav--primary > ul > .md-nav__item--expanded > label {
  font-weight: bold;
}

/* Level 2 menu items */
.md-nav--primary .md-nav[data-md-level="1"] > .md-nav__list > .md-nav__item > .md-nav__link,
.md-nav--primary .md-nav[data-md-level="1"] > .md-nav__list > .md-nav__item > a.md-nav__link {
  font-weight: 600;
}

/* Level 3+ menu items */
.md-nav--primary .md-nav[data-md-level="2"] .md-nav__link,
.md-nav--primary .md-nav[data-md-level="3"] .md-nav__link,
.md-nav--primary .md-nav[data-md-level="4"] .md-nav__link {
  font-weight: 400;
}


.md-nav--primary .md-nav__item--expanded > .md-nav__link .navigation-arrow,
.md-nav--primary .md-nav__item--active > .md-nav__link .navigation-arrow {
  transform: rotate(90deg);
}

/* Hack for svg that don't want to be colored properly */
.md-nav--primary .md-nav__item--expanded .md-nav__link[for="nav-1"] .md-nav__icon--left path,
.md-nav--primary .md-nav__item--active .md-nav__link[for="nav-1"] .md-nav__icon--left path {
  fill: var(--w-signal-red);
  stroke: none;
}

.md-nav--primary .md-nav__item--expanded .md-nav__icon--left path,
.md-nav--primary .md-nav__item--expanded .md-nav__icon--left line,
.md-nav--primary .md-nav__item--expanded .md-nav__icon--left circle,
.md-nav--primary .md-nav__item--expanded .md-nav__icon--left rect {
  stroke: var(--w-signal-red) !important;
}

.md-nav--primary .md-nav__icon--left {
  margin-right: 0.3rem;
}

[dir="rtl"] .md-nav--primary .md-nav__icon--left {
  margin-left: 0.3rem;
  margin-right: unset;
}

.md-nav__icon--left {
  width: 14px;
  height: 14px;
}
.md-nav__icon--left svg {
  width: 100%;
  height: auto;
  fill: none;
}

/* Make all left nav icons orange */
.md-nav--primary .md-nav__icon--left path,
.md-nav--primary .md-nav__icon--left line,
.md-nav--primary .md-nav__icon--left circle,
.md-nav--primary .md-nav__icon--left rect {
  stroke: var(--w-signal-red) !important;
}
.md-nav--primary .md-nav__icon--left path[fill]:not([fill="none"]),
.md-nav--primary .md-nav__icon--left circle[fill]:not([fill="none"]) {
  fill: var(--w-signal-red) !important;
}


.md-nav--primary .md-nav__item:last-child {
  padding-bottom: 0;
}

/* Active leaf: signal-red 2px left bar + bold, no fill */
.md-nav__item .md-nav__link--active {
  color: var(--w-signal-red);
}
.md-nav__item.md-nav__item--active > label {
  color: var(--w-signal-red);
}

.md-nav__link:hover {
  transition: color 0.3s ease;
}

.homepage .md-nav--primary {
  display: none;
}
.md-overlay {
  z-index: 3;
}

@media screen and (max-width: 76.1875em) {

  body.scrolllock .md-sidebar--primary {
    z-index: 0;
  }
  [data-md-toggle=drawer]:checked~.md-container .md-sidebar--primary {
    box-shadow: none;
    transform: translate(16.1rem);
  }
  [dir=ltr] .md-sidebar--primary {
    left: -16.1rem;
  }
  .md-sidebar--primary {
    top: 0 !important;
    height: 100% !important;
    background: var(--w-surface);
    /* Separate the drawer from the (same-colour) page behind it */
    border-right: 1px solid var(--w-hairline);
  }
  [dir=ltr] .md-sidebar--primary {
    width: 15rem !important;
  }
  .versions {
    padding-right: 34px;
    width: 100%;
  }
  .homepage .md-nav--primary {
    display: flex;
  }
  .md-nav--primary .md-nav {
     height: 100%;
  }
  .md-nav--primary .md-nav__link .md-nav__icon {
    top: auto;
    align-items: center;
  }
  .md-nav--primary .md-nav__link .md-nav__icon::after {
    display: none;
  }
  .md-nav--primary .md-nav__title~.md-nav__list {
    box-shadow: none;
    background-color: var(--w-surface);
  }
  .md-nav--primary .md-nav__title {
    /* Opaque background so items don't show through the sticky mobile nav title */
    background-color: var(--w-surface);
    padding: 0;
    height: 48px;
    z-index: 2;
  }
  .md-nav--primary .md-nav__title-text {
    margin-left: 45px;
  }
  .md-nav__title .md-nav__button.md-logo img, .md-nav__title .md-nav__button.md-logo svg {
    width: 5rem;
  }
  .md-nav__title .md-nav__button.md-logo :-webkit-any(img) {
    width: 5rem;
  }
  .md-nav__title .md-nav__button.md-logo :is(img, svg) {
    width: 5rem;
  }
  .md-nav--primary .md-nav__item--active>.md-nav__link {
    color: var(--w-signal-red);
  }
  .md-sidebar--primary .md-sidebar__scrollwrap {
    overflow: hidden;
  }
}

.md-nav__icon::after {
  display: none;
}

@media screen and (min-width: 76.25em) {
  .md-nav__icon {
    width: inherit;
  }

  span.md-nav__icon.md-icon {
    position: unset;
    transition: transform 0.3s ease;
  }
  .md-nav__icon:hover {
    background-color: unset;
  }
  svg.navigation-arrow {
    vertical-align: unset;
  }
  .md-nav--primary .md-nav__link .md-nav__icon {
    height: inherit;
  }
}

svg.navigation-arrow {
  height: 10px;
}

/* Right navigation */

.md-nav--secondary .md-nav__item .md-nav__link {
  font-size: 14px;
}

.md-nav--secondary .md-nav__item .md-nav__link--active {
  font-weight: bold;
  color: var(--w-signal-red);
  transition: none;
}

/* Headers */

.md-typeset h1 {
    font-family: var(--w-serif-font);
    line-height: 44px;
    font-weight: 400;
    letter-spacing: -0.012em;
    margin: 0 0 16px;
    font-size: 40px;
    color: var(--w-ink);
}

.md-typeset h2 {
    font-family: var(--w-serif-font);
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.012em;
    font-weight: 400;
    color: var(--w-ink);
}

/* H3 — Source Serif 4, regular (matches wallarm.com headings) */
.md-typeset h3 {
    font-family: var(--w-serif-font);
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.012em;
    font-weight: 400;
}

.md-typeset h4 {
    font-size: 18px;
    line-height: 1.4;
}

.md-typeset h5 {
    font-size: .8em;
    line-height: 1.4;
}

/* Links */

.homepage .md-typeset a {
  color: black;
  transition: color 0.3s ease;
}

.homepage .md-typeset .admonition a {
  color: var(--w-core-blue);
  transition: color 0.3s ease;
}

.homepage .md-typeset a:hover {
  color: var(--w-signal-red);
  text-decoration: underline;
}
.homepage .md-typeset ul li {
  margin-bottom: 0;
}

.icon-homepage:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  width: 24px;
  height: 24px;
}

[dir="rtl"] .icon-homepage:before {
  margin-left: 0.5rem;
  margin-right: unset;
}

/* Homepage icons */
.quick-start-title::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='6 3 20 12 6 21 6 3'/%3E%3C/svg%3E");
}

.integration-title::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 9.5L4.75 13M10 9.5L10 5.5M10 9.5L15 12.8333M1.04904 10.1112L1.05204 10L1.11878 7.52702C1.15836 6.06047 1.9976 4.73327 3.30557 4.06877L5.04904 3.18301M14 18L11.7889 19.1056C10.6627 19.6686 9.33725 19.6686 8.21114 19.1056L6 18M18.951 10.1112L18.8812 7.52702C18.8416 6.06047 18.0024 4.73327 16.6944 4.06877L14.951 3.18301M12 3C12 4.10457 11.1046 5 10 5C8.89543 5 8 4.10457 8 3C8 1.89543 8.89543 1 10 1C11.1046 1 12 1.89543 12 3ZM19 14.2C19 15.3046 18.1046 16.2 17 16.2C15.8954 16.2 15 15.3046 15 14.2C15 13.0954 15.8954 12.2 17 12.2C18.1046 12.2 19 13.0954 19 14.2ZM5 14.2C5 15.3046 4.10457 16.2 3 16.2C1.89543 16.2 1 15.3046 1 14.2C1 13.0954 1.89543 12.2 3 12.2C4.10457 12.2 5 13.0954 5 14.2Z' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.agent-ai-title::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1536_9273)'%3E%3Cline x1='5.41699' y1='13.417' x2='5.41699' y2='14.5837' stroke='url(%23paint0_linear_1536_9273)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='5.41699' y1='0.75' x2='5.41699' y2='1.25' stroke='url(%23paint1_linear_1536_9273)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='10.75' y1='13.417' x2='10.75' y2='14.5837' stroke='url(%23paint2_linear_1536_9273)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='10.75' y1='0.75' x2='10.75' y2='1.25' stroke='url(%23paint3_linear_1536_9273)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='13.417' y1='9.25' x2='15.2503' y2='9.25' stroke='url(%23paint4_linear_1536_9273)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='0.75' y1='9.25' x2='2.58333' y2='9.25' stroke='url(%23paint5_linear_1536_9273)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='13.417' y1='5.25' x2='15.2503' y2='5.25' stroke='url(%23paint6_linear_1536_9273)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='0.75' y1='5.25' x2='2.58333' y2='5.25' stroke='url(%23paint7_linear_1536_9273)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M9.33496 9.48438H8.15332L7.85352 8.5293H6.28125L5.98242 9.48438H4.7998L6.33594 4.93359H7.7998L9.33496 9.48438ZM10.7998 9.48438H9.7002V4.93359H10.7998V9.48438ZM6.54395 7.69336H7.59082L7.08496 6.08008H7.04883L6.54395 7.69336Z' fill='url(%23paint8_linear_1536_9273)'/%3E%3Cpath d='M13.3337 7.99967C13.3337 11.9997 8.00033 14.6663 8.00033 14.6663C8.00033 14.6663 2.66699 11.9997 2.66699 7.99967V3.33301L8.00033 1.33301L13.3337 3.33301V7.99967Z' stroke='url(%23paint9_linear_1536_9273)' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1536_9273' x1='4.66699' y1='14.0003' x2='3.66699' y2='14.0003' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1536_9273' x1='4.66699' y1='1' x2='3.66699' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1536_9273' x1='10' y1='14.0003' x2='9' y2='14.0003' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1536_9273' x1='10' y1='1' x2='9' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_1536_9273' x1='14.3337' y1='10' x2='14.3337' y2='11' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_1536_9273' x1='1.66667' y1='10' x2='1.66667' y2='11' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_1536_9273' x1='14.3337' y1='6' x2='14.3337' y2='7' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_1536_9273' x1='1.66667' y1='6' x2='1.66667' y2='7' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear_1536_9273' x1='7.7998' y1='4.93359' x2='7.7998' y2='9.48438' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint9_linear_1536_9273' x1='8.00033' y1='1.33301' x2='8.00033' y2='14.6663' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_1536_9273'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.api-discovery-title::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3H5.5C4.39543 3 3.5 3.89543 3.5 5V10C3.5 11.1046 2.60457 12 1.5 12H1' stroke='%23000000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7 20.5H5.5C4.39543 20.5 3.5 19.6046 3.5 18.5V14C3.5 12.8954 2.60457 12 1.5 12H1' stroke='%23000000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17 3H18.5C19.6046 3 20.5 3.89543 20.5 5V10C20.5 11.1046 21.3954 12 22.5 12H23' stroke='%23000000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17 20.5H18.5C19.6046 20.5 20.5 19.6046 20.5 18.5V14C20.5 12.8954 21.3954 12 22.5 12H23' stroke='%23000000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M16 9.5L11.5 14L9 11.7273' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.ai-hypervisor-title::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='6.75' stroke='%23000000' stroke-width='1.2'/%3E%3Cline x1='8' y1='8' x2='8' y2='4.5' stroke='%23000000' stroke-width='1' stroke-linecap='round'/%3E%3Cline x1='8' y1='8' x2='5.25' y2='10.5' stroke='%23000000' stroke-width='1' stroke-linecap='round'/%3E%3Cline x1='8' y1='8' x2='10.75' y2='10.5' stroke='%23000000' stroke-width='1' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='4.5' r='0.9' fill='%23000000'/%3E%3Ccircle cx='5.25' cy='10.5' r='0.9' fill='%23000000'/%3E%3Ccircle cx='10.75' cy='10.5' r='0.9' fill='%23000000'/%3E%3Ccircle cx='8' cy='8' r='1.2' fill='%23000000'/%3E%3C/svg%3E%0A");
}

.infrastructure-discovery-title::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='5' r='3' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='6' cy='12' r='3' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='18' cy='19' r='3' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49' stroke='%23000000' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49' stroke='%23000000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.deployment-title::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15.9999V7.9999C20.9996 7.64918 20.9071 7.30471 20.7315 7.00106C20.556 6.69742 20.3037 6.44526 20 6.2699L13 2.2699C12.696 2.09437 12.3511 2.00195 12 2.00195C11.6489 2.00195 11.304 2.09437 11 2.2699L4 6.2699C3.69626 6.44526 3.44398 6.69742 3.26846 7.00106C3.09294 7.30471 3.00036 7.64918 3 7.9999V15.9999C3.00036 16.3506 3.26846 16.9987 3.26846 16.9987C3.26846 16.9987 3.69626 17.5545 4 17.7299L11 21.7299C11.304 21.9054 11.6489 21.9979 12 21.9979C12.3511 21.9979 12.696 21.9054 13 21.7299L20 17.7299C20.3037 17.5545 20.556 17.3024 20.7315 16.9987C20.9071 16.6951 20.9996 16.3506 21 15.9999Z' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 2V22' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.34033 7L20.6608 17' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.6606 7.00025L15.5 10.0002' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 14L3.26936 16.9982' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.api-threat-prevent::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 9.5L11.5 14L9 11.7273M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.api-security-testing::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 19H20M4 18L14 11L4 4V18Z' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.platform-management-title::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.91646' cy='11.7099' r='1.40293' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='8.01468' cy='2.40292' r='1.40293' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='13.4384' cy='12.0355' r='1.40293' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.79125 6.02597C7.90015 5.87163 8.12904 5.87163 8.23793 6.02597L8.6997 6.68046C8.76053 6.76668 8.86556 6.81019 8.96954 6.79223L9.75886 6.65596C9.94499 6.62382 10.1068 6.78567 10.0747 6.97181L9.93843 7.76112C9.92048 7.8651 9.96398 7.97013 10.0502 8.03096L10.7047 8.49273C10.859 8.60163 10.859 8.83051 10.7047 8.93941L10.0502 9.40118C9.96398 9.46201 9.92048 9.56704 9.93843 9.67102L10.0747 10.4603C10.1068 10.6465 9.94499 10.8083 9.75886 10.7762L8.96954 10.6399C8.86556 10.622 8.76053 10.6655 8.6997 10.7517L8.23793 11.4062C8.12904 11.5605 7.90015 11.5605 7.79125 11.4062L7.32949 10.7517C7.26865 10.6655 7.16363 10.622 7.05965 10.6399L6.27033 10.7762C6.0842 10.8083 5.92235 10.6465 5.95448 10.4603L6.09076 9.67102C6.10871 9.56704 6.0652 9.46201 5.97898 9.40118L5.3245 8.93941C5.17015 8.83051 5.17015 8.60163 5.3245 8.49273L5.97899 8.03096C6.06521 7.97013 6.10871 7.8651 6.09076 7.76112L5.95448 6.97181C5.92235 6.78567 6.0842 6.62382 6.27033 6.65596L7.05965 6.79223C7.16363 6.81019 7.26865 6.76668 7.32949 6.68046L7.79125 6.02597Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.85803 3.10437L3.24043 4.2598C2.71484 4.63522 2.40291 5.24136 2.40291 5.88726V7.71608' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.1713 3.10437L12.7889 4.2598C13.3145 4.63522 13.6264 5.24136 13.6264 5.88726V7.71608' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.20874 14.3278L7.31235 15.1167C7.76512 15.2865 8.26407 15.2865 8.71684 15.1167L10.8204 14.3278' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='8.01457' cy='8.71611' r='0.701463' fill='%23000000'/%3E%3C/svg%3E");
}

.maintenance-title::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E");
}

.references-title::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 12V18C18 18.5304 17.7893 19.0391 17.4142 19.4142C17.0391 19.7893 16.5304 20 16 20H5C4.46957 20 3.96086 19.7893 3.58579 19.4142C3.21071 19.0391 3 18.5304 3 18V7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5H11' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 2H21V8' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 13L21 2' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.md-typeset a {
  color: var(--w-core-blue);
}

.md-typeset a code {
  color: var(--w-core-blue);
}

.md-typeset a:hover {
  color: var(--w-core-blue);
  text-decoration: underline;
}

.md-typeset a:hover>code {
  background-color: unset;
  color: var(--w-core-blue);
}

a.headerlink:hover {
  text-decoration: none;
}

/* Pencil for editing */

a.md-content__button.md-icon:hover {
  color: var(--w-signal-red);
}

/* Images */

img {
  border: 1px solid #DAE1EB;
}

.md-logo img {
  border: unset;
}

/* Admonitions */

.admonition p {
  font-size: 14px;
}

.md-typeset :is(.info,.todo)>:is(.admonition-title,summary):before {
  background-color: var(--w-core-blue);
}

.md-typeset :is(.info,.todo)>:is(.admonition-title,summary) {
  background-color: rgba(57, 66, 234, 0.1);
}

.md-typeset :is(.admonition,details):is(.info,.todo) {
  border-radius: 8px;
  border: 1px solid #DAE1EB;
  box-shadow: none;
  overflow: hidden;
}

.md-typeset :is(.warning,.caution,.attention)>:is(.admonition-title,summary):before {
  background-color: var(--w-signal-red);
}

.md-typeset :is(.warning,.caution,.attention)>:is(.admonition-title,summary) {
  background-color: rgba(252, 115, 3, 0.1);
}

.md-typeset :is(.admonition,details):is(.warning,.caution,.attention) {
  border-radius: 8px;
  border: 1px solid #DAE1EB;
  box-shadow: none;
  overflow: hidden;
}

[dir=ltr] .md-typeset :is(.note) {
  border-radius: 8px;
  border: 1px solid #DAE1EB;
  box-shadow: none;
  overflow: hidden;
  border-left-width: 1px;
}

[dir=ltr] .md-typeset :is(.note)>:is(.admonition-title,summary) {
  background-color: #F7F7F8;
}

[dir=ltr] .md-typeset :is(.note)>:is(.admonition-title,summary):before {
  background-color: #959DAC;
}

/* Request a demo button, Playgroun button */

/* CTA buttons: solid fills, no border, square */
.button {
  border: none;
  color: var(--w-ink);
  text-align: center;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.8rem;
  padding: 0 12px;
  margin: 0 0.5em;
  border-radius: 0;
  text-decoration: none;
  transition: all 0.2s ease;
}

.button:hover {
  transition: all 0.2s ease;
}

/* Secondary ("Request a Demo"): solid black, white text, graphite on hover */
.playground-button {
  background-color: var(--w-black);
  color: var(--w-white);
  margin-right: 0px;
}

.playground-button:hover {
  background-color: var(--w-graphite);
  color: var(--w-white);
}

/* Dark theme: invert to white fill / dark text; hover lightens to light-grey */
[data-md-color-scheme="slate"] .playground-button {
  background-color: var(--w-white);
  color: var(--w-ink);
}
[data-md-color-scheme="slate"] .playground-button:hover {
  background-color: var(--w-light-grey, var(--w-rule)); /* #C5C4BF light grey */
  color: var(--w-ink);
}

/* Primary ("Try For Free"): solid Signal Red fill + black text → inverts to solid black on hover */
.signup-button {
  background-color: var(--w-signal-red);
  color: var(--w-white);
}

.signup-button:hover {
  background-color: var(--w-black);
  color: var(--w-white);
}

@media screen and (max-width: 959px) {
  .md-header__inner.md-grid {
    display: grid;
    height: 107px;
    grid-template-rows: 65px 40px;
    grid-template-areas:
      "toggle logo title back search"
      "buttons buttons buttons buttons buttons";
    grid-template-columns: 44px 138px auto 60px 44px;
  }
  label[for="__search"] {
    grid-area: search;
  }
  .md-header {
    z-index: 2;
  }
  .header-buttons {
    display: flex;
    grid-area: buttons;
  }
  .md-nav--primary > ul > li {
    margin-bottom: 6px;
  }
  .header-buttons a {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 36px;
    white-space: nowrap;
  }
  .playground-button {
    width: 50%;
    margin: 0;
    margin-right: 0.4rem;
  }
  .signup-button.desktop-button {
    width: 50%;
    margin: 0;
  }
  .md-header__title {
    grid-area: title;
  }
  .md-header__button:nth-child(1) {
    display: block;
    grid-area: toggle;
  }
  .md-header__button.md-logo {
    grid-area: logo;
  }
  .md-sidebar--primary {
    top: 0 !important;
    height: 100% !important;
  }
  /* Drop the canvas top margin: content is full-width here, no milky gutter */
  .md-main__inner {
    margin-top: 0;
  }
}

/* Video iframe */

.video-wrapper {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.video-wrapper > iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Filtering node version selector */

.versions {
  position: relative;
  font-size: 14px;
  line-height: 20px;
}

.md-nav--primary .versions-list {
  width: 100%;
}

/* Visual (bg/border/radius/padding) comes from .ver-pill; only layout here. */
.versions-main {
  font: inherit;
  cursor: pointer;
  min-width: 137.422px;
  transition: all 0.3s ease;
  color: hsla(0, 0%, 0%, 1);
}

/* Visual (bg/border/shadow/padding) comes from .ver-menu; only layout here. */
.versions-list {
  position: absolute;
  z-index: 1;
  margin-bottom: 2px;
}

.divider {
  display: block;
  margin: 8px 1px;
}

.versions-main:focus {
  outline:0;
}

.versions-list:focus {
  outline:0;
}

.versions-list a {
  display: block;
  padding: 10px 12px;
  transition: all 0.3s ease;
}

.versions-list a:hover {
  background-color: #ECEFF4;
}

.versions-main-active {
  text-align: left;
}

.versions-main-active .versions-drop {
  transform: rotate(-180deg);
}

.versions-drop {
  transition: transform 0.24s cubic-bezier(0.24,0.1,0.24,1);
  vertical-align: middle;
  margin-left: 8px;
  margin-top: 3px;
}

@media (max-width: 768px) {
  .md-banner {
    height: 72px;
  }
  .md-sidebar--primary {
    top: 120px;
  }
}

@media screen and (min-width: 76.25em) {
  [dir=ltr] .md-nav--primary .md-nav__list {
    padding-left: 0px;
  }
}

@media screen and (min-width: 76.25em) {
  [dir=ltr] .md-nav--primary .md-nav__item>.md-nav__link {
    margin-right: 0px;
  }
}

@media screen and (min-width: 960px) {
  .md-header__inner.md-search {
    flex: 1 1 auto;
    min-width: 0;
  }

  .header-buttons {
    flex: 0 0 auto;
  }
}

@media screen and (max-width: 1219px) {

  .md-nav--primary, .md-nav--primary .md-nav {
    background-color: var(--w-surface);
  }
  .md-sidebar--primary {
    top: var(--header-bottom);
    height: calc(100% - var(--header-bottom));
  }
  .md-nav--primary .md-nav {
    padding-left: 0;
  }
  .md-nav--primary .md-nav__list {
    padding-left: 7px;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
    touch-action: pan-y;
  }
  .md-nav--primary .md-nav__link .md-nav__icon {
    height: 1rem;
  }
  .md-nav--primary .md-nav__item {
    border: none;
  }
  .md-nav__icon--left {
    width: 20px;
    height: 20px;
  }
  .md-nav--primary .md-nav__item {
    padding: 0;
  }
  .versions {
    position: relative;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: inherit;
    overflow: visible;
  }
  .versions-main {
    width: 100%;
    text-align: left;
    margin-top: 0.625em;
    min-height: 44px;
    cursor: pointer;
  }
  .versions-drop {
    float: right;
    transition: none;
  }
  .md-nav--primary .versions-list {
    width: calc(100% - 34px);
    z-index: 100;
    /* Selector at bottom of nav: open list upward */
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
  }
}

/* Code */

/* Monospace for code only; labels/breadcrumbs/badges use Inter (--w-mono-font) */
.md-typeset code,
.md-typeset kbd,
.md-typeset pre,
.md-typeset pre > code {
  font-family: var(--md-code-font-family);
}

.md-typeset code {
  font-size: 14px;
  background-color: #FAFAFB;
  border-radius: 8px;
  border: 1px solid rgba(149, 157, 172, 0.24);
  white-space: nowrap;
}

.md-typeset pre>code {
  white-space: pre;
}

.md-typeset .admonition .highlight code {
  padding: 16px;
}

.md-typeset .admonition .highlight .md-clipboard {
  top: 1.3em;
}

.highlight code {
  padding: 16px;
}

.md-typeset__table code {
  white-space: nowrap;
}

code:focus {
  outline: 0;
}

.md-typeset .tabbed-content>.codehilite:only-child pre>code, .md-typeset .tabbed-content>.codehilitetable:only-child>code, .md-typeset .tabbed-content>.highlight:only-child pre>code, .md-typeset .tabbed-content>.highlighttable:only-child>code {
  padding: 16px;
}

button.md-clipboard.md-icon {
  top: .7em;
  right: 1em;
  width: 16px;
  height: 16px;
}

.md-typeset h1 code, .md-typeset h2 code, .md-typeset h3 code, .md-typeset h4 code, .md-typeset h5 code, .md-typeset h6 code {
  padding: 6px 8px;
  color: black;
}

.md-typeset h1 code {
  font-size: 18px;
}

.md-typeset h2 code {
  font-size: 16px;
}

.md-typeset h3 code {
  font-size: 14px;
}

.md-typeset h4 code {
  font-size: 12px;
}

.wrapped-code code {
  white-space: pre-wrap;
}

/* Search bar */

.md-search__button {
  height: 1.8rem;
  background-color: var(--w-white);
  color: var(--w-graphite);
  width: 340px;
  border: 1px solid var(--w-hairline);
  border-radius: 0;
}

.md-search__button:before {
  background-color: var(--w-graphite);
  top: unset;
}

/* ⌘K hint badge on the search bar — editorial paper chip */
.md-search__button:after {
  background: var(--w-paper);
  border: 1px solid var(--w-rule);
  color: var(--w-graphite);
  border-radius: 0;
}

.md-search__button:focus, .md-search__button:hover {
  background-color: var(--w-white);
  color: var(--w-graphite);
  border-color: var(--w-hairline);
}

/* Search renders in a Zensical Shadow DOM; styled via injected <style> — see
   the "Zensical search widget" block in stylesheets/extra.js */

/* Table */

.md-typeset table:not([class]) {
  box-shadow: 0 0.2rem 0.5rem rgb(0 0 0 / 5%), 0 0 0.05rem rgb(0 0 0 / 10%);
  border: unset;
}

.md-typeset table:not([class]) th {
  background-color: #F7F7F8;
}

.md-typeset table:not([class]) td {
  border-top: .05rem solid var(--md-default-fg-color--lightest);
}

.md-typeset table:not([class]) tr:first-child td {
  border-top: 0;
}

/* Footer — paper surface, black top hairline, mono-caps meta, Signal-Red hover */

.md-footer {
  background-color: var(--w-paper);
  color: var(--w-ink);
}

.md-footer-meta {
  background-color: var(--w-paper);
  border-top: 1px solid var(--w-hairline);
  color: var(--w-ink);
}

.md-copyright {
  flex: 1 1 100%;
  padding: 0 0 .4rem 0;
  margin-bottom: .6rem;
}

.md-footer-meta__inner.md-grid {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

/* Meta text (copyright, help, links) → mono-caps */
.md-copyright,
.md-copyright a,
.help-support,
.help-support a {
  font-family: var(--w-mono-font);
  text-transform: uppercase;
}

.md-copyright__highlight {
  color: var(--w-ink);
}

html .md-footer-meta.md-typeset,
html .md-footer-meta.md-typeset a {
  color: var(--w-ink);
}
html .md-footer-meta.md-typeset a:focus,
html .md-footer-meta.md-typeset a:hover {
  color: var(--w-signal-red);
  opacity: 1;
}

/* Social icons */
.md-footer .md-social a {
  color: var(--w-graphite);
}
html .md-footer .md-social a:hover {
  color: var(--w-signal-red);
  opacity: 1;
}

/* Prev/next page navigation (navigation.footer) — light + mono-caps direction */
.md-footer__inner {
  background-color: var(--w-paper);
  border-bottom: 1px solid var(--w-rule);
}
.md-footer__link {
  color: var(--w-ink);
}
.md-footer__link:hover {
  opacity: 1;
  color: var(--w-signal-red);
}
.md-footer__link:hover svg,
.md-footer__link:hover .md-footer__title {
  color: var(--w-signal-red);
}
.md-footer__direction {
  font-family: var(--w-mono-font);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--w-graphite);
  opacity: 1;
}

/* Channeltivity iframe */

.channeltivity .md-banner {
  display: none;
}

.channeltivity .md-header {
  display: none;
}

.channeltivity .md-footer {
  display: none;
}

.channeltivity .hubspot {
  display: none;
}

.channeltivity .md-top {
  display: none;
}

.channeltivity .headerlink {
  display: none;
}

.channeltivity .md-content__button {
  display: none;
}

.tabbed-content .highlight .md-clipboard {
  top: .7em;
}

/* Table of contents */

@media screen and (min-width: 60em) {
  .md-nav--secondary .md-nav__title {
    background-color: var(--w-surface);
    box-shadow: unset;
    text-transform: uppercase;
    color: #959DAC;
    border-bottom: solid;
  }
}

/* Help block in footer */

.help-support {
  padding: .4rem 0;
  margin: auto .6rem;
  font-size: .64rem;
  display: inline-block;
}

.help-support p {
  display: inline-block;
  font-weight: 600;
}

.help-support svg {
  width: 16px;
  height: 16px;
}

/* Consent policy */

.md-consent__overlay {
  display: none;
}

.md-consent__controls .md-button {
  border-radius: 4px;
  transition: all 0.3s ease;
  font-weight: unset;
  border: 1px solid #DBE0E7;
  color: black;
}

.md-consent__controls .md-button--primary {
  background-color: #FEF6E5;
  color: var(--w-signal-red);
  border: none;
}

.md-consent__controls .md-button:hover, .md-consent__controls .md-button:focus {
  border: 1px solid #DBE0E7;
  color: black;
  background-color: #F7F8F9;
}

.md-consent__controls .md-button--primary:hover, .md-consent__controls .md-button--primary:focus {
  background-color: #F6C09C;
  color: var(--w-signal-red);
  border: none;
}


.md-consent__controls .md-button--primary[type="reset"] {
  background-color: unset;
  border-radius: 4px;
  border: 1px solid #DBE0E7;
  color: black;
}

.md-consent__controls .md-button--primary[type="reset"]:hover, .md-consent__controls .md-button--primary[type="reset"]:focus {
  border: 1px solid #DBE0E7;
  color: black;
  background-color: #F7F8F9;
}

/* Smooth scrolling for TOC anchor links */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* ============================================================
 * Docs refresh — square geometry, cards, mono-caps UI
 * ============================================================ */

/* --- Remove rounding everywhere (cards may keep up to 2px) --- */
.md-typeset code,
.md-typeset pre,
.md-typeset pre > code,
.md-typeset .highlight,
.md-typeset .highlight > pre,
.md-typeset .highlighttable,
.md-typeset .highlighttable .linenos,
.md-typeset .codehilite,
.md-typeset .codehilitetable,
.md-typeset .tabbed-set,
.md-typeset .tabbed-content {
  border-radius: 0 !important;
}

/* Admonitions / callouts — square, keep the tinted left edge */
.md-typeset :is(.admonition, details),
.md-typeset :is(.admonition, details) > :is(.admonition-title, summary) {
  border-radius: 0 !important;
}

/* Tables */
.md-typeset table:not([class]),
.md-typeset__table,
.md-typeset__table table {
  border-radius: 0;
}

/* Inputs / form controls */
.md-typeset input,
.md-typeset select,
.md-typeset textarea {
  border-radius: 0;
}

/* Badges */
.md-typeset .badge,
.md-typeset .mdx-badge,
.md-typeset .mdx-badge__icon,
.md-typeset .mdx-badge__text {
  border-radius: 0;
}

/* Cookie-consent buttons — square */
.md-consent__controls .md-button,
.md-consent__controls .md-button--primary[type="reset"] {
  border-radius: 0;
}

/* --- In-content buttons: square, 2px black border, Signal Red primary --- */
.md-typeset .md-button {
  border-radius: 0;
  color: var(--w-ink);
  font-weight: 600;
  transition: all 0.2s ease;
}
.md-typeset .md-button:hover {
  background-color: var(--w-ink);
  color: var(--w-white);
  border-color: var(--w-ink);
}
.md-typeset .md-button--primary {
  background-color: var(--w-signal-red);
  color: var(--w-ink);
}
.md-typeset .md-button--primary:hover {
  background-color: var(--w-ink);
  color: var(--w-white);
}

/* "Subscribe" button on changelog pages: header-sized, and a subtle
   focus/hover (no fill on focus, no underline on hover). */
.md-typeset .md-button.subscribe-btn {
  font-size: 14px;
  line-height: 1.8rem;
  padding: 0 12px;
}
.md-typeset .md-button.subscribe-btn:focus {
  background-color: unset;
  border-color: unset;
  color: unset;
}
.md-typeset .md-button.subscribe-btn:hover {
  text-decoration: unset;
}

/* ============================================================
 * HOME / CAPABILITY CARDS
 * ============================================================ */
/* Navigation cards at the Home page */

.navigation {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  grid-auto-rows: minmax(100px, auto);
  display: grid;
}

@media screen and (max-width: 600px) {
  .navigation {
    grid-template-columns: repeat(1, 1fr);
  }
}

.navigation-card {
  padding: 22px;
  /* border + radius defined in the WADS "Home / capability cards" section */
}

.navigation-card h3 {
  font-size: 18px;
  font-weight: 400;
  color: hsla(0, 0%, 0%, 1);
  margin-top: 0px;
  margin-bottom: 5px;
}

.navigation-card .card-description {
  font-size: 14px;
  color: #6B7280;
  margin: 8px 0 12px 0;
  line-height: 1.5;
  text-align: start;
}

.navigation-card p {
  margin-bottom: 0px;
  margin-top: 5px;
  color: black;
}

.homepage .md-typeset .navigation-card:has(a:hover) .card-arrow {
  opacity: 1;
  transform: translateX(3px);
}

.homepage .md-typeset .navigation-card:has(ul li a:hover) h3 a {
  color: var(--w-signal-red);
  text-decoration: underline;
}

a.navigation-card {
  text-decoration: none;
}

a.navigation-card:hover {
  text-decoration: none;
}

/* --- Capability / cross-link cards: square, dashed black border,
       serif titles, cream hover --- */
.navigation-card,
a.navigation-card {
  border: 1px dashed var(--w-ink);
  border-radius: 0;
}
.navigation-card:hover,
a.navigation-card:hover {
  background-color: var(--w-cream);
  box-shadow: none;
  border-color: var(--w-ink);
}
.navigation-card h3,
.navigation-card h3 a {
  font-family: var(--w-serif-font);
  font-weight: 400;
  letter-spacing: -0.012em;
}

/* Home card quick-links — WADS FY26 "card-links": mono-caps rows with a
   leading Signal-Red arrow that slides on hover, split off by a top hairline. */
.homepage .navigation-card ul {
  list-style: none;
  margin: 12px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid var(--w-rule);
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.homepage .navigation-card ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.homepage .navigation-card ul li::before,
.homepage .navigation-card ul li::marker {
  content: none;
}
.homepage .md-typeset .navigation-card ul li a {
  display: block;
  padding: 4px 0;
  font-family: var(--md-text-font-family);
  font-size: 14px;
  line-height: 1.35;
  letter-spacing: normal;
  text-transform: none;
  color: var(--w-ink);
  text-decoration: none;
  transition: color 140ms cubic-bezier(0.2, 0.7, 0.2, 1);
}
/* inline-block arrow so the hover underline lands on the text only, not the arrow */
.homepage .md-typeset .navigation-card ul li a::before {
  content: "→";
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  color: var(--w-signal-red);
  font-size: 12px;
  transition: transform 140ms cubic-bezier(0.2, 0.7, 0.2, 1);
}
.homepage .md-typeset .navigation-card ul li a:hover {
  color: var(--w-black);
  text-decoration: underline;
}
.homepage .md-typeset .navigation-card ul li a:hover::before {
  transform: translateX(2px);
}
/* Collapse the empty <p> the raw-HTML <p><ul> leaves behind */
.homepage .navigation-card p:empty {
  display: none;
}

/* Home cells as a contiguous dashed grid: grid draws top+left, each cell right+bottom */
.homepage .navigation {
  gap: 0;
  grid-gap: 0;
  border-top: 1px dashed var(--w-dash);
  border-left: 1px dashed var(--w-dash);
}
.homepage .navigation-card {
  border: 0;
  border-right: 1px dashed var(--w-dash);
  border-bottom: 1px dashed var(--w-dash);
  border-radius: 0;
}
.homepage .navigation-card:hover {
  background: var(--w-cream);
  box-shadow: none;
  border-color: var(--w-dash);
}

/* Reserve equal description height so card-links line up across cells (multi-column) */
@media screen and (min-width: 601px) {
  .homepage .navigation-card .card-description {
    min-height: 4.6em;
  }
}

/* --- Eyebrows, breadcrumbs, metadata, nav titles: Geist Mono, UPPERCASE --- */
.md-path,
.md-path__item,
.md-path__link,
.md-source__repository,
.md-nav--secondary .md-nav__title {
  font-family: var(--w-mono-font);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 11px;
}

/* ============================================================
 * Version selector — eyebrow label + mono value pill, dropdown with tags + check
 * ============================================================ */
.versions-main.ver-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 12px;
  background: var(--w-white);
  border: 1px solid var(--w-hairline);
  border-radius: 0;
  box-shadow: none;
}
.versions-main.ver-pill:hover {
  background: #F8FAFC;
}
.ver-pill .v-label {
  flex: none;
  font-family: var(--w-mono-font);
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--w-graphite);
}
.ver-pill .v-val {
  font-family: var(--w-mono-font);
  font-weight: 500;
  font-size: 14px;
  color: var(--w-black);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ver-pill .versions-drop {
  margin-left: auto;
  margin-top: 0;
  flex: none;
  color: var(--w-graphite);
}

/* Dropdown menu */
.versions-list.ver-menu {
  background: var(--w-white);
  border: 1px solid var(--w-hairline);
  border-radius: 0;
  box-shadow: 0 18px 32px -12px rgba(0, 0, 0, 0.18);
  padding: 6px;
  min-width: 0;
}
.ver-menu .vm-head {
  font-family: var(--w-mono-font);
  font-weight: 600;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--w-graphite);
  padding: 6px 8px 4px;
}
.ver-menu .vm-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px;
  border-radius: 0;
  text-align: left;
}
.ver-menu .vm-item:hover {
  background: #F8FAFC;
}
.ver-menu .vm-item .vm-v {
  font-family: var(--w-mono-font);
  font-weight: 500;
  font-size: 14px;
  color: var(--w-black);
  white-space: nowrap;
}
.ver-menu .vm-item.active .vm-v {
  font-weight: 600;
}
.ver-menu .vm-item .vm-tag {
  flex: none;
  white-space: nowrap;
  font-family: var(--w-mono-font);
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  border-radius: 0;
  padding: 1px 7px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ver-menu .vm-item .vm-tag.current { background: var(--w-signal-red); color: var(--w-black); }
.ver-menu .vm-item .vm-tag.preview { background: var(--w-white); color: var(--w-core-blue); border: 1px solid var(--w-core-blue); }
.ver-menu .vm-item .vm-tag.legacy  { background: var(--w-white); color: var(--w-black); border: 1px solid var(--w-hairline); }
.ver-menu .vm-item .vm-tag.eol     { background: var(--w-paper); color: var(--w-graphite); border: 1px solid var(--w-rule); }
.ver-menu .vm-item .vm-check {
  margin-left: auto;
  flex: none;
  color: var(--w-signal-red);
  opacity: 0;
}
.ver-menu .vm-item.active .vm-check { opacity: 1; }
.ver-menu hr {
  border: 0;
  border-top: 1px solid var(--w-rule);
  margin: 4px 0;
}
.ver-menu .vm-foot {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 8px;
  font-family: var(--w-mono-font);
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--w-core-blue);
}
.ver-menu .vm-foot:hover { text-decoration: underline; }
.ver-menu .vm-foot svg { flex: none; }

/* Open the footer dropdown upward on desktop (it sits at the sidebar foot) */
@media screen and (min-width: 76.25em) {
  .versions-list.ver-menu {
    left: 0;
    right: auto;
    top: auto;
    bottom: 100%;
    margin-bottom: 6px;
  }
}

/* ============================================================
 * Home hero — animated "AI Control Platform" loop, floated into the hero's right half
 * ============================================================ */
.home-hero-media {
  display: none;
}
@media screen and (min-width: 960px) {
  .home-hero-media {
    display: block;
    float: right;
    width: 46%;
    max-width: 560px;
    margin: 4px 0 24px 40px;
  }
  /* Card grid clears the floated hero graphic */
  .homepage .navigation {
    clear: both;
  }
}
.home-hero-media svg {
  width: 100%;
  height: auto;
  display: block;
  border: 0;
}

.aicp-ring  { fill: none; stroke: var(--w-rule); stroke-width: 1.5; }
.aicp-inner { fill: none; stroke: var(--w-signal-red); stroke-width: 1.5; stroke-dasharray: 4 7; opacity: 0.85; animation: aicpDash 7s linear infinite; }
.aicp-conn  { fill: none; stroke: var(--w-rule); stroke-width: 1.5; stroke-dasharray: 4 5; animation: aicpDash 5s linear infinite; }
.aicp-node  { fill: var(--w-white); stroke: var(--w-black); stroke-width: 2; }
.aicp-node-dot { fill: var(--w-signal-red); animation: aicpPulse 3s ease-in-out infinite; }
.aicp-node-dot.d2 { animation-delay: 0.75s; }
.aicp-node-dot.d3 { animation-delay: 1.5s; }
.aicp-node-dot.d4 { animation-delay: 2.25s; }
.aicp-label { font-family: var(--w-mono-font); font-size: 12.5px; letter-spacing: 0.05em; text-transform: uppercase; fill: var(--w-black); font-weight: 600; }
.aicp-chip  { fill: var(--w-white); stroke: var(--w-black); stroke-width: 1; }
.aicp-chip-label { font-family: var(--w-mono-font); font-size: 12.5px; letter-spacing: 0.04em; text-transform: uppercase; fill: var(--w-ink); }
.aicp-core-brand { font-family: var(--w-mono-font); font-size: 13px; letter-spacing: 0.10em; fill: var(--w-signal-red); font-weight: 700; }
.aicp-core-sub   { font-family: var(--w-mono-font); font-size: 10px; letter-spacing: 0.04em; text-transform: uppercase; fill: var(--w-graphite); }
.aicp-orbit {
  transform-box: view-box;
  transform-origin: 500px 230px;
  animation: aicpSpin 9s linear infinite;
}
.aicp-orbit-dot { fill: var(--w-signal-red); }

@keyframes aicpSpin { to { transform: rotate(360deg); } }
@keyframes aicpDash { to { stroke-dashoffset: -220; } }
@keyframes aicpPulse { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .aicp-orbit, .aicp-inner, .aicp-conn, .aicp-node-dot { animation: none; }
}