.doc-page-wrapper.svelte-18jhgsm{grid-template-columns:1fr 180px;align-items:start;gap:48px;display:grid}.doc-toc.svelte-18jhgsm{flex-direction:column;gap:12px;display:flex;position:sticky;top:40px}.toc-heading.svelte-18jhgsm{text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);font-size:11px;font-weight:600}.toc-nav.svelte-18jhgsm{flex-direction:column;gap:8px;display:flex}.toc-nav.svelte-18jhgsm a:where(.svelte-18jhgsm){color:var(--text-soft);border-left:2px solid #0000;margin-left:-12px;padding:2px 0 2px 10px;font-size:13px;text-decoration:none;transition:color .1s,border-color .1s}.toc-nav.svelte-18jhgsm a:where(.svelte-18jhgsm):hover,.toc-nav.svelte-18jhgsm a.active:where(.svelte-18jhgsm){color:var(--text);border-left-color:var(--violet-500);font-weight:500}@media (width<=1100px){.doc-page-wrapper.svelte-18jhgsm{grid-template-columns:1fr}.doc-toc.svelte-18jhgsm{display:none}}.diagram-box.svelte-18jhgsm{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin:16px 0;padding:24px}.diagram-title.svelte-18jhgsm{text-transform:uppercase;letter-spacing:.07em;color:var(--text-mute);font-size:11px;font-weight:600;font-family:var(--font-mono);margin-bottom:20px}.diagram-flow.svelte-18jhgsm{justify-content:center;gap:32px;display:flex}.diagram-col.svelte-18jhgsm{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.diagram-label.svelte-18jhgsm{text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute);margin-bottom:4px;font-size:11px;font-weight:500}.diagram-node.svelte-18jhgsm{background:var(--bg-soft);border:1px solid var(--border);text-align:center;border-radius:8px;width:100%;padding:10px 20px;font-size:13px;font-weight:500}.diagram-node.ui.svelte-18jhgsm{border-color:var(--green-200);background:var(--green-50);color:var(--green-700)}.diagram-node.sdk.svelte-18jhgsm{border-color:var(--violet-100);background:var(--violet-50);color:var(--violet-700);font-family:var(--font-mono)}.diagram-node.shared.svelte-18jhgsm{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-700)}.diagram-arrow.svelte-18jhgsm{color:var(--text-mute);font-size:16px;line-height:1}.diagram-divider.svelte-18jhgsm{background:var(--border);align-self:stretch;width:1px}.diagram-footer.svelte-18jhgsm{justify-content:center;margin-top:16px;display:flex}.diagram-footer.svelte-18jhgsm .diagram-node:where(.svelte-18jhgsm){width:auto;min-width:300px}.section-cards.svelte-18jhgsm{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.section-cards.triple.svelte-18jhgsm{grid-template-columns:repeat(3,1fr)}.section-cards.quad.svelte-18jhgsm{grid-template-columns:repeat(2,1fr)}.hub-card.svelte-18jhgsm{margin-bottom:12px}.section-card.svelte-18jhgsm{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:16px;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:flex}.section-card.svelte-18jhgsm:hover{border-color:var(--violet-500);box-shadow:0 0 0 3px #7a5af81a}.section-card.highlight.svelte-18jhgsm{border-color:var(--blue-200);background:var(--blue-50)}.section-card.highlight.svelte-18jhgsm:hover{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61a}.section-icon.svelte-18jhgsm{margin-bottom:4px;font-size:20px}.section-label.svelte-18jhgsm{color:var(--text);font-size:14px;font-weight:600}.section-desc.svelte-18jhgsm{color:var(--text-mute);font-size:12.5px;line-height:1.4}@media (width<=700px){.diagram-flow.svelte-18jhgsm{flex-direction:column}.diagram-divider.svelte-18jhgsm{width:auto;height:1px}.section-cards.svelte-18jhgsm,.section-cards.triple.svelte-18jhgsm{grid-template-columns:1fr}}
