:root {
  --cm-bg: #fafdff;
  --cm-surface: #ffffff;
  --cm-surface-soft: #f2f7ff;
  --cm-ink: #0b2148;
  --cm-muted: #526e9c;
  --cm-line: #dce8f7;
  --cm-blue: #1469ed;
  --cm-blue-dark: #084dbd;
  --cm-shadow: 0 20px 56px rgba(30, 79, 144, .12);
}

html[data-theme="dark"] {
  --cm-bg: #020b1e;
  --cm-surface: #071633;
  --cm-surface-soft: #0a1d40;
  --cm-ink: #f4f8ff;
  --cm-muted: #afc4e7;
  --cm-line: rgba(151, 186, 239, .18);
  --cm-blue: #4f9bff;
  --cm-blue-dark: #b5d5ff;
  --cm-shadow: 0 24px 68px rgba(0, 0, 0, .38);
}

html, body { background: var(--cm-bg); color: var(--cm-ink); }
body { overflow-x: hidden; }
.shared-locale { display: inline-grid; grid-template-columns: repeat(3, auto); gap: 2px; padding: 3px; border: 1px solid var(--cm-line); border-radius: 10px; background: color-mix(in srgb, var(--cm-surface) 86%, transparent); }
.shared-locale button { min-width: 30px; height: 28px; padding: 0 7px; border: 0; border-radius: 7px; background: transparent; color: var(--cm-muted); font: 600 10px 'JetBrains Mono', monospace; cursor: pointer; }
.shared-locale button.active { background: color-mix(in srgb, var(--cm-blue) 13%, transparent); color: var(--cm-blue); }
.page-locale { position: fixed; top: 18px; right: 84px; z-index: 8; }

/* Separate light and dark renders: no colour filters, no faux 3D shapes. */
.visual-scene { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
.visual-scene img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.visual-scene .scene-image--dark { display: none; }
html[data-theme="dark"] .visual-scene .scene-image--light { display: none; }
html[data-theme="dark"] .visual-scene .scene-image--dark { display: block; }
.theme-art--dark { display: none !important; }
html[data-theme="dark"] .theme-art--light { display: none !important; }
html[data-theme="dark"] .theme-art--dark { display: block !important; }

[data-reveal] { opacity: 0; transform: translate3d(0, 22px, 0); transition: opacity .62s ease calc(var(--reveal-index, 0) * 70ms), transform .62s cubic-bezier(.2,.75,.2,1) calc(var(--reveal-index, 0) * 70ms); }
[data-reveal].is-visible { opacity: 1; transform: translate3d(0,0,0); }

/* Site wide interaction language */
a, button { -webkit-tap-highlight-color: transparent; }
.button, .nav-check, .theme-toggle, .ck-submit, .download-card, .article-list a, .text-link { transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease; }
.button:hover, .nav-check:hover, .ck-submit:hover, .download-card:hover, .article-list a:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(20, 105, 237, .18); }
.button:active, .nav-check:active, .ck-submit:active, .download-card:active, .article-list a:active { transform: translateY(0) scale(.985); }

