@import url('/ui-primitives.css');
@import url('/design-tokens.css');
[hidden]{ display: none !important; }
:root{
  --docs-ink: var(--palette-ink-18);
  --docs-muted: var(--palette-muted-8);
  --docs-line: var(--palette-border-20);
  --docs-soft: var(--palette-accent-subtle-46);
  --docs-green: var(--palette-accent-27);
  --docs-green-soft: var(--palette-accent-subtle-47);
  --docs-purple: var(--palette-info-7);
  --docs-purple-soft: var(--palette-info-subtle-4);
  --docs-code: var(--palette-info-8);
  --docs-code-muted: var(--palette-info-9);
  --docs-header: 64px;
  --docs-sidebar: 268px;
  --docs-toc: 210px;
}
*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; scroll-padding-top: 90px; }
body{ margin: 0; color: var(--docs-ink); background: var(--palette-surface-1); font: 15px/1.68 var(--font-body); }
a{ color: inherit; text-decoration: none; }
code, pre{ font-family: var(--font-mono); }
.sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.docs-topbar{ position: sticky; z-index: 50; top: 0; height: var(--docs-header); display: flex; align-items: center; border-bottom: 1px solid var(--docs-line); background: var(--palette-surface-5); backdrop-filter: blur(14px); }
.docs-topbar-inner{ width: 100%; padding: 0 28px; display: flex; align-items: center; gap: 24px; }
.docs-brand{ display: inline-flex; align-items: center; gap: 10px; font: 700 18px/1 var(--font-display); letter-spacing: -.03em; }
.docs-brand-mark{ width: 30px; height: 30px; border-radius: 50%; background: var(--palette-ink-3) url('/brand-mark.svg') center / cover no-repeat; }
.docs-divider{ width: 1px; height: 22px; background: var(--docs-line); }
.docs-product{ font-weight: 600; color: var(--palette-muted-2); }
.docs-search{ width: min(440px, 38vw); margin-left: auto; position: relative; }
.docs-search svg{ position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--palette-muted-11); }
.search-key{ position: absolute; right: 10px; top: 9px; padding: 1px 7px; border: 1px solid var(--palette-border-21); border-radius: 5px; color: var(--palette-muted-11); background: var(--palette-surface-1); font-size: 11px; }
.docs-top-link{ font-weight: 600; font-size: 13px; }
.docs-top-link:hover{ text-decoration: underline; text-underline-offset: 4px; }
.docs-shell{ display: grid; grid-template-columns: var(--docs-sidebar) minmax(0, 1fr) var(--docs-toc); max-width: 1560px; margin: 0 auto; }
.docs-sidebar{ position: sticky; top: var(--docs-header); height: calc(100vh - var(--docs-header)); overflow-y: auto; padding: 28px 22px 44px 28px; border-right: 1px solid var(--docs-line); }
.sidebar-group{ margin: 0 0 27px; }
.sidebar-label{ display: block; margin: 0 0 8px 12px; color: var(--palette-muted-18); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.sidebar-link{ display: flex; align-items: center; gap: 8px; margin: 2px 0; padding: 7px 12px; border-radius: 7px; color: var(--palette-muted-10); font-size: 13px; line-height: 1.35; }
.sidebar-link:hover{ color: var(--palette-ink-6); background: var(--docs-soft); }
.sidebar-link.active{ color: var(--palette-ink-6); background: var(--palette-canvas-5); font-weight: 650; }
.sidebar-method{ width: 33px; flex: 0 0 33px; font: 700 9px/1 var(--font-mono); letter-spacing: .02em; }
.sidebar-method.get{ color: var(--palette-accent-28); }
.sidebar-method.post{ color: var(--palette-warning-7); }
.sidebar-method.patch{ color: var(--palette-info-10); }
.docs-main{ min-width: 0; padding: 66px clamp(34px, 5vw, 78px) 120px; }
.docs-content{ max-width: 840px; margin: 0 auto; }
.docs-article{ overflow-wrap: anywhere; padding: 0 0 72px; margin: 0 0 72px; border-bottom: 1px solid var(--docs-line); }
.docs-article:last-child{ border-bottom: 0; margin-bottom: 0; }
.docs-kicker{ display: flex; align-items: center; gap: 8px; margin-bottom: 18px; color: var(--docs-green); font-weight: 700; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.docs-kicker::before{ content: ''; width: 22px; height: 2px; background: currentColor; }
h1, h2, h3{ margin: 0; color: var(--palette-ink-6); font-family: var(--font-display); letter-spacing: -.035em; line-height: 1.18; }
h1{ max-width: 700px; font-size: clamp(42px, 6vw, 68px); }
h2{ font-size: 36px; }
h3{ margin-top: 38px; font-size: 21px; }
p{ margin: 15px 0; }
.docs-lead{ max-width: 730px; margin: 24px 0 28px; color: var(--palette-muted-10); font-size: 19px; line-height: 1.65; }
.docs-meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 26px 0 40px; }
.badge{ display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 3px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.badge::before{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.badge.available{ color: var(--palette-success-2); background: var(--palette-success-subtle-3); }
.badge.conditional{ color: var(--docs-purple); background: var(--docs-purple-soft); }
.badge.public{ color: var(--palette-warning-8); background: var(--palette-warning-subtle-6); }
.docs-updated{ color: var(--palette-muted-11); font-size: 12px; }
.quickstart-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 32px 0; counter-reset: quick; }
.quick-card{ counter-increment: quick; min-height: 160px; padding: 20px; border: 1px solid var(--docs-line); border-radius: 12px; }
.quick-card::before{ content: '0' counter(quick); display: block; margin-bottom: 30px; color: var(--palette-muted-18); font: 600 11px var(--font-mono); }
.quick-card strong{ display: block; margin-bottom: 5px; font: 700 15px var(--font-display); }
.quick-card p{ margin: 0; color: var(--docs-muted); font-size: 13px; }
.callout{ margin: 28px 0; padding: 19px 21px; border: 1px solid var(--docs-line); border-left: 3px solid var(--palette-border-22); border-radius: 8px; background: var(--docs-soft); }
.callout.warning{ border-left-color: var(--palette-warning-9); background: var(--palette-warning-subtle-5); }
.callout.success{ border-left-color: var(--palette-success-2); background: var(--palette-success-subtle-2); }
.callout-title{ display: block; margin-bottom: 5px; font-weight: 700; }
.callout p{ margin: 0; color: var(--palette-muted-10); font-size: 13px; }
.endpoint-head{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 27px 0 18px; }
.method{ display: inline-flex; align-items: center; height: 25px; padding: 0 8px; border-radius: 5px; font: 800 10px var(--font-mono); letter-spacing: .04em; }
.method.get{ color: var(--palette-accent-29); background: var(--palette-accent-subtle-48); }
.method.post{ color: var(--palette-warning-10); background: var(--palette-warning-subtle-7); }
.method.patch{ color: var(--palette-info-11); background: var(--palette-info-subtle-5); }
.endpoint-path{ overflow-wrap: anywhere; font: 600 14px var(--font-mono); }
.endpoint-summary{ color: var(--palette-muted-8); }
.code-panel{ overflow: hidden; margin: 24px 0 30px; border: 1px solid var(--palette-info-12); border-radius: 12px; background: var(--docs-code); color: var(--palette-canvas-6); box-shadow: 0 15px 40px var(--palette-shadow-15); }
.code-head{ min-height: 45px; display: flex; align-items: center; padding: 0 8px 0 16px; border-bottom: 1px solid var(--palette-info-13); color: var(--docs-code-muted); font: 11px var(--font-mono); }
.code-copy{flex-shrink:0;white-space:nowrap}
.code-tabs{ align-self: stretch; display: flex; gap: 3px; }
.code-panel pre{ overflow-x: auto; margin: 0; padding: 20px; color: var(--palette-info-subtle-6); font-size: 12px; line-height: 1.75; tab-size: 2; }
.code-panel code{ white-space: pre; }
.code-comment{ color: var(--palette-info-14); }
.code-key{ color: var(--palette-info-soft-2); }
.code-string{ color: var(--palette-accent-soft-17); }
.param-table{ width: 100%; margin: 24px 0 32px; border-collapse: collapse; font-size: 13px; }
.param-table th{ padding: 10px 12px; border-bottom: 1px solid var(--palette-border-7); color: var(--palette-muted-11); text-align: left; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.param-table td{ padding: 14px 12px; border-bottom: 1px solid var(--docs-line); vertical-align: top; }
.param-table td:first-child{ width: 29%; font-family: var(--font-mono); font-size: 12px; }
.param-table td:nth-child(2){ width: 20%; color: var(--palette-muted-8); }
.required{ margin-left: 5px; color: var(--palette-danger-5); font: 700 9px var(--font-body); text-transform: uppercase; }
.status-table td:first-child{ width: 16%; font-weight: 700; }
.concept-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 28px; }
.concept-card{ padding: 22px; border: 1px solid var(--docs-line); border-radius: 10px; }
.concept-card h3{ margin: 0 0 8px; font-size: 17px; }
.concept-card p{ margin: 0; color: var(--docs-muted); font-size: 13px; }
.state-lanes{ display: grid; gap: 9px; margin: 28px 0; }
.state-lane{ display: grid; grid-template-columns: 112px 1fr; gap: 16px; align-items: center; padding: 13px 15px; border: 1px solid var(--docs-line); border-radius: 8px; }
.state-lane strong{ font-size: 12px; }
.state-lane span{ color: var(--palette-muted-8); font: 11px/1.5 var(--font-mono); }
.docs-toc{ position: sticky; top: var(--docs-header); height: calc(100vh - var(--docs-header)); padding: 37px 22px 30px 16px; overflow-y: auto; }
.toc-title{ margin: 0 0 10px 10px; color: var(--palette-muted-18); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.toc-link{ display: block; padding: 5px 10px; border-left: 1px solid var(--docs-line); color: var(--palette-muted-11); font-size: 11px; line-height: 1.45; }
.toc-link:hover, .toc-link.active{ color: var(--palette-ink-6); border-left-color: var(--palette-border-12); }
.docs-empty{ display: none; padding: 48px 0; color: var(--palette-muted-8); text-align: center; }
.docs-empty.visible{ display: block; }
@media (max-width: 1160px){.docs-shell{ grid-template-columns: var(--docs-sidebar) minmax(0, 1fr); }
.docs-toc{ display: none; }}
@media (max-width: 800px){:root{ --docs-header: 58px; }
.docs-topbar-inner{ padding: 0 14px; gap: 11px; }
.docs-product, .docs-divider, .docs-top-link, .search-key{ display: none; }
.docs-search{ width: auto; flex: 1; }
.docs-shell{ display: block; }
.docs-sidebar{ position: fixed; z-index: 45; top: var(--docs-header); left: 0; width: min(310px, 88vw); height: calc(100vh - var(--docs-header)); transform: translateX(-101%); background: var(--palette-surface-2); box-shadow: 16px 0 40px var(--palette-shadow-6); transition: transform 180ms ease; }
.docs-sidebar.open{ transform: translateX(0); }
.docs-main{ padding: 46px 20px 90px; }
.docs-article{ padding-bottom: 56px; margin-bottom: 56px; }
h1{ font-size: 43px; }
h2{ font-size: 30px; }
.quickstart-grid, .concept-grid{ grid-template-columns: 1fr; }
.quick-card{ min-height: auto; }
.quick-card::before{ margin-bottom: 17px; }
.state-lane{ grid-template-columns: 1fr; gap: 5px; }
.param-table{ display: block; overflow-x: auto; }}
@media print{.docs-topbar, .docs-sidebar, .docs-toc{ display: none; }
.docs-shell{ display: block; }
.docs-main{ padding: 0; }
.docs-article{ break-inside: avoid; }}