@import url("https://fonts.googleapis.com/css2?family=Geist:wght@300..700&family=Geist+Mono:wght@400..600&family=Domine:wght@500;600;700&display=swap"); /* ============================================================ * WADS FY26 design tokens — single source of truth. * Colors mirror Claude Design (design-system colors_and_type.css), * NOT the legacy palette. Reference these vars; avoid hardcoding hex. * ============================================================ */ :root, [data-md-color-scheme="wallarm-palette"] { /* ---- Type ---- */ --md-text-font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --md-code-font-family: "Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", monospace; --w-serif-font: "SchoolBook", "Century Schoolbook", "Domine", Georgia, "Times New Roman", serif; --w-mono-font: "Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", monospace; /* ---- 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" — laconic editorial: square black chip, mono-caps label, inverts to 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 so it doesn't overlap the sticky announce bar (only when announce is shown; 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 — larger, more prominent stacked serif headline (WADS FY26) */ .homepage .md-content__inner h1 { text-align: start; font-family: var(--w-serif-font); font-size: 52px; line-height: 1.02; letter-spacing: -0.035em; 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 before the home cells — mono-caps eyebrow with an orange dot over a full-width black hairline (WADS FY26). */ .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.08em; 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 — WADS FY26 editorial: paper strip separating it from the white header, black bottom hairline, vertical light-grey hairlines between cells, Geist-Mono UPPERCASE labels, active = white cell + bold + full-width 3px Signal-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 — a square white chevron over a paper fade, shown only 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 11px; 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); } /* Keep the version selector pinned to the bottom of the sidebar so it stays visible while the nav list scrolls behind it (desktop persistent sidebar). */ @media screen and (min-width: 76.25em) { .md-nav--primary .versions-bottom { position: sticky; bottom: 0; z-index: 5; width: 100%; margin-top: 24px; padding: 12px 8px 12px 0; background: var(--w-surface); border-top: 1px solid var(--w-rule); } } .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: 17px; 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; } .md-nav__link { display: flex; align-items: center; justify-content: flex-start; gap: 8px; } /* 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: 97px; } [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; } .md-nav--primary .md-nav__title { /* On mobile the nav title acts like a sticky header for drill-down menus. Transparent background makes underlying items (e.g., "Introduction") show through and look "stuck"/overlapped. */ background-color: var(--md-default-bg-color); 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: 600; letter-spacing: -0.035em; 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.035em; font-weight: 600; color: var(--w-ink); } /* H3 stays in Geist (sans), bold */ .md-typeset h3 { font-family: var(--md-text-font-family); font-size: 17px; line-height: 24px; letter-spacing: -0.01em; font-weight: 700; } .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 */ .button { border: 2px solid var(--w-ink); color: var(--w-ink); text-align: center; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1.8rem; padding: 0 14px; margin: 0 0.5em; border-radius: 0; text-decoration: none; transition: all 0.2s ease; } .button:hover { transition: all 0.2s ease; } /* Ghost ("Product tour"): transparent → inverts to black on hover */ .playground-button { background-color: transparent; color: var(--w-ink); margin-right: 0px; } .playground-button:hover { background-color: var(--w-ink); color: var(--w-white); } /* Primary ("Use for free"): Signal Red fill + black text → inverts to black on hover */ .signup-button { background-color: var(--w-signal-red); color: var(--w-ink); } .signup-button:hover { background-color: var(--w-ink); 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 lang"; 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; } .languages { position: relative; grid-area: lang; padding-left: 6px; } .languages .languages-list, .languages .languages-main { width: 100%; } .languages { margin: 0; } .md-header__button.md-logo { grid-area: logo; } .md-sidebar--primary { height: calc(100% - 120px); } } /* 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, .languages { 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 */ .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: 2rem; 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); } .md-search__form { border-radius: 0; border: 1px solid var(--w-hairline); background-color: var(--w-white); width: 100% } /* Hotkey indicator for search field */ .md-search__inner::after { content: "⌘K"; position: absolute; right: 10px; top: 10px; font-size: 11px; font-weight: 500; color: var(--w-graphite); background-color: var(--w-paper); border: 1px solid var(--w-rule); border-radius: 0; padding: 2px 6px; pointer-events: none; z-index: 2; font-family: var(--w-mono-font); } /* Show Ctrl+K on non-Mac platforms */ .platform-windows .md-search__inner::after, .platform-linux .md-search__inner::after { content: "Ctrl K"; } /* Hide hotkey indicator when search is active/focused */ .md-search__inner:focus-within::after, [data-md-toggle="search"]:checked ~ .md-header .md-search__inner::after { display: none; } .md-search__input { color: var(--w-black); border-radius: 0; } .md-search__input:not(:focus-visible) { background-color: var(--w-white); } input.md-search__input::placeholder { color: #959DAC; } .md-search__icon.md-icon svg { color: var(--w-graphite); } /* Search results dropdown — square, black frame, editorial palette */ .md-search__output { border-radius: 0; } [data-md-toggle="search"]:checked ~ .md-header .md-search__inner { border: 1px solid var(--w-hairline); } .md-search-result__meta { background-color: var(--w-paper); color: var(--w-graphite); font-family: var(--w-mono-font); text-transform: uppercase; letter-spacing: 0.05em; font-size: 11px; } a.md-search-result__link:hover { background-color: var(--w-cream); box-shadow: inset 0px -1px 0px var(--w-rule); } .md-search-result__link:focus, .md-search-result__link:hover { background-color: var(--w-cream); } .md-search-result__more>summary:focus>div, .md-search-result__more>summary:hover>div { background-color: var(--w-cream); box-shadow: inset 0px -1px 0px var(--w-rule); } .md-search-result em { color: var(--w-signal-red); text-decoration: none; font-weight: 600; } /* 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 — editorial closing band: paper surface, black top hairline, Geist-Mono uppercase meta, Signal-Red hover (was dark navy + salmon). */ .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; letter-spacing: 0.05em; } .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; } /* Language selector */ .languages { position: relative; display: inline-block; } .languages-main { height: 32px; border-style: solid; background-color: transparent; border-color: var(--w-ink); border-radius: 0; border-width: 1px; font-size: 14px; cursor: pointer; min-width: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 8px; color: var(--w-ink); transition: all 0.2s ease; } .languages-list { top: 45px; background-color: #FFFF; box-shadow: 0px 1px 8px rgba(149, 157, 172, 0.4); border-radius: 0; border: 1px solid var(--w-ink); position: absolute; right: 0; padding: 8px 0px; min-width: 131px; z-index: 1; line-height: 1.8rem; } [dir="rtl"] .languages-list { right: auto; left: 0; } .languages-main:focus { outline:0; } .languages-list:focus { outline:0; } .languages-list a { display: block; padding: 0px 12px; transition: all 0.3s ease; color: hsla(0, 0%, 0%, 1); font-size: 14px } .languages-list a:hover { background-color: #F7F7F8; } .languages-main:hover { background-color: var(--w-ink); border-color: var(--w-ink); color: var(--w-white); } .languages-main-active { background-color: var(--w-ink); border-color: var(--w-ink); color: var(--w-white); } .languages-icon { display: inline-block; } /* 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: 1000; } .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; } } /* ============================================================ * WADS 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; border: 2px solid var(--w-ink); 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); border-color: var(--w-ink); color: var(--w-ink); } .md-typeset .md-button--primary:hover { background-color: var(--w-ink); color: var(--w-white); } /* ============================================================ * 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: bold; 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); letter-spacing: -0.02em; } /* 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: flex; align-items: center; gap: 7px; padding: 4px 0; font-family: var(--w-mono-font); font-size: 11px; letter-spacing: 0.03em; text-transform: uppercase; color: var(--w-graphite); text-decoration: none; transition: color 140ms cubic-bezier(0.2, 0.7, 0.2, 1); } .homepage .md-typeset .navigation-card ul li a::before { content: "→"; flex: none; 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

the raw-HTML