.doc .doc-shell{gap:var(--space-8);padding:0 var(--section-x) var(--section-y);grid-template-columns:208px minmax(0,1fr);display:grid}.doc .toc{top:var(--toc-top);max-height:calc(100dvh - var(--toc-top));padding:var(--space-6) var(--space-4) var(--space-6) 0;border-right:var(--border-width) solid var(--border-default);align-self:start;position:sticky;overflow-y:auto}.doc .toc-kicker{margin:0 0 var(--space-3);padding-left:var(--space-2-5);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.doc .toc-nav{--tree-branch-y:calc(var(--space-1-5) + var(--cell-h) / 2 + var(--border-width));margin-left:calc(var(--space-2-5) - var(--cell-w) / 2);flex-direction:column;display:flex}.doc .toc-nav a{--tree:var(--border-default);padding:var(--space-1-5) var(--space-1) var(--space-1-5) calc(2 * var(--cell-w));background:linear-gradient(var(--tree), var(--tree)) calc(var(--cell-w) / 2) 0 / var(--border-width) 100% no-repeat, linear-gradient(var(--tree), var(--tree)) calc(var(--cell-w) / 2) var(--tree-branch-y) / var(--cell-w) var(--border-width) no-repeat;color:var(--text-body);letter-spacing:-.025em;font-size:13px;line-height:20px;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.doc .toc-nav a:last-child{background-size:var(--border-width) calc(var(--tree-branch-y) + var(--border-width)), var(--cell-w) var(--border-width)}.doc .toc-nav a:hover{background-color:var(--btn-ghost-hover);color:var(--text-high-contrast)}.doc .toc-nav a.is-active{--tree:var(--text-accent);color:var(--text-high-contrast)}.doc .toc-note{margin-top:var(--space-4);padding:0 var(--space-2-5);color:var(--text-muted);font-size:12px;line-height:1.5}.doc .toc-note a{color:var(--text-accent)}.doc .doc-main{min-width:0}.doc .lede{gap:var(--space-3);max-width:64ch;padding:var(--space-8) 0 var(--space-6);display:grid}.doc .lede h1{max-width:22ch}.doc .lede-copy{letter-spacing:-.025em;color:var(--text-body);text-wrap:pretty;font-size:16px;line-height:1.5}.doc .lede-copy code,.doc .section-lead code,.doc .callout code,.doc .why code,.doc p code{color:var(--text-strong)}.doc .lede-facts{max-width:none;margin-top:var(--space-3);border:var(--border-width) solid var(--border-card);border-radius:var(--radius-sm);background:var(--surface-card);box-shadow:var(--shadow-card-inset);grid-template-columns:repeat(3,1fr);display:grid}.doc .lede-facts div{padding:var(--space-4);border-right:var(--border-width) solid var(--divider-accent)}.doc .lede-facts div:last-child{border-right:0}.doc .lede-facts dt{font-family:var(--font-serif);color:var(--text-high-contrast);font-size:15px;line-height:1.5}.doc .lede-facts dd{margin:var(--space-1) 0 0;color:var(--text-body);font-size:13px;line-height:1.5}.doc .doc-section{padding:var(--space-8) 0;border-top:var(--border-width) solid var(--border-default)}.doc .section-head{grid-template-columns:var(--space-9) 1fr;gap:var(--space-4);max-width:none;margin-bottom:var(--space-6);align-items:start;display:grid}.doc .section-head>div{min-width:0}.doc .section-no{width:var(--space-8);height:var(--space-8);border:var(--border-width) solid var(--border-secondary-button);border-radius:var(--radius-sm);background:var(--btn-secondary-bg);box-shadow:var(--shadow-btn-secondary);color:var(--text-accent);font-family:var(--font-mono);letter-spacing:.05em;place-items:center;font-size:11px;display:grid}.doc .section-head h2{max-width:32ch}.doc .section-lead{max-width:72ch;margin-top:var(--space-2);color:var(--text-body);text-wrap:pretty;font-size:15px;line-height:1.55}.doc .section-lead em{color:var(--text-strong)}.doc .section-lead a,.doc .doc-section>p a,.doc .why a,.doc .callout a,.doc figcaption a,.doc .guide-links a{color:var(--text-accent);text-underline-offset:3px;text-decoration:underline 1px;text-decoration-color:var(--divider-accent)}.doc .section-lead a:hover,.doc .doc-section>p a:hover,.doc .why a:hover,.doc .callout a:hover,.doc figcaption a:hover,.doc .guide-links a:hover{text-decoration-style:double;text-decoration-color:currentColor}.doc .doc-section>p{max-width:72ch;margin:var(--space-4) 0;color:var(--text-body);text-wrap:pretty;font-size:15px;line-height:1.6}.doc .doc-section>pre{max-width:100%;margin:var(--space-6) 0}.doc .guide-links{gap:var(--space-2) var(--space-6);letter-spacing:-.025em;flex-wrap:wrap;font-size:14px;display:flex}.doc figure{margin:var(--space-6) 0 0}.doc figure img{border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);width:100%;height:auto;box-shadow:var(--sh-alt)}.doc figcaption{margin-top:var(--space-3);color:var(--text-body);font-size:13px;line-height:1.5}.doc .sub-h{margin:var(--space-8) 0 var(--space-3)}.doc .why{max-width:72ch;margin-top:var(--space-4);padding:var(--space-2-5) var(--space-4);border-left:var(--border-double-width) double var(--border-hover);background:var(--surface-card);color:var(--text-body);font-size:14px;line-height:1.55}.doc .why strong{color:var(--text-accent);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:400}.doc .callout{margin-top:calc(var(--space-4) + var(--cell-h) / 2);padding:0 var(--space-4) var(--space-4);border:var(--border-width) solid var(--border-card);border-top:0;border-left:var(--border-double-width) double var(--border-hover);background:var(--surface-card);box-shadow:var(--shadow-card-inset);display:flow-root}.doc .callout-tag{align-items:flex-start;gap:var(--cell-w);margin:calc(-1 * var(--cell-h) / 2) calc(-1 * var(--space-4)) var(--space-2);color:var(--text-accent);font-family:var(--font-mono);font-size:11px;line-height:var(--node-h);letter-spacing:.05em;text-transform:uppercase;display:flex}.doc .callout-tag:before,.doc .callout-tag:after{content:"";height:var(--border-width);margin-top:calc(var(--cell-h) / 2);background:var(--border-card)}.doc .callout-tag:before{flex:0 0 calc(2 * var(--cell-w))}.doc .callout-tag:after{flex:1 0 calc(2 * var(--cell-w))}.doc .callout p:last-child{color:var(--text-body);font-size:14px;line-height:1.55}.doc .twocol{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.doc .prose-card{padding:var(--space-4);border:var(--border-width) solid var(--border-card);border-radius:var(--radius-sm);background:var(--surface-card);box-shadow:var(--shadow-card-inset)}.doc .prose-card h3{font-size:16.8px;line-height:1.3}.doc .prose-card p{margin-top:var(--space-2);color:var(--text-body);font-size:14px;line-height:1.55}.doc .mono-flow{margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);background:var(--surface);border:var(--border-width) solid var(--border-default);color:var(--text-accent);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:12px;line-height:1.6}.doc .code-pair{margin-top:var(--space-4);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.doc .code-card{flex-direction:column;min-width:0;margin:0;display:flex}.doc .code-card+.code-card{border-left:var(--border-width) solid var(--divider-accent)}.doc .code-card figcaption{padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--border-default);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:11px}.doc .code-card--tui figcaption{color:var(--text-accent)}.doc .code-card .code{background:0 0;border:0;border-radius:0;flex:1;font-size:12.5px;line-height:1.6}.doc .code-card .code code{white-space:pre;min-width:max-content;display:block}.doc .adds{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.doc .add-card{min-width:0;padding:var(--space-4);border:var(--border-width) solid var(--border-card);border-radius:var(--radius-sm);background:var(--surface-card);box-shadow:var(--shadow-card-inset)}.doc .add-card h3{font-size:15px;line-height:1.5}.doc .add-card p{margin-top:var(--space-1);color:var(--text-body);font-size:13px;line-height:1.5}.doc .add-card a{color:var(--text-accent);text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--divider-accent)}.doc .register-tags{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.doc .register-tag{padding:var(--space-1) var(--space-2-5);border:var(--border-width) solid var(--border-secondary-button);border-radius:var(--radius-sm);background:var(--btn-secondary-bg);color:var(--text-body);font-size:13px;line-height:1.5}.doc .register-tag strong{color:var(--text-accent);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:400}.doc .cta-row{gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}@media (width<=1023px){.doc .doc-shell{grid-template-columns:1fr;gap:0}.doc .toc{max-height:none;padding:var(--space-4) 0 0;border-right:0;position:static}.doc .toc-nav{gap:var(--space-1);flex-flow:wrap;margin-left:0}.doc .toc-nav a,.doc .toc-nav a:last-child{padding:var(--space-1-5) var(--space-2-5);border:var(--border-width) solid var(--border-secondary-button);background:var(--btn-secondary-bg)}.doc .toc-nav a.is-active{border-color:var(--border-hover)}.doc .toc-note{display:none}.doc .adds{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){.doc .lede-facts,.doc .code-pair,.doc .adds,.doc .twocol{grid-template-columns:1fr}.doc .lede-facts div{border-right:0;border-bottom:var(--border-width) solid var(--divider-accent)}.doc .lede-facts div:last-child{border-bottom:0}.doc .code-card+.code-card{border-top:var(--border-width) solid var(--divider-accent);border-left:0}.doc .section-head{gap:var(--space-2);grid-template-columns:1fr}}