.docs-page { --text:#e6edf5; --muted:#a7b6c9; background:#0c1320; }
.docs-page [hidden] { display:none !important; }
.docs-shell { width:min(1320px,calc(100% - 64px)); }
.docs-topbar { border-bottom:1px solid #263347; padding-bottom:16px; }
.docs-hero { padding:40px 0; margin:0; border:0; background:none; box-shadow:none; }
.docs-hero h1 { font-size:clamp(2.5rem,5.5vw,4.7rem); letter-spacing:-.055em; line-height:1.08; }
.docs-hero .lede { max-width:680px; line-height:1.7; }
.docs-agent-callout { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,420px); gap:24px; margin-top:28px; padding:24px; border:1px solid #31596a; border-radius:16px; background:linear-gradient(135deg,#122b38,#10202e 72%); box-shadow:0 18px 40px rgba(0,0,0,.16); }
.docs-agent-callout h2 { margin:4px 0 8px; font-size:1.25rem; letter-spacing:-.02em; }
.docs-agent-callout p { margin:0; color:#c3cede; line-height:1.65; }
.docs-agent-callout .eyebrow { color:#8fe0c2; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; }
.docs-agent-steps { display:grid; gap:8px; margin:0; padding:0; list-style:none; align-content:center; }
.docs-agent-steps a { display:flex; align-items:center; gap:12px; color:var(--text); text-decoration:none; padding:12px 14px; border:1px solid #2a485a; border-radius:10px; background:#132a38; font-weight:650; }
.docs-agent-steps a:hover { border-color:var(--accent); background:#173b3b; }
.docs-agent-steps span { color:#8fe0c2; font:700 .75rem ui-monospace,SFMono-Regular,Consolas,monospace; }
.docs-start { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:28px; }
.docs-start a { color:var(--text); text-decoration:none; border:1px solid #2a3d50; background:#132131; padding:18px; border-radius:12px; font-weight:650; }
.docs-start span { display:block; color:var(--muted); font-size:.8rem; font-weight:400; margin-top:6px; }
.docs-start a:hover { border-color:var(--accent); background:#17302f; }
.docs-actions button { font-size:.85rem; }
.docs-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:44px; align-items:start; border-top:1px solid #263347; padding-top:32px; }
.docs-sidebar { position:sticky; top:20px; max-height:calc(100dvh - 40px); overflow:auto; padding-right:8px; }
.docs-sidebar label { display:block; font-size:.75rem; margin-bottom:8px; }
.docs-sidebar input { font-size:.83rem; padding:10px; }
#search-status { margin:8px 0; }
#guide-nav { display:grid; gap:3px; }
#guide-nav a { color:var(--muted); text-decoration:none; padding:8px 10px; border-left:2px solid transparent; font-size:.8rem; line-height:1.45; }
#guide-nav a:hover,#guide-nav a[aria-current] { border-color:var(--accent); color:var(--text); background:#182a36; border-radius:0 6px 6px 0; }
.docs-article { min-width:0; max-width:920px; line-height:1.8; font-size:.95rem; }
.guide-section { scroll-margin-top:24px; border-bottom:1px solid #263347; padding:0 0 32px; margin-bottom:36px; }
.guide-section h2 { font-size:1.65rem; line-height:1.3; letter-spacing:-.025em; }
.guide-section h3 { font-size:1.1rem; margin-top:28px; }
.guide-section p,.guide-section li { color:#c3cede; }
.guide-section li { padding-left:4px; margin:5px 0; }
.guide-section :not(pre)>code { font-size:.86em; color:#b7eddc; background:#19302e; padding:2px 5px; border-radius:4px; overflow-wrap:anywhere; }
.guide-code { margin:20px 0; border:1px solid #2a3a50; border-radius:10px; overflow:hidden; }
.guide-codebar { display:flex; justify-content:space-between; align-items:center; background:#192435; padding:8px 14px; font-size:.72rem; color:var(--muted); }
.guide-codebar button { padding:4px 10px; font-size:.75rem; background:#26384d; color:var(--text); }
.guide-code pre { padding:18px; margin:0; overflow:auto; background:#080f1b; font: .81rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; tab-size:2; }
.guide-table { overflow:auto; margin:20px 0; border:1px solid #29384d; border-radius:8px; }
.guide-table table { width:100%; border-collapse:collapse; text-align:left; font-size:.84rem; }
.guide-table th,.guide-table td { padding:12px 14px; border-bottom:1px solid #253448; min-width:140px; vertical-align:top; }
.guide-table th { background:#182536; color:var(--text); }
.guide-table tr:last-child td { border-bottom:0; }
.docs-page :focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.docs-skip { position:fixed; top:-80px; left:20px; z-index:20; background:var(--accent); color:#10201a; padding:12px; }
.docs-skip:focus { top:10px; }
@media(max-width:900px) { .docs-layout { grid-template-columns:210px minmax(0,1fr); gap:24px; } .docs-shell { width:calc(100% - 32px); } }
@media(max-width:700px) { .docs-layout { display:block; } .docs-sidebar { position:static; max-height:280px; margin-bottom:30px; border-bottom:1px solid #263347; padding-bottom:16px; } .docs-agent-callout { grid-template-columns:1fr; padding:18px; } .docs-start { grid-template-columns:1fr; } .docs-hero { padding:28px 0; } .guide-section h2 { font-size:1.35rem; } .docs-article { font-size:.92rem; } }