/* BlueNexus Docs — Design System */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600&family=Chivo+Mono:wght@400;500&display=swap');

:root {
  --cobalt: #225EEC;
  --cobalt-dark: #1A4BC4;
  --cobalt-light: rgba(34,94,236,0.06);
  --cobalt-bg: rgba(34,94,236,0.03);
  --sky: #598AFF;
  --sky-light: #F0F5FF;
  --white: #FFFFFF;
  --off-white: #F5F5F5;
  --light-gray: #E1E1E1;
  --mid-gray: #7E8699;
  --dark-gray: #293B66;
  --near-black: #0C1939;
  --green: #52B25B;
  --green-light: #E6F4E7;
  --amber: #FFB738;
  --amber-light: #FFF4D9;
  --red: #F1511C;
  --red-light: #FEF0EC;
  --gray-50: #FAFAFA;
  --gray-400: #B3BCC6;
  --radius: 14px;
  --radius-sm: 10px;
  --radius-lg: 20px;
  --shadow-sm: 0 1px 3px rgba(12,25,57,0.04), 0 1px 2px rgba(12,25,57,0.06);
  --shadow-md: 0 4px 16px rgba(34,94,236,0.06), 0 1px 3px rgba(12,25,57,0.04);
  --shadow-lg: 0 8px 30px rgba(34,94,236,0.08), 0 2px 6px rgba(12,25,57,0.04);
  /* Sidebar palette */
  --sidebar-bg: #F7F8FA;
  --sidebar-hover: rgba(34,94,236,0.04);
  --sidebar-active: rgba(34,94,236,0.08);
  --sidebar-text: #7E8699;
  --sidebar-text-hover: #293B66;
  --sidebar-heading: #7E8699;
  --sidebar-border: #E8EAF0;
}

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { font-family:'Manrope',-apple-system,sans-serif; color:var(--dark-gray); background:var(--white); -webkit-font-smoothing:antialiased; line-height:1.65; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }

/* ── HEADER (glassmorphism) ── */
.docs-header { position:fixed; top:0; left:0; right:0; height:56px; background:rgba(255,255,255,0.85); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-bottom:1px solid rgba(229,232,240,0.6); z-index:100; }
.docs-header-inner { display:flex; align-items:center; justify-content:space-between; height:100%; padding:0 24px; }
.docs-header-left { display:flex; align-items:center; gap:12px; }
.docs-header-logo { display:flex; align-items:center; gap:8px; font-family:'Inter',sans-serif; font-weight:600; font-size:14px; color:var(--near-black); text-decoration:none; }
.docs-header-logo img { height:22px; }
.docs-header-sep { color:var(--light-gray); font-weight:300; font-size:18px; }
.docs-header-label { color:var(--mid-gray); font-weight:500; }
.docs-header-right { display:flex; align-items:center; gap:16px; }
.docs-header-link { font-family:'Inter',sans-serif; font-size:13px; font-weight:500; color:var(--mid-gray); transition:color .15s; }
.docs-header-link:hover { color:var(--cobalt); }
.docs-header-cta { font-family:'Inter',sans-serif; font-size:13px; font-weight:600; color:var(--white); background:var(--cobalt); padding:7px 16px; border-radius:8px; transition:all .2s; box-shadow:0 1px 2px rgba(34,94,236,.15); }
.docs-header-cta:hover { background:var(--cobalt-dark); transform:translateY(-1px); box-shadow:0 3px 8px rgba(34,94,236,.2); }
.docs-menu-btn { display:none; background:none; border:none; cursor:pointer; color:var(--dark-gray); padding:4px; }

/* ── THREE-COLUMN LAYOUT ── */
.docs-layout { display:grid; grid-template-columns:260px 1fr; min-height:100vh; padding-top:56px; }
.has-toc .docs-layout { grid-template-columns:260px 1fr 200px; }

