.cdt-doc{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 180px;max-width:1120px;display:grid}.cdt-article{min-width:0}.cdt-crumb{align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:var(--color-muted);font-family:var(--font-mono);flex-wrap:wrap;display:flex}.cdt-crumb a{color:var(--color-muted);transition:color var(--dur-fast) var(--ease-out-expo);text-decoration:none}.cdt-crumb a:hover,.cdt-crumb a:focus-visible{color:var(--color-fg)}.cdt-crumb-sep{opacity:.5}.cdt-crumb-here{color:var(--color-muted)}.cdt-head{align-items:center;gap:var(--space-3);margin:var(--space-3) 0 var(--space-2);flex-wrap:wrap;display:flex}.cdt-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-fg);margin:0}.cdt-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid;padding:2px 10px;font-size:10px}.cdt-badge--stable{color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 40%, transparent)}.cdt-badge--beta{color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 45%, transparent)}.cdt-badge--soon,.cdt-badge--rsc{color:var(--color-muted);border-color:var(--color-border)}.cdt-lede{color:var(--color-muted);font-size:var(--fs-sm);max-width:62ch;margin:0;line-height:1.65}.cdt-import-line{margin-top:var(--space-4);align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-muted);background:color-mix(in srgb, var(--color-surface-alt) 80%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);max-width:100%;display:flex;overflow-x:auto}.cdt-import-line code{white-space:nowrap;color:var(--color-fg)}.cdt-import-copy{flex-shrink:0;margin-left:auto}.cdt-section{margin-top:var(--space-7);scroll-margin-top:var(--space-6)}.cdt-section-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--color-fg);padding-bottom:var(--space-3);margin:0 0 var(--space-4);border-bottom:1px solid color-mix(in srgb, var(--color-border) 60%, transparent)}.cdt-playground{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.cdt-playground-stage{min-height:160px;padding:var(--space-6);background:color-mix(in srgb, var(--color-bg) 80%, transparent);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;display:flex}.cdt-playground-code{padding:var(--space-4) var(--space-5);background:color-mix(in srgb, var(--color-surface-alt) 70%, transparent)}.cdt-playground-note{font-size:var(--fs-xs);color:var(--color-muted);margin:0 0 var(--space-3)}.cdt-code-copy-row{margin-bottom:var(--space-2);justify-content:flex-end;display:flex}.cdt-copy-btn{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--color-muted);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out-expo), border-color var(--dur-fast) var(--ease-out-expo);padding:4px 12px}.cdt-copy-btn:hover{color:var(--color-fg);border-color:var(--color-border-strong)}.cdt-copy-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cdt-copy-btn--ok{color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 40%, transparent)}.cdt-related{gap:var(--space-2);flex-wrap:wrap;display:flex}.cdt-related-chip{font-size:var(--fs-sm);color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);transition:color var(--dur-fast) var(--ease-out-expo), border-color var(--dur-fast) var(--ease-out-expo);text-decoration:none}.cdt-related-chip:hover,.cdt-related-chip:focus-visible{color:var(--color-fg);border-color:var(--color-border-strong)}.cdt-pager{margin-top:var(--space-8);justify-content:space-between;gap:var(--space-3);display:flex}.cdt-pager-link{background:color-mix(in srgb, var(--color-surface-alt) 70%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:320px;padding:var(--space-4);transition:background var(--dur-fast) var(--ease-out-expo), border-color var(--dur-fast) var(--ease-out-expo);flex-direction:column;flex:1;gap:4px;text-decoration:none;display:flex}.cdt-pager-link:hover,.cdt-pager-link:focus-visible{border-color:var(--color-border-strong);background:var(--color-surface-alt)}.cdt-pager-link--next{text-align:right;margin-left:auto}.cdt-pager-dir{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:10px}.cdt-pager-to{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-fg)}.cdt-toc{top:var(--space-6);align-self:start;position:sticky}.cdt-toc-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-3);font-size:10px}.cdt-toc a{font-size:var(--fs-xs);color:var(--color-muted);padding:4px 0 4px var(--space-3);border-left:2px solid var(--color-border);transition:color var(--dur-fast) var(--ease-out-expo);text-decoration:none;display:block}.cdt-toc a:hover,.cdt-toc a:focus-visible{color:var(--color-fg)}.cdt-not-found{padding:var(--space-8) 0;max-width:60ch}.cdt-not-found-title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--color-fg);margin:0 0 var(--space-3)}.cdt-not-found-desc{color:var(--color-muted);font-size:var(--fs-sm);margin:0 0 var(--space-5)}.cdt-not-found-back{color:var(--color-accent);font-size:var(--fs-sm);border-bottom:1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);text-decoration:none}.cdt-not-found-back:hover,.cdt-not-found-back:focus-visible{border-color:var(--color-accent)}@media (max-width:1023px){.cdt-doc{grid-template-columns:1fr}.cdt-toc{display:none}}@media (prefers-reduced-motion:reduce){.cdt-crumb a,.cdt-copy-btn,.cdt-related-chip,.cdt-pager-link,.cdt-toc a{transition:none}}