.markdown-prose{font-size:14.5px;line-height:1.8;color:var(--ds-text)}.markdown-prose>p:first-of-type:first-letter{float:left;font-size:3.2em;line-height:.8;font-weight:800;color:var(--ds-accent);margin-right:8px;margin-top:6px}.deep-dive-content .markdown-prose>p:first-of-type:first-letter{float:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;margin:0}.markdown-prose h1,.markdown-prose h2,.markdown-prose h3{font-weight:700;margin-top:1.5em;margin-bottom:.5em;color:var(--ds-ink);scroll-margin-top:calc(var(--ds-topbar-height) + 12px);letter-spacing:-.01em}.markdown-prose h1{font-size:clamp(1.5rem,4vw,1.75rem);padding-bottom:.4em;border-bottom:1px solid var(--ds-border-subtle)}.markdown-prose h2{font-size:1.3rem;padding-bottom:.4em;border-bottom:none;background-image:linear-gradient(90deg,var(--cat-from),var(--cat-to),transparent);background-size:100% 1px;background-position:bottom;background-repeat:no-repeat}.markdown-prose h3{font-size:1.1rem;display:flex;align-items:center;gap:8px}.markdown-prose h3:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cat-from);flex-shrink:0}.markdown-prose h2.md-seek,.markdown-prose h3.md-seek{cursor:pointer;transition:color .15s ease}.markdown-prose h2.md-seek:after,.markdown-prose h3.md-seek:after{content:"▶";font-size:.6em;margin-left:.5em;color:var(--cat-from);opacity:.5;vertical-align:middle;transition:opacity .15s ease}.markdown-prose h2.md-seek:hover,.markdown-prose h3.md-seek:hover{color:var(--cat-from)}.markdown-prose h2.md-seek:hover:after,.markdown-prose h3.md-seek:hover:after{opacity:1}.markdown-prose h2.md-seek:focus-visible,.markdown-prose h3.md-seek:focus-visible{outline:2px solid var(--cat-from);outline-offset:3px;border-radius:var(--ds-radius-sm)}.markdown-prose p{margin-bottom:.85em;color:var(--ds-text)}.markdown-prose ol,.markdown-prose ul{padding-left:1.5em;margin-bottom:.85em}.markdown-prose li{margin-bottom:.3em;color:var(--ds-text)}.markdown-prose strong{font-weight:600;color:var(--ds-ink)}.markdown-prose em{font-style:italic}.markdown-prose code{font-family:var(--font-mono,monospace);font-size:.85em;background:var(--ds-surface-sub);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-sm);padding:1px 5px}.markdown-prose pre{position:relative;background:var(--ds-surface-hover);border:1px solid var(--ds-border-subtle);border-radius:10px;padding:0;overflow:hidden;margin-bottom:1em}.markdown-prose pre code{display:block;padding:16px 18px;overflow-x:auto;background:none;border:none;font-size:13px;line-height:1.7}.code-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:768px){.code-pair-grid{grid-template-columns:1fr}}.code-triple-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width:768px){.code-triple-grid{grid-template-columns:1fr 1fr}.code-triple-grid>:last-child{grid-column:1/-1}}@media (max-width:480px){.code-triple-grid{grid-template-columns:1fr}.code-triple-grid>:last-child{grid-column:auto}}.live-preview-wrapper{display:flex;flex-direction:column;border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-md);overflow:hidden}.live-preview-wrapper iframe{flex:1;min-height:200px;background:var(--gray-1);border:none}.code-block-wrapper{position:relative;min-width:0;overflow:hidden;border-radius:var(--ds-radius-md)}.code-block-bar{display:flex;align-items:center;padding:8px 14px;background:linear-gradient(90deg,var(--ds-surface-sub),var(--ds-surface-hover));border-bottom:1px solid var(--ds-border-subtle);gap:8px}.code-block-dots{display:flex;gap:6px}.code-block-dots span{width:10px;height:10px;border-radius:50%}.code-block-dots span:first-child{background:var(--red-9)}.code-block-dots span:nth-child(2){background:var(--amber-9)}.code-block-dots span:nth-child(3){background:var(--green-9)}.code-playground-textarea{display:block;width:100%;margin:0;padding:16px;border:none;outline:none;resize:none;background:var(--ds-surface-hover);color:var(--ds-ink);font-size:var(--font-size-1);font-family:var(--font-mono,monospace);line-height:1.7;tab-size:2}.callout{padding:12px 16px;margin-bottom:16px;border-left:3px solid;border-radius:0 var(--ds-radius) var(--ds-radius) 0}.callout-speak{border-left-color:var(--violet-8)}.callout-warn{border-left-color:var(--orange-8);background:var(--orange-2)}.callout-tip{border-left-color:var(--blue-8);background:var(--blue-2)}.timing-badge{display:inline-block;padding:4px 12px;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--orange-11);background:var(--orange-3);border:1px solid var(--orange-6);border-radius:var(--ds-radius)}.code-block-lang{margin-left:auto;font-size:11px;font-weight:500;color:var(--gray-8);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono,monospace)}.markdown-prose blockquote{position:relative;border-left:3px solid var(--ds-accent-border);padding:12px 16px 12px 20px;color:var(--ds-text-muted);font-style:italic;margin-bottom:.85em;margin-left:0;background:rgba(255,255,255,.02);border-radius:0 var(--ds-radius-md) var(--ds-radius-md) 0}.markdown-prose blockquote:before{content:"\201C";position:absolute;top:-4px;left:6px;font-size:2.5em;color:var(--accent-5);line-height:1;font-style:normal}.markdown-prose blockquote.callout{border-left-width:4px;border-radius:var(--ds-radius-md);padding:14px 18px 14px 22px;font-style:normal}.markdown-prose blockquote.callout:before{display:none}.markdown-prose blockquote.callout--takeaway{border-left-color:var(--jade-9);background:var(--jade-a2)}.markdown-prose blockquote.callout--note{border-left-color:var(--blue-9);background:var(--blue-a2)}.markdown-prose blockquote.callout--warning{border-left-color:var(--amber-9);background:var(--amber-a2)}.markdown-prose blockquote.callout--tip{border-left-color:var(--violet-9);background:var(--violet-a2)}.markdown-prose hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--cat-from),var(--cat-to),transparent);margin:2em 0;opacity:.4}.markdown-prose table{border-collapse:collapse;width:100%;margin:1.25em 0;font-size:13px;display:block;overflow-x:auto}.markdown-prose td,.markdown-prose th{border:1px solid var(--ds-border-subtle);padding:.5em .75em;text-align:left;vertical-align:top}.markdown-prose th{background:var(--ds-surface-sub);font-weight:600;color:var(--ds-ink);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.markdown-prose tr:nth-child(2n) td{background:var(--ds-surface-hover)}.markdown-prose a{color:var(--ds-accent-text);text-decoration:underline;text-decoration-color:var(--accent-5);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}.markdown-prose a:hover{color:var(--accent-12);text-decoration-color:var(--ds-accent-text)}.markdown-prose pre code.hljs{color:var(--ds-ink)}.markdown-prose .hljs-comment,.markdown-prose .hljs-quote{color:var(--ds-text-muted);font-style:italic}.markdown-prose .hljs-doctag,.markdown-prose .hljs-keyword,.markdown-prose .hljs-literal,.markdown-prose .hljs-name,.markdown-prose .hljs-section,.markdown-prose .hljs-selector-tag,.markdown-prose .hljs-strong,.markdown-prose .hljs-type{color:var(--violet-11)}.markdown-prose .hljs-addition,.markdown-prose .hljs-meta .hljs-string,.markdown-prose .hljs-regexp,.markdown-prose .hljs-string{color:var(--green-11)}.markdown-prose .hljs-bullet,.markdown-prose .hljs-number,.markdown-prose .hljs-symbol{color:var(--amber-11)}.markdown-prose .hljs-built_in,.markdown-prose .hljs-title,.markdown-prose .hljs-title.class_,.markdown-prose .hljs-title.function_{color:var(--blue-11)}.markdown-prose .hljs-attr,.markdown-prose .hljs-attribute,.markdown-prose .hljs-params,.markdown-prose .hljs-property,.markdown-prose .hljs-selector-attr,.markdown-prose .hljs-selector-class,.markdown-prose .hljs-selector-id,.markdown-prose .hljs-template-variable,.markdown-prose .hljs-variable{color:var(--cyan-11)}.markdown-prose .hljs-deletion,.markdown-prose .hljs-meta,.markdown-prose .hljs-meta .hljs-keyword,.markdown-prose .hljs-tag{color:var(--orange-11)}.markdown-prose .sql-annot{text-decoration:underline dotted;text-underline-offset:3px;text-decoration-thickness:1px;cursor:help}.markdown-prose .hljs-emphasis{font-style:italic}.markdown-prose .hljs-strong{font-weight:600}