/* ── SIDEBAR ── */
.docs-sidebar { position:sticky; top:56px; height:calc(100vh - 56px); overflow-y:auto; background:var(--sidebar-bg); border-right:1px solid var(--sidebar-border); z-index:10; }
.docs-sidebar::-webkit-scrollbar { width:4px; }
.docs-sidebar::-webkit-scrollbar-track { background:transparent; }
.docs-sidebar::-webkit-scrollbar-thumb { background:rgba(0,0,0,.1); border-radius:2px; }
.docs-sidebar-nav { padding:16px 0 40px; }
.docs-sidebar-home { display:block; padding:10px 20px 14px; font-family:'Inter',sans-serif; font-weight:700; font-size:13px; color:var(--near-black); text-decoration:none; border-bottom:1px solid var(--sidebar-border); margin-bottom:8px; letter-spacing:.01em; }
.docs-sidebar-home:hover { color:var(--cobalt); }
.docs-sidebar-home.active { color:var(--cobalt); }
.docs-sidebar-section { margin-bottom:2px; }
.docs-sidebar-heading { display:flex; align-items:center; justify-content:space-between; width:100%; padding:8px 20px; font-family:'Inter',sans-serif; font-weight:600; font-size:11.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--sidebar-heading); background:none; border:none; cursor:pointer; text-align:left; transition:color .15s; }
.docs-sidebar-heading-label { display:flex; align-items:center; gap:6px; }
.docs-sidebar-icon { display:flex; align-items:center; opacity:.5; }
.docs-sidebar-section.open > .docs-sidebar-heading .docs-sidebar-icon { opacity:.75; }
.docs-sidebar-heading:hover { color:var(--near-black); }
.docs-sidebar-heading svg { transition:transform .2s; flex-shrink:0; color:var(--gray-400); }
.docs-sidebar-section.open > .docs-sidebar-heading svg { transform:rotate(90deg); color:var(--dark-gray); }
.docs-sidebar-items { display:none; padding-bottom:6px; }
.docs-sidebar-section.open > .docs-sidebar-items { display:block; }
.docs-sidebar-link { display:block; padding:6px 20px 6px 28px; font-family:'Inter',sans-serif; font-size:13px; color:var(--sidebar-text); text-decoration:none; border-left:2px solid transparent; margin-left:16px; transition:all .15s; border-radius:0 4px 4px 0; }
.docs-sidebar-link:hover { color:var(--sidebar-text-hover); background:var(--sidebar-hover); }
.docs-sidebar-link.active { color:var(--cobalt); font-weight:500; border-left-color:var(--cobalt); background:var(--sidebar-active); }
.docs-sidebar-link.sub { padding-left:36px; }
.docs-sidebar-subsection { margin-top:6px; }
.docs-sidebar-subheading { display:block; padding:4px 20px 4px 28px; font-family:'Inter',sans-serif; font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--mid-gray); margin-left:16px; }
.docs-sidebar-backdrop { display:none; }

/* ── MAIN CONTENT ── */
.docs-main { padding:40px 56px 80px; min-width:0; background:var(--white); }
.docs-article { max-width:780px; }

/* ── ON THIS PAGE (right rail TOC) ── */
.docs-toc { position:sticky; top:56px; height:calc(100vh - 56px); overflow-y:auto; padding:32px 16px 32px 0; }
.docs-toc-title { font-family:'Inter',sans-serif; font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--mid-gray); margin-bottom:12px; }
.docs-toc-list { list-style:none; }
.docs-toc-list li { margin-bottom:2px; }
.docs-toc-list a { display:block; padding:4px 0 4px 12px; font-family:'Inter',sans-serif; font-size:12.5px; color:var(--mid-gray); border-left:1.5px solid transparent; transition:all .15s; text-decoration:none; line-height:1.5; }
.docs-toc-list a:hover { color:var(--cobalt); }
.docs-toc-list a.active { color:var(--cobalt); border-left-color:var(--cobalt); font-weight:500; }
.docs-toc-list a.toc-h3 { padding-left:24px; font-size:12px; }