/* Landing */
.hero { position: relative; isolation: isolate; overflow: hidden; width: 100%; max-width: none; min-height: calc(100dvh - 72px); margin: 0; padding-left: max(32px, calc((100vw - 1180px) / 2)); padding-right: max(32px, calc((100vw - 1180px) / 2)); border: 0 !important; border-radius: 0 !important; background: var(--cm-surface) !important; box-shadow: none; }
.hero > :not(.visual-scene) { position: relative; z-index: 1; }
.hero .visual-scene { border-radius: inherit; }
.hero .visual-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 39%, rgba(255,255,255,.18) 67%, rgba(255,255,255,.02) 100%); }
html[data-theme="dark"] .hero .visual-scene::after { background: linear-gradient(90deg, rgba(2,11,30,.99) 0%, rgba(2,11,30,.93) 43%, rgba(2,11,30,.24) 69%, rgba(2,11,30,.04) 100%); }
.hero h1, .hero p, .hero .section-kicker, .hero .model-list { color: var(--cm-ink) !important; text-shadow: none; }
.hero .section-kicker, .hero .model-list { color: var(--cm-blue-dark) !important; }
.hero .button.primary { background: var(--cm-blue) !important; border-color: var(--cm-blue) !important; color: #fff !important; }
.hero .button.secondary { background: color-mix(in srgb, var(--cm-surface) 88%, transparent) !important; color: var(--cm-ink) !important; border-color: var(--cm-line) !important; }
.product-art-layer, .hero-art-layer { display: none !important; }
.section-art-pair { position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: visible; }
.section-art-item { position: absolute; display: block; width: clamp(210px, 28vw, 420px); }
.section-art-item img { display: block; width: 100%; height: auto; object-fit: contain; opacity: .78; }
.section-art-item--left { left: -8%; bottom: -16%; transform: rotate(-8deg); }
.section-art-item--right { right: -6%; top: -17%; transform: rotate(7deg); }
.section-art-pair::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--cm-bg) 0%, transparent 30%, transparent 70%, var(--cm-bg) 100%); opacity: .75; }
.visual-section { position: relative; isolation: isolate; overflow: hidden; }
.visual-section > .site-shell { position: relative; z-index: 1; }
.visual-section > .section-art-pair { z-index: 0; }
.quick-section .quick-art { position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: .28; }
.quick-section .quick-art img { width: 100%; height: 100%; object-fit: cover; object-position: 72% center; }
.clients-section .clients-art, .status-section .status-art { position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .22; }
.clients-section .clients-art img, .status-section .status-art img { width: 100%; height: 100%; object-fit: cover; object-position: 78% center; }
html[data-theme="dark"] .section-art-pair::after { background: linear-gradient(90deg, var(--cm-bg) 0%, rgba(2,11,30,.45) 34%, rgba(2,11,30,.45) 66%, var(--cm-bg) 100%); opacity: .82; }
html[data-theme="dark"] .quick-section .quick-art, html[data-theme="dark"] .clients-section .clients-art, html[data-theme="dark"] .status-section .status-art { opacity: .32; }

