:root {
  --arctex-white: #FFFFFF;
  --arctex-neutral-50: #F9FAFB;
  --arctex-neutral-100: #F3F4F6;
  --arctex-neutral-200: #E5E7EB;
  --arctex-neutral-300: #D1D5DB;
  --arctex-neutral-400: #9CA3AF;
  --arctex-neutral-600: #4B5563;
  --arctex-neutral-800: #1F2937;
  --arctex-neutral-950: #111827;
  --arctex-blue: #2563EB;
  --arctex-blue-dark: #1D4ED8;
  --arctex-blue-on-dark: #60A5FA;
  --arctex-success: #15803D;
  --arctex-warning: #B45309;
  --arctex-error: #B91C1C;
  --arctex-space-1: 4px;
  --arctex-space-2: 8px;
  --arctex-space-3: 12px;
  --arctex-space-4: 16px;
  --arctex-space-6: 24px;
  --arctex-space-8: 32px;
  --arctex-space-12: 48px;
  --arctex-space-16: 64px;
  --arctex-radius-small: 6px;
  --arctex-radius-control: 8px;
  --arctex-radius-card: 12px;
  --arctex-header-height: 88px;
  --arctex-content-width: 1440px;
  --arctex-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --arctex-font-code: 'JetBrains Mono', ui-monospace, monospace;
  --arctex-background: var(--arctex-white);
  --arctex-layer: var(--arctex-neutral-50);
  --arctex-layer-2: var(--arctex-neutral-100);
  --arctex-text: var(--arctex-neutral-950);
  --arctex-muted: var(--arctex-neutral-600);
  --arctex-border: var(--arctex-neutral-200);
  --arctex-accent: var(--arctex-blue);
  --scalar-font: var(--arctex-font);
  --scalar-font-code: var(--arctex-font-code);
  --scalar-custom-header-height: var(--arctex-header-height);
}
:root:has(body.dark-mode) {
  --arctex-background: var(--arctex-neutral-950);
  --arctex-layer: var(--arctex-neutral-800);
  --arctex-layer-2: var(--arctex-neutral-800);
  --arctex-text: var(--arctex-neutral-50);
  --arctex-muted: var(--arctex-neutral-300);
  --arctex-border: var(--arctex-neutral-600);
  --arctex-accent: var(--arctex-blue-on-dark);
}
* { box-sizing: border-box; }
html { scroll-padding-top: var(--arctex-header-height); }
body { margin: 0; background: var(--arctex-background); color: var(--arctex-text); font-family: var(--arctex-font); font-size: 16px; line-height: 1.6; font-variant-numeric: tabular-nums; }
a, button { -webkit-tap-highlight-color: transparent; }
a { color: var(--arctex-accent); }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible, [role="tab"]:focus-visible { outline: 2px solid var(--arctex-accent) !important; outline-offset: 4px; }
.skip-link { position: fixed; top: var(--arctex-space-2); left: var(--arctex-space-4); z-index: 1000; padding: var(--arctex-space-3) var(--arctex-space-4); background: var(--arctex-background); border: 1px solid var(--arctex-accent); border-radius: var(--arctex-radius-control); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.masthead { position: sticky; top: 0; z-index: 100; height: var(--arctex-header-height); background: var(--arctex-background); border-bottom: 1px solid var(--arctex-border); }
.masthead-inner, .context-inner { width: min(100%, var(--arctex-content-width)); margin-inline: auto; padding-inline: var(--arctex-space-8); display: flex; align-items: center; justify-content: space-between; gap: var(--arctex-space-6); }
.masthead-inner { height: 100%; }
.brand { display: inline-flex; align-items: center; gap: var(--arctex-space-6); color: var(--arctex-text); text-decoration: none; flex-shrink: 0; }
.brand img { display: block; width: 168px; height: auto; }
.brand-divider { height: var(--arctex-space-6); width: 1px; background: var(--arctex-border); }
.brand-product { font-size: 16px; font-weight: 500; letter-spacing: -.01em; }
.logo-dark { display: none !important; }
:root:has(body.dark-mode) .logo-light { display: none; }
:root:has(body.dark-mode) .logo-dark { display: block !important; }
.top-nav { display: flex; align-items: center; gap: var(--arctex-space-6); height: 100%; }
.nav-link { display: inline-flex; align-items: center; justify-content: center; gap: var(--arctex-space-2); min-height: 44px; padding: var(--arctex-space-2) var(--arctex-space-1); color: var(--arctex-muted); text-decoration: none; font-size: 14px; font-weight: 500; position: relative; white-space: nowrap; }
.nav-link.current { color: var(--arctex-accent); }
.nav-link.current::after { content: ''; position: absolute; bottom: -22px; left: var(--arctex-space-1); right: var(--arctex-space-1); height: 2px; background: var(--arctex-accent); }
.nav-link:hover { color: var(--arctex-accent); }
.download-button { display: inline-flex; align-items: center; justify-content: center; gap: var(--arctex-space-2); min-height: 44px; padding: var(--arctex-space-2) var(--arctex-space-4); border: 1px solid var(--arctex-border); border-radius: var(--arctex-radius-control); color: var(--arctex-text); background: var(--arctex-background); font-weight: 500; font-size: 14px; text-decoration: none; }
.download-button:hover { background: var(--arctex-layer); border-color: var(--arctex-accent); }
.context-bar { background: var(--arctex-layer); border-bottom: 1px solid var(--arctex-border); }
.context-inner { min-height: var(--arctex-space-16); }
.breadcrumbs, .release { display: flex; align-items: center; gap: var(--arctex-space-3); font-size: 13px; }
.breadcrumbs { color: var(--arctex-muted); }
.breadcrumbs span:last-child { color: var(--arctex-text); }
.breadcrumb-separator { color: var(--arctex-neutral-400); }
.preview-badge { color: var(--arctex-accent); font-size: 12px; font-weight: 500; border: 1px solid var(--arctex-border); padding: var(--arctex-space-1) var(--arctex-space-2); border-radius: var(--arctex-radius-small); background: var(--arctex-background); }
.release-version { color: var(--arctex-muted); font-family: var(--arctex-font-code); font-size: 12px; }
#app { max-width: var(--arctex-content-width); margin-inline: auto; min-width: 0; }
#app h1 { font-size: 36px; font-weight: 600; line-height: 1.25; letter-spacing: -.035em; }
#app h2 { font-weight: 600; letter-spacing: -.025em; }
#app code, #app pre { font-variant-numeric: tabular-nums; }
#app .markdown p, #app .markdown ul, #app .markdown ol { line-height: 1.7; }
:root .light-mode, :root.light-mode, :root .dark-mode, :root.dark-mode {
  --scalar-font: var(--arctex-font);
  --scalar-font-code: var(--arctex-font-code);
  --scalar-color-1: var(--arctex-text);
  --scalar-color-2: var(--arctex-muted);
  --scalar-color-3: var(--arctex-muted);
  --scalar-color-accent: var(--arctex-accent);
  --scalar-background-1: var(--arctex-background);
  --scalar-background-2: var(--arctex-layer);
  --scalar-background-3: var(--arctex-layer-2);
  --scalar-background-card: var(--arctex-layer);
  --scalar-background-accent: var(--arctex-layer-2);
  --scalar-border-color: var(--arctex-border);
  --scalar-sidebar-background-1: var(--arctex-layer);
  --scalar-sidebar-color-1: var(--arctex-muted);
  --scalar-sidebar-color-2: var(--arctex-muted);
  --scalar-sidebar-color-active: var(--arctex-accent);
  --scalar-sidebar-border-color: var(--arctex-border);
  --scalar-sidebar-item-active-background: var(--arctex-background);
  --scalar-sidebar-item-hover-background: var(--arctex-background);
  --scalar-sidebar-item-hover-color: var(--arctex-text);
  --scalar-sidebar-search-background: var(--arctex-background);
  --scalar-sidebar-search-color: var(--arctex-muted);
  --scalar-sidebar-search-border-color: var(--arctex-border);
  --scalar-sidebar-font-weight: 400;
  --scalar-sidebar-font-weight-active: 500;
  --scalar-sidebar-width: 264px;
  --scalar-sidebar-padding: 16px;
  --scalar-radius: var(--arctex-radius-control);
  --scalar-radius-lg: var(--arctex-radius-card);
  --scalar-font-size-2: 16px;
  --scalar-font-size-3: 14px;
  --scalar-font-size-4: 13px;
}
@media (max-width: 760px) {
  :root { --arctex-header-height: 128px; }
  .masthead-inner { padding: var(--arctex-space-3) var(--arctex-space-4); flex-wrap: wrap; gap: var(--arctex-space-2); }
  .brand { height: 44px; gap: var(--arctex-space-4); }
  .brand img { width: 128px; height: auto; max-height: 40px; }
  .brand-product { font-size: 14px; }
  .top-nav { justify-content: space-between; width: 100%; height: 44px; gap: var(--arctex-space-2); }
  .nav-link { padding-inline: var(--arctex-space-2); font-size: 13px; }
  .nav-link.current::after { bottom: -8px; }
  .download-button { font-size: 13px; padding-inline: var(--arctex-space-3); }
  .context-inner { padding: var(--arctex-space-3) var(--arctex-space-4); min-height: 56px; gap: var(--arctex-space-2); flex-wrap: wrap; }
  .breadcrumbs { display: none; }
  .release { justify-content: space-between; width: 100%; }
  #app h1 { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
/* The kit's dark wordmark includes a navy canvas; match that canvas without altering the artwork. */
:root { --arctex-logo-navy: #092451; --arctex-syntax-purple: #6D28D9; }
body.dark-mode .masthead { background: var(--arctex-logo-navy); }
body.light-mode .request-card.dark-mode {
  --scalar-color-blue: var(--arctex-blue);
  --scalar-color-green: var(--arctex-success);
  --scalar-color-red: var(--arctex-error);
  --scalar-color-yellow: var(--arctex-warning);
  --scalar-color-orange: var(--arctex-warning);
  --scalar-color-purple: var(--arctex-syntax-purple);
}
/* Keep attribution, but omit unrelated generation promotions from the documentation. */
.explore-scalar-pill, .selected-client-action { display: none !important; }

.generate-sdk-button { display: none !important; }

.nav-label-short { display: none; }
@media (max-width: 600px) { .nav-label-full { display: none; } .nav-label-short { display: inline; } .top-nav svg { display: none; } }

.contract-label { color: var(--arctex-muted); font-size: 12px; }