/* ── PROSE TYPOGRAPHY ── */
.docs-content { font-family:'Manrope',sans-serif; font-size:15.5px; color:var(--dark-gray); line-height:1.8; }
.docs-content h1 { font-family:'Inter',sans-serif; font-weight:700; font-size:36px; line-height:1.15; color:var(--near-black); letter-spacing:-.03em; margin:0 0 8px; }
.docs-content h1 + p { font-size:17px; color:var(--mid-gray); line-height:1.7; margin-bottom:32px; }
.docs-content h2 { font-family:'Inter',sans-serif; font-weight:700; font-size:24px; color:var(--near-black); letter-spacing:-.02em; margin:56px 0 16px; padding-bottom:10px; border-bottom:1px solid var(--light-gray); }
.docs-content h3 { font-family:'Inter',sans-serif; font-weight:600; font-size:19px; color:var(--near-black); letter-spacing:-.02em; margin:40px 0 12px; }
.docs-content h4 { font-family:'Inter',sans-serif; font-weight:600; font-size:15.5px; color:var(--near-black); margin:28px 0 8px; }
.docs-content p { margin-bottom:18px; }
.docs-content ul, .docs-content ol { margin-bottom:18px; padding-left:24px; }
.docs-content li { margin-bottom:6px; }
.docs-content li ul, .docs-content li ol { margin-top:6px; margin-bottom:6px; }
.docs-content a { color:var(--cobalt); text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(34,94,236,.3); transition:text-decoration-color .15s; }
.docs-content a:hover { text-decoration-color:var(--cobalt); }
.docs-content strong { color:var(--near-black); font-weight:600; }
.docs-content hr { border:none; border-top:1px solid var(--light-gray); margin:48px 0; }
.docs-content img { border-radius:var(--radius); margin:24px 0; max-width:100%; box-shadow:var(--shadow-sm); }