/* Key checker */
.ck-hero, .st-hero, .api-hero, .article-index, .article-page, .docs-visual-shell { position: relative; isolation: isolate; overflow: hidden; }
.ck-hero > :not(.visual-scene), .st-hero > :not(.visual-scene), .api-hero > :not(.visual-scene), .article-index > :not(.visual-scene), .article-page > :not(.visual-scene), .docs-visual-shell > :not(.visual-scene) { position: relative; z-index: 1; }
.ck-hero .visual-scene::after, .st-hero .visual-scene::after, .api-hero .visual-scene::after, .article-index .visual-scene::after, .article-page .visual-scene::after, .docs-visual-shell .visual-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(250,253,255,.99) 0%, rgba(250,253,255,.92) 43%, rgba(250,253,255,.25) 72%, rgba(250,253,255,.04) 100%); }
html[data-theme="dark"] .ck-hero .visual-scene::after, html[data-theme="dark"] .st-hero .visual-scene::after, html[data-theme="dark"] .api-hero .visual-scene::after, html[data-theme="dark"] .article-index .visual-scene::after, html[data-theme="dark"] .article-page .visual-scene::after, html[data-theme="dark"] .docs-visual-shell .visual-scene::after { background: linear-gradient(90deg, rgba(2,11,30,.99) 0%, rgba(2,11,30,.91) 43%, rgba(2,11,30,.22) 72%, rgba(2,11,30,.04) 100%); }
.ck-hero { min-height: 390px; background: var(--cm-bg) !important; }
.ck-hero-content h1, .ck-hero-content p, .st-hero-content h1, .st-hero-content p, .api-hero-copy h1, .api-hero-copy p, .article-index h1, .article-index .article-lead, .article-page h1, .article-page .article-lead { color: var(--cm-ink) !important; }
.ck-form, .api-form { background: color-mix(in srgb, var(--cm-surface) 92%, transparent) !important; border-color: var(--cm-line) !important; box-shadow: var(--cm-shadow); }
.ck-hero-inner { position: relative; z-index: 1; min-height: 390px; align-items: center !important; }
.ck-hero-content { align-self: center; }
.ck-lookup-card { align-self: center !important; justify-self: center !important; width: min(100%, 510px); }
.ck-results[hidden] { display: none !important; }
.ck-chart-panel { min-width: 0; padding-top: 72px !important; overflow: hidden; }
.ck-chart-panel::before { top: 24px !important; left: 24px !important; width: 10px !important; height: 10px !important; box-shadow: 18px 0 #ffbd2e, 36px 0 #28c840 !important; }
.ck-chart-panel::after { top: 20px !important; left: 88px !important; }
.ck-bar-chart { grid-template-columns: repeat(7, minmax(30px, 1fr)) !important; min-width: 0; overflow: hidden; }
.ck-bar { min-width: 0; }
.ck-bar-track { height: clamp(108px, 15vw, 160px) !important; }

/* Status and download retain content hierarchy over their own scenes. */
.st-hero { min-height: 330px; background: var(--cm-bg) !important; }
.st-grid, .models-strip, .instructions, .article-list { position: relative; z-index: 1; }
.api-hero { min-height: 360px; background: var(--cm-bg) !important; }
.api-hero-copy { max-width: 610px; }

/* Blog has a deliberately shallow scene so article content never loses contrast. */
body.article-body > .visual-scene--article { position: absolute; top: 0; left: 0; right: 0; height: 430px; z-index: 0; }
body.article-body > .visual-scene--article::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(250,253,255,.98) 0%, rgba(250,253,255,.88) 48%, rgba(250,253,255,.22) 75%, rgba(250,253,255,.06) 100%); }
html[data-theme="dark"] body.article-body > .visual-scene--article::after { background: linear-gradient(90deg, rgba(2,11,30,.98) 0%, rgba(2,11,30,.88) 48%, rgba(2,11,30,.22) 75%, rgba(2,11,30,.06) 100%); }
body.article-body > .site-nav, body.article-body > main, body.article-body > footer, body.article-body > .theme-toggle { position: relative; z-index: 1; }
.article-index, .article-page { min-height: 330px; padding-top: clamp(7rem, 13vw, 11rem) !important; }
.article-index .visual-scene, .article-page .visual-scene { height: 360px; }
.article-index .visual-scene::after, .article-page .visual-scene::after { background: linear-gradient(90deg, rgba(250,253,255,.98) 0%, rgba(250,253,255,.88) 48%, rgba(250,253,255,.22) 75%, rgba(250,253,255,.06) 100%); }
html[data-theme="dark"] .article-index .visual-scene::after, html[data-theme="dark"] .article-page .visual-scene::after { background: linear-gradient(90deg, rgba(2,11,30,.98) 0%, rgba(2,11,30,.88) 48%, rgba(2,11,30,.22) 75%, rgba(2,11,30,.06) 100%); }

/* Documentation static site. */
.docs-visual-shell { min-height: 340px; margin-bottom: 2rem; }
.docs-visual-shell .visual-scene { border-radius: 0 0 28px 28px; }
.docs-visual-shell .top { padding-top: 7rem; }
.docs-visual-shell h1, .docs-visual-shell p, .docs-visual-shell li, .docs-visual-shell code { position: relative; z-index: 1; }

