.cp{max-width:var(--container-doc);padding:var(--space-12) var(--space-6) var(--space-20);color:var(--text-primary);margin:0 auto;position:relative}.cp-toc{display:none}@media screen and (width>=68.75rem){.cp-toc{top:120px;left:max(var(--space-5), (100vw - var(--container-doc)) / 2 - var(--toc-gutter));width:var(--toc-width);display:block;position:fixed}}.cp-toc ul{margin:var(--space-2) 0 0;gap:var(--space-0_5);flex-direction:column;padding:0;list-style:none;display:flex}.cp-toc a{align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-0_75) var(--space-1) var(--space-2);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;border-radius:var(--radius-sm);transition:color var(--duration-base) var(--easing-standard), background var(--duration-base) var(--easing-standard), box-shadow var(--duration-base) var(--easing-standard);font-size:.6875rem;font-weight:600;text-decoration:none;display:flex}.cp-toc a span{color:var(--accent-default);font-weight:700}.cp-toc a:hover{color:var(--text-primary);background:var(--surface-hover)}.cp-toc a:focus-visible{box-shadow:var(--shadow-focus-ring);color:var(--text-primary);outline:none}.cp-toc a[aria-current=location],.cp-toc a[aria-current=true]{color:var(--text-primary);background:var(--accent-subtle);box-shadow:inset 2px 0 0 var(--accent-default)}@media (forced-colors:active){.cp-toc a:focus-visible,.cp-related a:focus-visible,.cp-back-link:focus-visible,.cp-back a:focus-visible{outline-offset:2px;outline:2px solid canvastext}}.cp-toc-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 var(--space-2);font-size:.625rem;font-weight:700}.cp-section-p{color:var(--text-secondary);margin:0 0 var(--space-5);max-width:580px;font-size:.9375rem;font-weight:500;line-height:1.6}.cp-head{margin:0 0 var(--space-12)}.cp-back{margin:0 0 var(--space-8)}.cp-back a{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:.75rem;font-weight:600;text-decoration:none}.cp-back a:hover{color:var(--accent-default)}.cp-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-default);margin:0 0 var(--space-3);font-size:.75rem;font-weight:700}.cp-title-row{align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.cp-title{letter-spacing:-.028em;margin:0;font-size:2rem;font-weight:700;line-height:1.15}.cp-lede{color:var(--text-secondary);max-width:580px;margin:0;font-size:1.0625rem;font-weight:500;line-height:1.6}.cp-section{margin:0 0 var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-default)}.cp-section h2{letter-spacing:-.022em;margin:0 0 var(--space-5);font-size:1.625rem;font-weight:700;line-height:1.25}.cp-demo{padding:var(--space-6);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.cp-demo-row{gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.cp-demo-row:last-child{margin-bottom:0}.cp-demo-caption{color:var(--text-muted);margin:var(--space-3) 0 var(--space-2);font-size:.8125rem;font-weight:500;line-height:1.4}.cp-demo-caption code{font-family:var(--font-mono);background:var(--surface-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:1px 4px;font-size:.92em;font-weight:600}.cp-demo-stack{gap:var(--space-3);flex-direction:column;display:flex}.cp-why{counter-reset:cp-why-counter;margin:0;padding:0;list-style:none}.cp-why li{counter-increment:cp-why-counter;padding:var(--space-3) 0 var(--space-3) var(--space-8);color:var(--text-primary);border-top:1px dashed var(--border-subtle);font-size:.875rem;font-weight:500;line-height:1.55;position:relative}.cp-why li:before{content:counter(cp-why-counter, decimal-leading-zero);left:0;top:var(--space-3);font-family:var(--font-mono);color:var(--accent-default);letter-spacing:.06em;font-size:.6875rem;font-weight:700;position:absolute}.cp-why li:last-child{border-bottom:1px dashed var(--border-subtle)}.cp-anatomy{margin:0;padding:0;list-style:none}.cp-anatomy li{gap:var(--space-3);padding:var(--space-3) 0;border-top:1px dashed var(--border-subtle);color:var(--text-primary);grid-template-columns:40px 1fr;font-size:.875rem;font-weight:500;line-height:1.55;display:grid}.cp-anatomy li:last-child{border-bottom:1px dashed var(--border-subtle)}.cp-anatomy-num{font-family:var(--font-mono);color:var(--accent-default);letter-spacing:.04em;font-size:.75rem;font-weight:700}.cp-props{border-collapse:collapse;width:100%}.cp-props thead th{text-align:left;padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border-default);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.625rem;font-weight:700}.cp-props tbody tr{border-bottom:1px dashed var(--border-subtle)}.cp-props td{padding:var(--space-3) var(--space-2);color:var(--text-secondary);vertical-align:top;font-size:.8125rem;font-weight:500;line-height:1.55}.cp-props code{font-family:var(--font-mono);background:var(--surface-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:1px 6px;font-size:.75rem;font-weight:600}@media screen and (width<=29.9375rem){.cp-props td:nth-child(3),.cp-props thead th:nth-child(3){display:none}}.cp-type{color:var(--accent-default)!important}.cp-dash{color:var(--text-muted)}.cp-code{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0;overflow-x:auto}.cp-code code{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem;font-weight:500;line-height:1.6}.cp-list{margin:0;padding:0;list-style:none}.cp-list li{padding:var(--space-2) 0 var(--space-2) var(--space-5);color:var(--text-primary);border-top:1px dashed var(--border-subtle);font-size:.875rem;font-weight:500;line-height:1.55;position:relative}.cp-list li:before{content:"";left:var(--space-2);border-radius:var(--radius-circle);background:var(--accent-default);width:6px;height:6px;position:absolute;top:1.05em}.cp-list li:last-child{border-bottom:1px dashed var(--border-subtle)}.cp-decision{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media screen and (width<=29.9375rem){.cp-decision{grid-template-columns:1fr}}.cp-decision-mark{border-radius:var(--radius-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-3);padding:1px 6px;font-size:.625rem;font-weight:700;display:inline-block}.cp-decision-yes{color:var(--state-success);border:1px solid var(--state-success);background:var(--state-success-bg)}.cp-decision-yes+.cp-list li:before{background:var(--state-success)}.cp-decision-no{color:var(--state-error);border:1px solid var(--state-error);background:var(--state-error-bg)}.cp-decision-no+.cp-list li:before{background:var(--state-error)}.cp-states{border-collapse:collapse;width:100%;margin:0 0 var(--space-4)}.cp-states thead th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.625rem;font-weight:700}.cp-states tbody tr{border-bottom:1px dashed var(--border-subtle)}.cp-states tbody th{text-align:left;padding:var(--space-3) var(--space-3);font-family:var(--font-mono);color:var(--accent-default);letter-spacing:.06em;vertical-align:middle;width:90px;font-size:.6875rem;font-weight:700}.cp-states td{padding:var(--space-3) var(--space-3);vertical-align:middle}@media screen and (width<=29.9375rem){.cp-states thead{display:none}.cp-states tbody tr{gap:var(--space-2);padding:var(--space-3) 0;grid-template-columns:1fr;display:grid}.cp-states tbody th,.cp-states td{padding:0}}.cp-related{gap:var(--space-3);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}@media screen and (width<=29.9375rem){.cp-related{grid-template-columns:1fr}}.cp-related li{display:block}.cp-related a{gap:var(--space-1) var(--space-3);padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-base) var(--easing-standard), transform var(--duration-base) var(--easing-standard);grid-template-columns:1fr auto;grid-template-areas:"name arrow""reason arrow";align-items:center;text-decoration:none;display:grid}.cp-related a:hover{border-color:var(--accent-default);transform:translateY(-2px)}.cp-related a:hover .cp-related-arrow{color:var(--accent-default);transform:translate(2px)}.cp-related-name{color:var(--text-primary);grid-area:name;font-size:1rem;font-weight:700}.cp-related-reason{color:var(--text-muted);grid-area:reason;font-size:.8125rem;font-weight:500;line-height:1.4}.cp-related-arrow{font-family:var(--font-mono);color:var(--text-muted);transition:color var(--duration-base) var(--easing-standard), transform var(--duration-base) var(--easing-standard);grid-area:arrow;font-size:1.125rem;font-weight:700}.cp-foot{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border-default);text-align:center}.cp-back-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.75rem;font-weight:700;text-decoration:none}.cp-back-link:hover{color:var(--accent-default)}