/* ── CALLOUT / ADMONITION BLOCKS ── */
.docs-content blockquote { position:relative; border:1px solid rgba(34,94,236,.15); border-left:3px solid var(--cobalt); border-radius:0 var(--radius-sm) var(--radius-sm) 0; padding:16px 20px; margin:24px 0; background:var(--sky-light); color:var(--dark-gray); font-style:normal; font-size:14.5px; line-height:1.7; }
.docs-content blockquote p:last-child { margin-bottom:0; }
.docs-content blockquote strong { color:var(--cobalt); }
/* Warning callouts — blockquotes starting with **Warning** */
.docs-content blockquote.warning,
.docs-content blockquote:has(strong:first-child) { border-left-color:var(--amber); background:var(--amber-light); border-color:rgba(255,183,56,.2); }
.docs-content blockquote.warning strong { color:#B8860B; }

/* ── CODE: inline ── */
.docs-content code { font-family:'Chivo Mono',monospace; font-size:13px; background:var(--off-white); padding:2px 7px; border-radius:5px; color:var(--near-black); border:1px solid rgba(0,0,0,.06); }

/* ── CODE: blocks ── */
.docs-content pre { position:relative; background:var(--gray-50); color:var(--near-black); border-radius:var(--radius-sm); padding:20px 24px; font-family:'Chivo Mono',monospace; font-size:13px; line-height:1.65; overflow-x:auto; margin:24px 0; border:1px solid var(--light-gray); }
.docs-content pre code { background:none; padding:0; color:inherit; font-size:inherit; border-radius:0; border:none; }
/* Copy button (injected via JS) */
.code-copy { position:absolute; top:8px; right:8px; background:var(--white); border:1px solid var(--light-gray); color:var(--mid-gray); padding:5px 10px; border-radius:6px; font-family:'Inter',sans-serif; font-size:11px; font-weight:500; cursor:pointer; transition:all .15s; letter-spacing:.01em; }
.code-copy:hover { border-color:var(--cobalt); color:var(--cobalt); }
.code-copy.copied { background:var(--green-light); color:var(--green); border-color:rgba(82,178,91,.3); }

/* ── TABLES ── */
.docs-content table { width:100%; border-collapse:collapse; margin:24px 0; font-size:14px; border:1px solid var(--light-gray); border-radius:var(--radius-sm); overflow:hidden; }
.docs-content thead { background:var(--gray-50); }
.docs-content th { font-family:'Inter',sans-serif; font-weight:600; text-align:left; padding:11px 16px; border-bottom:2px solid var(--light-gray); color:var(--near-black); font-size:13px; }
.docs-content td { padding:11px 16px; border-bottom:1px solid var(--light-gray); vertical-align:top; }
.docs-content td code { font-size:12px; }
.docs-content tr:last-child td { border-bottom:none; }
.docs-content tbody tr:hover { background:var(--cobalt-bg); }

/* ── HTTP METHOD BADGES ── */
.method-badge { display:inline-block; padding:2px 8px; border-radius:4px; font-family:'Chivo Mono',monospace; font-size:11px; font-weight:500; letter-spacing:.02em; margin-right:4px; }
.method-get { background:rgba(82,178,91,.1); color:#2E8B3E; }
.method-post { background:rgba(34,94,236,.08); color:var(--cobalt); }
.method-put { background:rgba(255,183,56,.12); color:#B8860B; }
.method-delete { background:rgba(241,81,28,.08); color:var(--red); }

/* ── PREV / NEXT ── */
.docs-prev-next { display:flex; justify-content:space-between; gap:16px; margin-top:64px; padding-top:28px; border-top:1px solid var(--light-gray); }
.docs-prev-next-link { display:flex; flex-direction:column; gap:4px; padding:16px 20px; border:1px solid var(--light-gray); border-radius:var(--radius-sm); text-decoration:none !important; transition:all .2s; min-width:0; max-width:48%; }
.docs-prev-next-link:hover { border-color:var(--cobalt); box-shadow:var(--shadow-md); transform:translateY(-2px); }
.docs-prev-next-link.next { align-items:flex-end; text-align:right; margin-left:auto; }
.docs-prev-next-label { font-family:'Inter',sans-serif; font-size:11px; font-weight:600; color:var(--mid-gray); text-transform:uppercase; letter-spacing:.06em; }
.docs-prev-next-title { font-family:'Inter',sans-serif; font-size:14px; font-weight:600; color:var(--cobalt); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ── LANDING PAGE ── */
.docs-landing { max-width:780px; }
.docs-landing-hero { background:linear-gradient(135deg,#0C1939 0%,#225EEC 45%,#598AFF 100%); border-radius:var(--radius-lg); padding:40px 36px; margin-bottom:24px; position:relative; overflow:hidden; }
.docs-landing-hero::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(ellipse at 30% 20%,rgba(89,138,255,.15) 0%,transparent 60%); pointer-events:none; }
.docs-landing-hero h1 { font-family:'Inter',sans-serif; font-weight:700; font-size:32px; line-height:1.2; color:var(--white); letter-spacing:-.03em; margin:0 0 10px; position:relative; }
.docs-landing-hero > p { font-size:15px; color:rgba(255,255,255,.65); line-height:1.6; margin-bottom:24px; position:relative; max-width:600px; }
.docs-landing-endpoint { font-family:'Chivo Mono',monospace; font-size:13.5px; background:rgba(0,0,0,.25); color:rgba(255,255,255,.8); padding:12px 18px; border-radius:8px; border:1px solid rgba(255,255,255,.1); position:relative; display:inline-block; }
/* AI Skills Card */
.docs-ai-card { border:1px solid var(--light-gray); border-radius:var(--radius); overflow:hidden; margin-bottom:32px; }
.docs-ai-card-header { display:flex; align-items:flex-start; gap:14px; padding:20px 24px 16px; background:var(--gray-50); border-bottom:1px solid var(--light-gray); }
.docs-ai-card-header svg { flex-shrink:0; color:var(--cobalt); margin-top:1px; }
.docs-ai-card-header h3 { font-family:'Inter',sans-serif; font-weight:700; font-size:15px; color:var(--near-black); margin:0 0 3px; }
.docs-ai-card-header p { font-size:13.5px; color:var(--mid-gray); margin:0; line-height:1.5; }
.docs-ai-card-prompt { display:flex; align-items:center; gap:12px; background:var(--gray-50); padding:14px 18px; border-top:1px solid var(--light-gray); border-bottom:1px solid var(--light-gray); }
.docs-ai-card-prompt code { font-family:'Chivo Mono',monospace; font-size:13px; color:var(--near-black); flex:1; background:none; border:none; padding:0; line-height:1.5; }
.docs-ai-card-prompt button { background:var(--white); border:1px solid var(--light-gray); color:var(--mid-gray); padding:6px 14px; border-radius:6px; font-family:'Inter',sans-serif; font-size:12px; font-weight:500; cursor:pointer; transition:all .15s; white-space:nowrap; flex-shrink:0; }
.docs-ai-card-prompt button:hover { border-color:var(--cobalt); color:var(--cobalt); }
.docs-ai-card-footer { display:flex; gap:20px; padding:12px 24px; background:var(--white); border-top:1px solid var(--light-gray); }
.docs-ai-card-footer a { font-family:'Inter',sans-serif; font-size:13px; font-weight:500; color:var(--cobalt); text-decoration:none; transition:opacity .15s; }
.docs-ai-card-footer a:hover { opacity:.7; }

.docs-landing-paths { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:40px; }
.docs-landing-card { padding:24px; border:1px solid var(--light-gray); border-radius:var(--radius); text-decoration:none; transition:all .2s; background:var(--white); }
.docs-landing-card:hover { border-color:var(--cobalt); box-shadow:var(--shadow-md); transform:translateY(-2px); }
.docs-landing-card h3 { font-family:'Inter',sans-serif; font-weight:700; font-size:17px; color:var(--near-black); margin:0 0 8px; }
.docs-landing-card p { font-size:14px; color:var(--mid-gray); margin:0 0 16px; line-height:1.6; }
.docs-landing-card .docs-card-label { font-family:'Inter',sans-serif; font-size:12px; font-weight:600; color:var(--cobalt); text-transform:uppercase; letter-spacing:.04em; }
.docs-landing-section { margin-bottom:36px; }
.docs-landing-section h2 { font-family:'Inter',sans-serif; font-weight:700; font-size:18px; color:var(--near-black); margin:0 0 14px; letter-spacing:-.01em; }
.docs-landing-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
.docs-landing-grid a { display:block; padding:14px 16px; border:1px solid var(--light-gray); border-radius:var(--radius-sm); font-family:'Inter',sans-serif; font-size:13.5px; font-weight:500; color:var(--dark-gray); text-decoration:none; transition:all .2s; }
.docs-landing-grid a:hover { border-color:var(--cobalt); color:var(--cobalt); background:var(--cobalt-bg); transform:translateY(-1px); box-shadow:var(--shadow-sm); }

/* ── PAGE HERO ── */
.docs-hero { margin-bottom:32px; }
.docs-hero h1 { font-family:'Inter',sans-serif; font-weight:700; font-size:36px; line-height:1.15; color:var(--near-black); letter-spacing:-.03em; margin:0 0 10px; }
.docs-hero p { font-size:17px; color:var(--mid-gray); line-height:1.7; max-width:600px; margin:0; }
.docs-hero .docs-badge { margin-bottom:12px; }

/* ── BADGES ── */
.docs-badge { display:inline-block; padding:4px 12px; border-radius:20px; font-family:'Inter',sans-serif; font-size:12px; font-weight:600; letter-spacing:.01em; }
.docs-badge-blue { background:rgba(34,94,236,.08); color:var(--cobalt); }
.docs-badge-green { background:var(--green-light); color:var(--green); }
.docs-badge-amber { background:var(--amber-light); color:#B8860B; }
.docs-badge-purple { background:rgba(124,77,255,.08); color:#7C4DFF; }

/* ── STEP COMPONENTS ── */
.docs-steps { margin:24px 0; }
.docs-step { display:flex; gap:16px; padding:20px 0; border-bottom:1px solid var(--light-gray); }
.docs-step:last-child { border-bottom:none; }
.docs-step-num { width:34px; height:34px; border-radius:50%; background:rgba(34,94,236,.08); display:flex; align-items:center; justify-content:center; font-family:'Inter',sans-serif; font-weight:600; font-size:14px; color:var(--cobalt); flex-shrink:0; }
.docs-step-body { flex:1; min-width:0; }
.docs-step-body h4 { font-family:'Inter',sans-serif; font-weight:600; font-size:15px; color:var(--near-black); margin:0 0 4px; }
.docs-step-body p { font-size:14px; color:var(--mid-gray); line-height:1.6; margin:0; }
.docs-step-body pre { margin:12px 0 0; }
.docs-step-body code { font-size:12.5px; }

/* ── TABBED CODE BLOCKS ── */
.docs-tabs { margin:24px 0; border:1px solid var(--light-gray); border-radius:var(--radius-sm); overflow:hidden; }
.docs-tabs-bar { display:flex; background:var(--gray-50); border-bottom:1px solid var(--light-gray); overflow-x:auto; }
.docs-tabs-bar button { padding:9px 18px; font-family:'Inter',sans-serif; font-size:13px; font-weight:500; color:var(--mid-gray); background:none; border:none; border-bottom:2px solid transparent; cursor:pointer; white-space:nowrap; transition:all .15s; }
.docs-tabs-bar button:hover { color:var(--near-black); }
.docs-tabs-bar button.active { color:var(--cobalt); border-bottom-color:var(--cobalt); background:var(--white); }
.docs-tab-panel { display:none; }
.docs-tab-panel.active { display:block; }
.docs-tab-panel pre { margin:0; border:none; border-radius:0; }

/* ── API ENDPOINT BLOCKS ── */
.docs-endpoint { margin:24px 0; border:1px solid var(--light-gray); border-radius:var(--radius-sm); overflow:hidden; }
.docs-endpoint-header { display:flex; align-items:center; gap:10px; padding:14px 18px; background:var(--gray-50); border-bottom:1px solid var(--light-gray); }
.docs-endpoint-method { display:inline-block; padding:3px 10px; border-radius:4px; font-family:'Chivo Mono',monospace; font-size:12px; font-weight:500; letter-spacing:.02em; }
.docs-endpoint-method.get { background:rgba(82,178,91,.1); color:#2E8B3E; }
.docs-endpoint-method.post { background:rgba(34,94,236,.08); color:var(--cobalt); }
.docs-endpoint-method.put { background:rgba(255,183,56,.12); color:#B8860B; }
.docs-endpoint-method.delete { background:rgba(241,81,28,.08); color:var(--red); }
.docs-endpoint-path { font-family:'Chivo Mono',monospace; font-size:14px; font-weight:500; color:var(--near-black); }
.docs-endpoint-meta { display:flex; gap:12px; padding:0 18px; margin:10px 0; flex-wrap:wrap; }
.docs-endpoint-tag { font-family:'Inter',sans-serif; font-size:11.5px; color:var(--mid-gray); background:var(--off-white); padding:3px 8px; border-radius:4px; }
.docs-endpoint-desc { padding:12px 18px; font-size:14px; color:var(--mid-gray); line-height:1.6; border-bottom:1px solid var(--light-gray); }
.docs-endpoint-body { padding:0; }
.docs-endpoint-body pre { margin:0; border:none; border-radius:0; }

/* ── COLLAPSIBLE SECTIONS ── */
.docs-collapse { border:1px solid var(--light-gray); border-radius:var(--radius-sm); margin:16px 0; overflow:hidden; }
.docs-collapse-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; padding:12px 18px; font-family:'Inter',sans-serif; font-size:14px; font-weight:500; color:var(--near-black); background:var(--gray-50); border:none; cursor:pointer; text-align:left; }
.docs-collapse-trigger svg { transition:transform .2s; color:var(--mid-gray); }
.docs-collapse.open .docs-collapse-trigger svg { transform:rotate(90deg); }
.docs-collapse-body { display:none; }
.docs-collapse.open .docs-collapse-body { display:block; }
.docs-collapse-body pre { margin:0; border:none; border-radius:0; border-top:1px solid var(--light-gray); }

/* ── CALLOUT BOXES (component version) ── */
.docs-callout { display:flex; gap:12px; padding:16px 20px; border-radius:var(--radius-sm); margin:24px 0; font-size:14px; line-height:1.6; }
.docs-callout-icon { flex-shrink:0; margin-top:1px; }
.docs-callout-body { flex:1; }
.docs-callout-body p { margin:0; }
.docs-callout-body p + p { margin-top:8px; }
.docs-callout-info { background:var(--sky-light); border:1px solid rgba(34,94,236,.12); color:var(--dark-gray); }
.docs-callout-info .docs-callout-icon { color:var(--cobalt); }
.docs-callout-warning { background:var(--amber-light); border:1px solid rgba(255,183,56,.2); color:var(--dark-gray); }
.docs-callout-warning .docs-callout-icon { color:#B8860B; }
.docs-callout-tip { background:var(--green-light); border:1px solid rgba(82,178,91,.15); color:var(--dark-gray); }
.docs-callout-tip .docs-callout-icon { color:var(--green); }

/* ── CONTENT GRIDS ── */
.docs-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:24px 0; }
.docs-grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; margin:24px 0; }
.docs-card { background:var(--white); border:1px solid var(--light-gray); border-radius:var(--radius); padding:24px; transition:all .2s; }
.docs-card:hover { border-color:rgba(34,94,236,.15); box-shadow:var(--shadow-md); transform:translateY(-2px); }
.docs-card h4 { font-family:'Inter',sans-serif; font-weight:600; font-size:16px; color:var(--near-black); margin:0 0 6px; }
.docs-card p { font-size:14px; color:var(--mid-gray); line-height:1.6; margin:0; }
.docs-card-link { text-decoration:none; display:block; }
.docs-card-cta { font-family:'Inter',sans-serif; font-size:13px; font-weight:500; color:var(--cobalt); margin-top:12px; }

/* ── PATH CARDS (from website) ── */
.docs-path-card { text-decoration:none; display:block; padding:28px; border-width:2px; border-style:solid; border-radius:var(--radius); transition:all .2s; }
.docs-path-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-md); }
.docs-path-card-core { border-color:rgba(34,94,236,.12); background:linear-gradient(135deg,rgba(34,94,236,.02),rgba(89,138,255,.04)); }
.docs-path-card-green { border-color:rgba(82,178,91,.12); background:linear-gradient(135deg,rgba(82,178,91,.02),rgba(82,178,91,.04)); }
.docs-path-card h3 { font-family:'Inter',sans-serif; font-weight:700; font-size:18px; color:var(--near-black); margin:0 0 8px; }
.docs-path-card p { font-size:14px; color:var(--mid-gray); line-height:1.6; margin:0 0 12px; }
.docs-path-card-cta { font-family:'Inter',sans-serif; font-size:13px; font-weight:500; color:var(--cobalt); }

/* ── FLOW DIAGRAM ── */
.docs-flow { display:flex; flex-direction:column; align-items:center; gap:0; margin:32px 0; }
.docs-flow-node { padding:12px 24px; border-radius:var(--radius-sm); font-family:'Inter',sans-serif; font-size:13px; font-weight:500; text-align:center; min-width:200px; position:relative; }
.docs-flow-node-primary { background:var(--cobalt); color:var(--white); }
.docs-flow-node-default { background:var(--gray-50); border:1px solid var(--light-gray); color:var(--near-black); }
.docs-flow-node-highlight { background:var(--sky-light); border:1px solid rgba(34,94,236,.15); color:var(--cobalt); }
.docs-flow-node-green { background:var(--green-light); border:1px solid rgba(82,178,91,.15); color:#2E8B3E; }
.docs-flow-node-label { font-size:11px; font-weight:400; display:block; margin-top:2px; color:inherit; opacity:.65; }
.docs-flow-arrow { width:2px; height:24px; background:var(--light-gray); position:relative; }
.docs-flow-arrow::after { content:''; position:absolute; bottom:-4px; left:-4px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid var(--light-gray); }
.docs-flow-branch { display:flex; gap:16px; align-items:flex-start; }
.docs-flow-branch-col { display:flex; flex-direction:column; align-items:center; gap:0; }
.docs-flow-label { font-family:'Chivo Mono',monospace; font-size:11px; color:var(--mid-gray); padding:4px 0; }

/* ── SEQUENCE DIAGRAM ── */
.docs-sequence { margin:32px 0; border:1px solid var(--light-gray); border-radius:var(--radius-sm); overflow:hidden; }
.docs-sequence-header { display:grid; grid-template-columns:1fr 1fr; text-align:center; background:var(--gray-50); border-bottom:1px solid var(--light-gray); }
.docs-sequence-header span { font-family:'Inter',sans-serif; font-size:13px; font-weight:600; color:var(--near-black); padding:10px; }
.docs-sequence-body { padding:0; }
.docs-sequence-row { display:grid; grid-template-columns:1fr 1fr; min-height:36px; align-items:center; border-bottom:1px solid var(--light-gray); }
.docs-sequence-row:last-child { border-bottom:none; }
.docs-sequence-row.right-arrow { background:linear-gradient(90deg,transparent 5%,rgba(34,94,236,.04) 50%,transparent 95%); }
.docs-sequence-row.left-arrow { background:linear-gradient(270deg,transparent 5%,rgba(82,178,91,.04) 50%,transparent 95%); }
.docs-sequence-row.event { background:rgba(255,183,56,.04); }
.docs-sequence-msg { font-family:'Chivo Mono',monospace; font-size:12px; padding:8px 14px; line-height:1.4; }
.docs-sequence-msg.from-left { color:var(--cobalt); text-align:right; }
.docs-sequence-msg.from-right { color:var(--green); text-align:left; }
.docs-sequence-msg.center { grid-column:1 / -1; text-align:center; color:var(--mid-gray); font-family:'Inter',sans-serif; font-size:12px; font-style:italic; }

/* ── PROMPT CARDS (copyable on hover) ── */
.docs-prompt-card { position:relative; background:var(--white); border:1px solid var(--light-gray); border-radius:var(--radius); padding:20px 24px; transition:all .2s; cursor:pointer; }
.docs-prompt-card:hover { border-color:var(--cobalt); box-shadow:var(--shadow-md); transform:translateY(-2px); }
.docs-prompt-card p { font-size:14px; color:var(--dark-gray); line-height:1.6; margin:0; }
.docs-prompt-card-copy { position:absolute; top:10px; right:10px; background:var(--white); border:1px solid var(--light-gray); color:var(--mid-gray); padding:4px 10px; border-radius:5px; font-family:'Inter',sans-serif; font-size:11px; font-weight:500; opacity:0; transition:all .15s; pointer-events:none; }
.docs-prompt-card:hover .docs-prompt-card-copy { opacity:1; pointer-events:auto; }
.docs-prompt-card:hover .docs-prompt-card-copy:hover { border-color:var(--cobalt); color:var(--cobalt); }
.docs-prompt-card-copy.copied { background:var(--green-light); color:var(--green); border-color:rgba(82,178,91,.3); opacity:1; }

/* ── CHANGELOG TIMELINE ── */
.docs-changelog-version { margin:40px 0 24px; padding-bottom:12px; border-bottom:1px solid var(--light-gray); display:flex; align-items:baseline; gap:12px; }
.docs-changelog-version:first-child { margin-top:0; }
.docs-changelog-version h2 { font-family:'Inter',sans-serif; font-weight:700; font-size:22px; color:var(--near-black); margin:0; border:none; padding:0; }
.docs-changelog-date { font-family:'Inter',sans-serif; font-size:13px; color:var(--mid-gray); }
.docs-changelog-section h3 { font-family:'Inter',sans-serif; font-weight:600; font-size:15px; color:var(--near-black); margin:20px 0 10px; }
.docs-changelog-section ul { padding-left:20px; margin:0 0 16px; }
.docs-changelog-section li { font-size:14px; color:var(--dark-gray); line-height:1.65; margin-bottom:6px; }
.docs-changelog-section li strong { color:var(--near-black); }

/* ── RESPONSIVE ── */
@media (max-width:1100px) {
  .has-toc .docs-layout { grid-template-columns:260px 1fr; }
  .docs-toc { display:none; }
}
@media (max-width:768px) {
  .docs-header-inner { padding:0 16px; }
  .docs-menu-btn { display:flex; }
  .docs-layout { grid-template-columns:1fr; }
  .has-toc .docs-layout { grid-template-columns:1fr; }
  .docs-sidebar { position:fixed; left:-280px; top:56px; width:260px; height:calc(100vh - 56px); z-index:90; transition:left .25s ease; box-shadow:none; }
  .docs-sidebar.open { left:0; box-shadow:4px 0 24px rgba(12,25,57,.12); }
  .docs-sidebar-backdrop { position:fixed; inset:0; top:56px; background:rgba(12,25,57,.3); z-index:80; }
  .docs-sidebar-backdrop.open { display:block; }
  .docs-main { padding:24px 20px 60px; }
  .docs-content h1 { font-size:28px; }
  .docs-content h2 { font-size:20px; }
  .docs-toc { display:none; }
  .docs-prev-next { flex-direction:column; }
  .docs-prev-next-link { max-width:100%; }
  .docs-prev-next-link.next { align-items:flex-start; text-align:left; }
  .docs-landing-hero { padding:28px 24px; }
  .docs-landing-hero h1 { font-size:24px; }
  .docs-ai-card-header { flex-direction:column; }
  .docs-ai-card-prompt code { font-size:11.5px; }
  .docs-landing-paths { grid-template-columns:1fr; }
  .docs-landing-grid { grid-template-columns:1fr; }
  .docs-hero h1 { font-size:28px; }
  .docs-grid-2, .docs-grid-3 { grid-template-columns:1fr; }
  .docs-endpoint-header { flex-wrap:wrap; }
}