.docs-layout{display:flex;gap:48px;max-width:var(--container-marketing);margin-inline:auto;padding-inline:24px;padding-block:48px;min-height:calc(100vh - 120px)}.docs-sidebar{width:220px;flex-shrink:0;position:sticky;top:48px;align-self:flex-start;max-height:calc(100vh - 96px);overflow-y:auto;padding-right:8px}.docs-sidebar nav{display:flex;flex-direction:column;gap:4px}.docs-sidebar a{display:block;padding:4px 8px;text-decoration:none;color:var(--muted-foreground);font-family:var(--font-serif);font-size:.95rem;border-radius:var(--radius-md)}.docs-sidebar a:hover,.docs-sidebar a:focus-visible{color:var(--primary);background:var(--secondary)}.docs-sidebar a.active{color:var(--primary);background:var(--secondary);font-weight:600}.docs-content{flex:1;min-width:0;max-width:740px}.docs-content h1{margin-bottom:24px}.docs-content h2{margin-top:48px;margin-bottom:16px}.docs-content h3{margin-top:32px;margin-bottom:8px}.docs-content p{margin-bottom:16px;color:var(--foreground)}.docs-content a{color:var(--primary)}.docs-content a:hover{color:color-mix(in oklab,var(--primary) 90%,white)}.docs-content ul,.docs-content ol{padding-left:32px;margin-bottom:16px}.docs-content li{margin-bottom:4px}.docs-content code{background:var(--muted);padding:.15em .4em;border-radius:var(--radius-md);font-size:.9em}.docs-content pre,.connection-picker__panel pre{position:relative;background:var(--brand-navy);color:var(--brand-cream);font-family:var(--font-mono);font-size:.875em;line-height:1.7;padding:16px 20px;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:16px}.docs-content pre code,.connection-picker__panel pre code{background:none;padding:0;color:inherit;font:inherit}.connection-picker__panel code{background:var(--muted);padding:.15em .4em;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9em}.docs-content table{width:100%;border-collapse:collapse;margin-bottom:16px}.docs-content th,.docs-content td{text-align:left;padding:8px 16px;border-bottom:1px solid var(--border)}.docs-content th{font-family:var(--font-sans);font-weight:600;color:var(--foreground)}.docs-content td{color:var(--muted-foreground)}.coming-soon{color:var(--muted-foreground);font-style:italic}.connection-picker{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);margin-block:24px 32px;overflow:hidden}.connection-picker__controls{display:flex;flex-wrap:wrap;gap:16px;padding:16px 24px;background:var(--secondary);border-bottom:1px solid var(--border)}.connection-picker__field{display:flex;flex-direction:column;gap:.25rem;font-family:var(--font-sans);font-size:.85rem;color:var(--muted-foreground);min-width:180px;flex:1}.connection-picker__field span{font-weight:600;letter-spacing:.02em;text-transform:uppercase}.connection-picker__field select{font:inherit;font-family:var(--font-sans);font-size:.95rem;color:var(--foreground);padding:.5rem .75rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer}.connection-picker__field select:focus-visible{outline:2px solid var(--ring);outline-offset:1px;border-color:var(--ring)}.connection-picker__tabs{display:flex;flex-wrap:wrap;gap:0;padding-inline:24px;border-bottom:1px solid var(--border);background:var(--background)}.connection-picker__tab{appearance:none;font:inherit;font-family:var(--font-sans);font-size:.95rem;color:var(--muted-foreground);background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 16px;margin-bottom:-1px;cursor:pointer}.connection-picker__tab:hover{color:var(--foreground)}.connection-picker__tab[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.connection-picker__tab:focus-visible{outline:2px solid var(--ring);outline-offset:-4px;border-radius:var(--radius-md)}.connection-picker__panels{padding:24px}.connection-picker__panel h3:first-child{margin-top:0}.connection-picker__panel h3{font-size:1.15rem}.connection-picker__panel :last-child{margin-bottom:0}@media(max-width:640px){.connection-picker__controls{flex-direction:column}.connection-picker__tabs{padding-inline:8px;overflow-x:auto;flex-wrap:nowrap}.connection-picker__tab{white-space:nowrap}}@media(max-width:768px){.docs-layout{flex-direction:column;gap:24px}.docs-sidebar{width:100%;position:static;max-height:none;overflow-y:visible;padding-right:0}.docs-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:4px}}