html[data-theme="dark"] .site-header, html[data-theme="dark"] .nav, html[data-theme="dark"] .topbar { background: color-mix(in srgb, var(--cm-surface) 88%, transparent) !important; border-color: var(--cm-line) !important; }
html[data-theme="dark"] .article-list a, html[data-theme="dark"] .ck-card, html[data-theme="dark"] .st-card, html[data-theme="dark"] .instruction-card { background: var(--cm-surface) !important; border-color: var(--cm-line) !important; color: var(--cm-ink) !important; }
html[data-theme="dark"] .codex-body, html[data-theme="dark"] .checker-page, html[data-theme="dark"] .status-page, html[data-theme="dark"] .api-page { background: #061123 !important; color: var(--cm-ink) !important; }
html[data-theme="dark"] .codex-nav, html[data-theme="dark"] .api-nav { background: rgba(7, 22, 51, .94) !important; border-color: var(--cm-line) !important; }
html[data-theme="dark"] .ck-lookup-card, html[data-theme="dark"] .ck-panel, html[data-theme="dark"] .ck-key-overview, html[data-theme="dark"] .st-server-card, html[data-theme="dark"] .st-summary-card, html[data-theme="dark"] .endpoint-panel, html[data-theme="dark"] .instruction-card { background: #0a1b38 !important; border-color: rgba(151,186,239,.18) !important; color: #eef5ff !important; }
html[data-theme="dark"] .ck-chart-panel { background: #0a1b38 !important; }
html[data-theme="dark"] .ck-bar-track { background: #122744 !important; border-color: rgba(151,186,239,.14) !important; }
html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { background: #0d203e !important; color: #eef5ff !important; border-color: rgba(151,186,239,.22) !important; }

@media (max-width: 760px) {
  .hero .visual-scene, .ck-hero .visual-scene, .st-hero .visual-scene, .api-hero .visual-scene { opacity: .45; }
  .hero .visual-scene img, .ck-hero .visual-scene img, .st-hero .visual-scene img, .api-hero .visual-scene img { width: 175%; max-width: none; left: 20%; object-position: 78% center; }
  .section-art-pair { position: relative; min-height: 270px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 10px; padding: 0 10px; }
  .section-art-item { position: relative; inset: auto !important; width: 100%; transform: none !important; }
  .section-art-item img { width: 100%; opacity: .8; }
  .section-art-pair::after { display: none; }
  .quick-section .quick-art, .clients-section .clients-art, .status-section .status-art { opacity: .16; }
  .hero .visual-scene::after, .ck-hero .visual-scene::after, .st-hero .visual-scene::after, .api-hero .visual-scene::after { background: linear-gradient(90deg, rgba(250,253,255,.97), rgba(250,253,255,.82)); }
  html[data-theme="dark"] .hero .visual-scene::after, html[data-theme="dark"] .ck-hero .visual-scene::after, html[data-theme="dark"] .st-hero .visual-scene::after, html[data-theme="dark"] .api-hero .visual-scene::after { background: linear-gradient(90deg, rgba(2,11,30,.97), rgba(2,11,30,.82)); }
  .article-index, .article-page { padding-top: 5rem !important; }
  .shared-locale button { min-width: 26px; padding: 0 5px; }
  .page-locale { top: 12px; right: 66px; }
  .ck-bar-chart { gap: 4px !important; }
  .ck-bar-label { font-size: 9px !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  [data-reveal] { opacity: 1; transform: none; }
}

/* 2026-07-16 stability pass: scenes stay still; only section reveals and one
   lightweight hero orbit are allowed to move. */
.section-art-pair, .quick-art, .clients-art, .status-art { display: none !important; }
.product-section::after { display: none !important; }
.endpoint-stage::after { display: none !important; }
.hero { grid-template-columns: minmax(0, 1.14fr) minmax(420px, .86fr) !important; gap: clamp(38px, 6vw, 82px) !important; }
.hero-copy { grid-column: 1; grid-row: 1; }
.hero > .endpoint-stage { grid-column: 2; grid-row: 1; align-self: center; width: min(100%, 560px); }
.endpoint-stage {
  border-radius: 28px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(74,115,173,.18) !important;
  box-shadow: 0 28px 72px rgba(44,88,150,.16), inset 0 1px rgba(255,255,255,.92) !important;
  backdrop-filter: blur(18px) saturate(.92);
}
.endpoint-stage .endpoint-head,
.endpoint-stage .endpoint-url { color: #17335e !important; border-color: rgba(74,115,173,.14) !important; }
.endpoint-stage .copy-button { border-radius: 12px; background: rgba(255,255,255,.82); color: #36557e; border-color: rgba(74,115,173,.18); }
.endpoint-stage .route-source,
.endpoint-stage .route-core { border-radius: 14px; background: rgba(255,255,255,.72); border-color: rgba(74,115,173,.18); color: #17335e; box-shadow: none; }
.endpoint-stage .route-core { color: #1568dd; border-color: rgba(20,105,237,.28); }
.endpoint-stage .route-line { background: linear-gradient(90deg, rgba(74,115,173,.18), rgba(20,105,237,.44)); }
.endpoint-stage .route-targets span { color: #57749d; border-color: rgba(74,115,173,.14); }
.endpoint-stage pre { border-radius: 0 0 28px 28px; background: rgba(247,250,255,.94) !important; color: #10254b !important; border-top: 1px solid rgba(74,115,173,.12); }

html[data-theme="dark"] .endpoint-stage {
  background: rgba(9,27,56,.78) !important;
  border-color: rgba(148,190,248,.22) !important;
  box-shadow: 0 28px 72px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.08) !important;
}
html[data-theme="dark"] .endpoint-stage .endpoint-head,
html[data-theme="dark"] .endpoint-stage .endpoint-url { color: #eaf3ff !important; border-color: rgba(148,190,248,.16) !important; }
html[data-theme="dark"] .endpoint-stage .copy-button,
html[data-theme="dark"] .endpoint-stage .route-source,
html[data-theme="dark"] .endpoint-stage .route-core { background: rgba(14,39,78,.82); color: #eaf3ff; border-color: rgba(148,190,248,.2); }
html[data-theme="dark"] .endpoint-stage .route-core { color: #9ac8ff; }
html[data-theme="dark"] .endpoint-stage .route-targets span { color: #9fb9df; border-color: rgba(148,190,248,.16); }
html[data-theme="dark"] .endpoint-stage pre { background: rgba(3,15,36,.92) !important; color: #e1edff !important; border-top-color: rgba(148,190,248,.16); }

/* Soft, airy geometry shared by every public surface. */
.site-nav, .codex-nav, .api-nav, .site-header, .topbar { border-radius: 0 0 18px 18px; }
.locale-switch, .shared-locale, .theme-toggle, .nav-check, .button, .copy-button,
.code-tabs button, .ck-submit, .download-card, .tab, .page-locale { border-radius: 999px !important; }
.flow-list, .code-window, .client-list, .faq-list, .article-list, .status-live,
.ck-form, .ck-lookup-card, .ck-panel, .st-card, .st-summary-card, .st-server-card,
.endpoint-panel, .instruction-card, .switcher, .guide, .recommend, .cmd, .codebar { border-radius: 26px !important; overflow: hidden; }
.flow-list { border: 1px solid var(--cm-line); }
.flow-list article { border-right-color: var(--cm-line); }
.client-list, .article-list { border: 1px solid var(--cm-line); }
.client-list span { border-color: var(--cm-line); background: color-mix(in srgb, var(--cm-surface) 68%, transparent); }
.faq-list { border: 1px solid var(--cm-line); padding: 0 22px; background: color-mix(in srgb, var(--cm-surface) 72%, transparent); }
.faq-list details { border-color: var(--cm-line); }
.faq-list details:last-child { border-bottom: 0; }
.article-list { gap: 12px; border: 0; overflow: visible; }
.article-list a { border: 1px solid var(--cm-line); border-radius: 22px !important; background: color-mix(in srgb, var(--cm-surface) 78%, transparent); }
.status-live { background: color-mix(in srgb, var(--cm-surface) 80%, transparent); border-color: var(--cm-line); }
html[data-theme="dark"] .status-live,
html[data-theme="dark"] .client-list,
html[data-theme="dark"] .article-list a { background: rgba(10,28,57,.78) !important; color: #edf5ff; border-color: rgba(148,190,248,.16); }
html[data-theme="dark"] .client-list span { background: rgba(14,38,74,.58); color: #b6cbed; }
html[data-theme="dark"] .faq-list { background: rgba(8,24,50,.72); }
html[data-theme="dark"] .nav-check { background: #10284f !important; color: #eaf3ff !important; border-color: rgba(148,190,248,.2) !important; }
html[data-theme="dark"] .code-window, html[data-theme="dark"] .flow-list { background: rgba(8,24,50,.74) !important; }

@media (max-width: 760px) {
  .hero { grid-template-columns: 1fr !important; gap: 36px !important; }
  .hero-copy, .hero > .endpoint-stage { grid-column: 1; }
  .hero-copy { grid-row: 1; }
  .hero > .endpoint-stage { grid-row: 2; width: 100%; }
  .faq-list { padding-inline: 14px; }
  .article-list { gap: 10px; }
}
/* Theme parity: light code is paper-white; dark code stays navy. */
html:not([data-theme="dark"]) .code-window,
html:not([data-theme="dark"]) .code-window .code-title { background: rgba(255,255,255,.92) !important; color: #36557e !important; }
html:not([data-theme="dark"]) .code-window pre { background: #f5f8fc !important; color: #15315a !important; }
html:not([data-theme="dark"]) .code-tabs button { background: rgba(255,255,255,.88) !important; color: #58739b !important; border-color: rgba(74,115,173,.2) !important; }
html:not([data-theme="dark"]) .code-tabs button.active { background: rgba(20,105,237,.1) !important; color: #1769d8 !important; }
html[data-theme="dark"] .product-section,
html[data-theme="dark"] .quick-section,
html[data-theme="dark"] .clients-section,
html[data-theme="dark"] .faq-section,
html[data-theme="dark"] .status-section,
html[data-theme="dark"] .blog-preview { background: #071427 !important; }
html[data-theme="dark"] .quick-section { background: #091a33 !important; }
html[data-theme="dark"] .code-window,
html[data-theme="dark"] .code-window .code-title,
html[data-theme="dark"] .code-window pre { background: #0a1b38 !important; color: #eaf3ff !important; border-color: rgba(148,190,248,.16); }
html[data-theme="dark"] .code-tabs button,
html[data-theme="dark"] .code-window .copy-button { background: #10284f !important; color: #b8cbed !important; border-color: rgba(148,190,248,.18) !important; }
html[data-theme="dark"] .code-tabs button.active { background: rgba(78,145,232,.22) !important; color: #a9d1ff !important; }
html[data-theme="dark"] .locale-switch,
html[data-theme="dark"] .shared-locale { background: rgba(10,28,57,.9) !important; border-color: rgba(148,190,248,.2) !important; }
html[data-theme="dark"] .locale-switch a,
html[data-theme="dark"] .shared-locale button { color: #a9bfdf !important; }
html[data-theme="dark"] .locale-switch a.active,
html[data-theme="dark"] .shared-locale button.active { background: rgba(78,145,232,.2) !important; color: #b9d9ff !important; }
html[data-theme="dark"] .page-theme-toggle { background: #10284f !important; border-color: rgba(148,190,248,.22) !important; }
body.article-body > .page-theme-toggle { position: fixed !important; z-index: 30 !important; }
.page-locale { position: fixed !important; z-index: 29 !important; }

/* The key field is a centered action in the checker hero, not a full-width footer row. */
.checker-page .ck-hero-inner { grid-template-columns: 1fr !important; justify-items: center !important; text-align: center; gap: 28px !important; }
.checker-page .ck-hero-content { width: min(720px, 100%); }
.checker-page .ck-hero-content h1, .checker-page .ck-hero-content p { margin-left: auto; margin-right: auto; }
.checker-page .ck-lookup-card { width: min(760px, 100%) !important; justify-self: center !important; margin-inline: auto; text-align: left; }

/* Dark checker surfaces must never fall back to the light dashboard cards. */
html[data-theme="dark"] .checker-page .ck-key-overview,
html[data-theme="dark"] .checker-page .ck-metric,
html[data-theme="dark"] .checker-page .ck-panel,
html[data-theme="dark"] .checker-page .ck-model-item,
html[data-theme="dark"] .checker-page .ck-chat-log,
html[data-theme="dark"] .checker-page .ck-model-check-wrap,
html[data-theme="dark"] .checker-page .ck-model-check-table tr,
html[data-theme="dark"] .checker-page .ck-model-check-table td { background: #0a1b38 !important; color: #eaf3ff !important; border-color: rgba(148,190,248,.16) !important; }
html[data-theme="dark"] .checker-page .ck-metric::before { background: #3d8df0 !important; }
html[data-theme="dark"] .checker-page .ck-metric .metric-label,
html[data-theme="dark"] .checker-page .ck-key-facts dt,
html[data-theme="dark"] .checker-page .ck-chart-summary { color: #9fb9df !important; }
html[data-theme="dark"] .checker-page .ck-metric .metric-value,
html[data-theme="dark"] .checker-page .ck-key-facts dd,
html[data-theme="dark"] .checker-page .ck-panel h2,
html[data-theme="dark"] .checker-page .ck-panel h3 { color: #f1f6ff !important; }
html[data-theme="dark"] .checker-page .ck-model-check-table thead,
html[data-theme="dark"] .checker-page .ck-model-check-table thead th { background: #10284f !important; color: #a9c1e5 !important; border-color: rgba(148,190,248,.18) !important; }
html[data-theme="dark"] .checker-page .ck-model-check-table tbody { background: #0a1b38 !important; }
html[data-theme="dark"] .checker-page .ck-input-row input,
html[data-theme="dark"] .checker-page .ck-chat-select,
html[data-theme="dark"] .checker-page textarea { background: #07152d !important; color: #edf5ff !important; border-color: rgba(148,190,248,.2) !important; }

/* Status hero: lift the heading into the safe left-reading zone and restore contrast. */
.status-page .st-hero-content h1 { color: var(--cm-ink) !important; text-shadow: none !important; transform: translateY(-12px); margin-bottom: 18px !important; }
.status-page .st-hero-content p { color: var(--cm-muted) !important; }
html[data-theme="dark"] .status-page .st-hero-content h1 { color: #f0f6ff !important; }
html[data-theme="dark"] .status-page .st-hero-content p { color: #abc1e2 !important; }
html[data-theme="dark"] .status-page .st-summary-card,
html[data-theme="dark"] .status-page .st-server-card { background: rgba(10,28,57,.82) !important; border-color: rgba(148,190,248,.18) !important; }

/* A dark-specific mark removes the bright white logo square in navy navigation. */
html[data-theme="dark"] img[src$="codexmy-mark.svg"] { content: url("/static/codexmy-mark-dark.svg") !important; }
html[data-theme="dark"] .nav-brand-mark,
html[data-theme="dark"] .site-brand img,
html[data-theme="dark"] .brand-orbit img,
html[data-theme="dark"] .nav-brand-orbit img { background: transparent !important; box-shadow: none !important; }

/* Documentation command blocks: normal terminal paper in light, restrained navy in dark. */
html:not([data-theme="dark"]) .cmd { background: #f7faff !important; border-color: rgba(74,115,173,.18) !important; }
html:not([data-theme="dark"]) .cmdbar { background: #eaf2fb !important; color: #53709a !important; }
html:not([data-theme="dark"]) .cmd pre, html:not([data-theme="dark"]) .cmd code { background: transparent !important; color: #17335e !important; }
html[data-theme="dark"] .cmd { background: #07152d !important; border-color: rgba(148,190,248,.18) !important; }
html[data-theme="dark"] .cmdbar { background: #10284f !important; color: #b9cce9 !important; }
html[data-theme="dark"] .cmd pre, html[data-theme="dark"] .cmd code { background: transparent !important; color: #e7f0ff !important; }