.dc{grid-template-columns:256px minmax(0,1fr) 200px;align-items:start;gap:2.5rem;max-width:1280px;margin:0 auto;padding:2rem;display:grid}.dc-side{position:sticky;top:80px}.dc-search{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);height:2.25rem;color:var(--text-muted);font-size:var(--text-sm);align-items:center;gap:.5rem;margin-bottom:1rem;padding:0 .625rem;display:flex}.dc-search input{color:var(--text-primary);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.dc-search kbd{font-family:var(--font-mono);background:var(--surface-3);border-radius:4px;padding:1px 5px;font-size:.625rem}.dc-tree{flex-direction:column;gap:1.25rem;display:flex}.dc-grp .gt{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-size:.6875rem;font-weight:600}.dc-tree a{font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--r-sm);transition:background var(--d-fast), color var(--d-fast);padding:.3125rem .625rem;text-decoration:none;display:block}.dc-tree a:hover{background:var(--surface-2);color:var(--text-primary)}.dc-tree a.active{background:var(--brand-soft);color:var(--brand);font-weight:500}.dc-main{min-width:0}.dc-bc{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:1rem}.dc-main h1{font-size:var(--text-4xl);letter-spacing:-.03em;margin:0 0 .75rem;font-weight:800}.dc-meta{font-size:var(--text-xs);color:var(--text-muted);border-bottom:1px solid var(--border-subtle);gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.dc-body{font-size:var(--text-base);color:var(--text-secondary);line-height:1.75}.dc-body h2{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--text-primary);margin:2.5rem 0 1rem;scroll-margin-top:80px;font-weight:700}.dc-body p{margin:0 0 1.125rem}.dc-body ul{margin:0 0 1.125rem;padding-left:1.25rem}.dc-body li{margin-bottom:.5rem}.dc-body code{font-family:var(--font-mono);background:var(--surface-2);color:var(--text-primary);border-radius:4px;padding:.125rem .375rem;font-size:.875em}.dc-body pre{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-md);margin:0 0 1.5rem;padding:1rem 1.25rem;overflow-x:auto}.dc-body pre code{font-size:var(--text-sm);background:0 0;padding:0;line-height:1.7}.dc-callout{border-radius:var(--r-md);font-size:var(--text-sm);gap:.75rem;margin:0 0 1.5rem;padding:1rem 1.25rem;line-height:1.6;display:flex}.dc-callout.info{background:var(--info-soft);border:1px solid color-mix(in srgb,var(--info) 25%,transparent)}.dc-callout.warn{background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 25%,transparent)}.dc-feedback{border:1px solid var(--border);border-radius:var(--r-lg);align-items:center;gap:1rem;margin:3rem 0 1.5rem;padding:1.25rem;display:flex}.dc-nav-links{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}.dc-nav-link{border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--d-fast);padding:1rem 1.25rem;text-decoration:none}.dc-nav-link:hover{border-color:var(--border-strong)}.dc-nav-link .dir{font-size:var(--text-xs);color:var(--text-muted)}.dc-nav-link .ti{font-size:var(--text-sm);color:var(--text-primary);margin-top:2px;font-weight:600}.dc-nav-link.next{text-align:right}.dc-toc{font-size:var(--text-sm);position:sticky;top:80px}.dc-toc .tt{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;font-size:.6875rem;font-weight:600}.dc-toc a{color:var(--text-muted);border-left:2px solid var(--border);padding:.25rem 0 .25rem .75rem;text-decoration:none;display:block}.dc-toc a:hover,.dc-toc a.active{color:var(--text-primary);border-left-color:var(--brand)}@media (max-width:1080px){.dc{grid-template-columns:1fr}.dc-side,.dc-toc{display:none}}