.doc-card{padding:1.25rem;background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:var(--radius-lg);transition:all .2s ease}.doc-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.doc-card h3,.doc-card h4{margin:0 0 .375rem;font-size:1rem;color:var(--text-primary)}.doc-card p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:var(--cp-leading-normal)}.doc-next-step{background:linear-gradient(135deg,var(--primary-lighter),var(--bg-light));border:1px solid var(--primary-light);border-radius:var(--radius-lg);padding:1.5rem;margin:2rem 0}.doc-next-step--bordered{border-left:4px solid var(--primary)}.doc-next-step h3{margin:0 0 .5rem;color:var(--primary-dark);font-size:1rem}.doc-next-step p{margin:0;color:var(--text-secondary)}.doc-faq-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0 2rem}.doc-faq-item{background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:var(--radius-md);overflow:hidden}.doc-faq-item summary{padding:1rem;font-weight:var(--cp-font-medium);color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;gap:.75rem}.doc-faq-item summary:before{content:"+";font-size:1.25rem;font-weight:var(--cp-font-normal);color:var(--text-light);flex-shrink:0}.doc-faq-item[open] summary:before{content:"−"}.doc-faq-item summary:hover{background:var(--bg-light)}.doc-faq-item .faq-content{padding:0 1rem 1rem 2.5rem;color:var(--text-secondary);font-size:.9375rem;line-height:var(--cp-leading-relaxed)}.doc-faq-item .faq-content p{margin:0 0 .75rem}.doc-faq-item .faq-content ul{margin:0;padding-left:1.25rem}.doc-faq-item .faq-content li{margin-bottom:.375rem}.doc-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.doc-icon svg{width:20px;height:20px}.doc-icon--sm{width:32px;height:32px}.doc-icon--sm svg{width:16px;height:16px}.doc-icon--lg{width:48px;height:48px}.doc-icon--lg svg{width:24px;height:24px}.doc-icon--primary{background:var(--cp-primary-100);color:var(--cp-primary-500)}.doc-icon--success{background:var(--cp-success-100);color:var(--cp-success-500)}.doc-icon--warning{background:var(--cp-warning-100);color:var(--cp-warning-500)}.doc-icon--error{background:var(--cp-error-100);color:var(--cp-error-500)}.doc-icon--info{background:var(--cp-info-100);color:var(--cp-info-500)}.doc-feature-list{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.doc-feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-light);border-radius:var(--radius-md)}.doc-feature-item .feature-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-lighter);border-radius:var(--radius-md);color:var(--primary);flex-shrink:0}.doc-feature-item .feature-icon svg{width:20px;height:20px}.doc-feature-item .feature-text{display:flex;flex-direction:column;gap:.25rem}.doc-feature-item .feature-text strong{color:var(--text-primary);font-size:.9375rem}.doc-feature-item .feature-text span{color:var(--text-secondary);font-size:.875rem}.doc-grid{display:grid;gap:1rem;margin:1.5rem 0}.doc-grid--2{grid-template-columns:repeat(2,1fr)}.doc-grid--3{grid-template-columns:repeat(3,1fr)}.doc-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.doc-grid--4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.doc-grid--2,.doc-grid--3,.doc-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.doc-grid--2,.doc-grid--3,.doc-grid--4{grid-template-columns:1fr}}.doc-faq-item summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.doc-card:focus-visible,.doc-step-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.progress-step:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.doc-interactive:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.doc-step-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s ease}.doc-step-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translate(4px)}.doc-step-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--cp-text-white);font-size:1.125rem;font-weight:var(--cp-font-bold);border-radius:50%;flex-shrink:0}.doc-text-primary{color:var(--cp-primary-500)}.doc-text-success{color:var(--cp-success-500)}.doc-text-warning{color:var(--cp-warning-500)}.doc-text-error{color:var(--cp-error-500)}.doc-text-info{color:var(--cp-info-500)}.doc-bg-primary-subtle{background:var(--cp-primary-50)}.doc-bg-success-subtle{background:var(--cp-success-50)}.doc-bg-warning-subtle{background:var(--cp-warning-50)}.doc-bg-error-subtle{background:var(--cp-error-50)}.doc-bg-info-subtle{background:var(--cp-info-50)}.doc-tree{background:var(--bg-light);border-radius:var(--radius-lg);padding:1.5rem;margin:1.5rem 0;font-family:var(--cp-font-mono)}.doc-tree-node{display:flex;align-items:center;gap:.5rem;padding:.375rem 0}.doc-tree-node--root .node-name{font-weight:var(--cp-font-semibold)}.doc-tree-children{padding-left:1.5rem;border-left:2px solid var(--bg-gray);margin-left:.5rem}.doc-tree-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-tree-icon svg{width:16px;height:16px}.doc-tree-name{font-size:.875rem;color:var(--text-primary)}.doc-status-legend{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0 1.5rem}.doc-status-item{display:flex;align-items:center;gap:.75rem}.doc-status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.doc-status-dot--success{background:var(--cp-success-500);box-shadow:0 0 0 3px var(--cp-success-100)}.doc-status-dot--error{background:var(--cp-error-500);box-shadow:0 0 0 3px var(--cp-error-100)}.doc-status-dot--warning{background:var(--cp-warning-500);box-shadow:0 0 0 3px var(--cp-warning-100)}.doc-status-dot--info{background:var(--cp-info-500);box-shadow:0 0 0 3px var(--cp-info-100)}.doc-status-desc{font-size:.9375rem;color:var(--text-secondary)}.doc-status-desc strong{color:var(--text-primary)}.doc-code-example{background:var(--bg-light);border:1px solid var(--bg-gray);border-radius:var(--radius-md);padding:1rem;margin:1rem 0}.doc-code-label{font-size:.75rem;font-weight:var(--cp-font-semibold);color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.doc-code-example code{font-family:var(--cp-font-mono);font-size:.9375rem;color:var(--primary-dark);background:none;padding:0}.doc-code-block{background:var(--cp-code-bg);border-radius:var(--radius-lg);overflow:hidden;margin:1rem 0}.doc-code-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--cp-code-header-bg);border-bottom:1px solid var(--cp-code-border)}.doc-code-language{padding:.125rem .5rem;background:var(--cp-code-border);color:var(--cp-code-muted);font-size:.6875rem;font-weight:var(--cp-font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.doc-code-filename{font-size:.8125rem;color:var(--cp-code-muted)}.doc-code-block pre{margin:0;padding:1rem;overflow-x:auto}.doc-code-block code{font-family:var(--cp-font-mono);font-size:.8125rem;line-height:var(--cp-leading-relaxed);color:var(--cp-code-text)}.doc-concept-box{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.doc-concept-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-light);border-radius:var(--radius-md)}.doc-concept-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.doc-concept-icon svg{width:20px;height:20px}.doc-concept-icon--trigger{background:var(--cp-primary-500);color:var(--cp-text-white)}.doc-concept-icon--logic{background:var(--cp-info-500);color:var(--cp-text-white)}.doc-concept-icon--action{background:var(--cp-error-500);color:var(--cp-text-white)}.doc-concept-icon--success{background:var(--cp-success-500);color:var(--cp-text-white)}.doc-concept-icon--warning{background:var(--cp-warning-500);color:var(--cp-text-white)}.doc-concept-detail{flex:1;font-size:.9375rem;color:var(--text-secondary)}.doc-concept-detail strong{color:var(--text-primary)}.doc-interface-breakdown{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.doc-interface-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:var(--radius-md)}.doc-interface-label{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--cp-text-white);font-weight:var(--cp-font-semibold);font-size:.875rem;border-radius:50%;flex-shrink:0}.doc-interface-desc{flex:1;font-size:.9375rem;line-height:var(--cp-leading-normal);color:var(--text-secondary)}.doc-interface-desc strong{color:var(--text-primary)}kbd{display:inline-block;padding:.125rem .375rem;font-family:var(--cp-font-mono);font-size:.8125rem;background:var(--bg-light);border:1px solid var(--bg-gray);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--bg-gray)}.doc-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0}@media(max-width:1024px){.doc-type-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.doc-type-grid{grid-template-columns:1fr}}.doc-type-card{padding:1rem;background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:var(--radius-md)}.doc-type-name{font-family:var(--cp-font-mono);font-weight:var(--cp-font-semibold);font-size:.875rem;color:var(--primary-dark);margin-bottom:.25rem}.doc-type-example{font-family:var(--cp-font-mono);font-size:.8125rem;color:var(--text-light);margin-bottom:.5rem}.doc-type-usage{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.doc-node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0}@media(max-width:1024px){.doc-node-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.doc-node-grid{grid-template-columns:1fr}}.doc-node-card{padding:1rem;background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:var(--radius-md)}.doc-node-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.doc-node-color{width:12px;height:12px;border-radius:3px}.doc-node-color--input{background:var(--cp-primary-500)}.doc-node-color--filter{background:var(--cp-info-500)}.doc-node-color--transform{background:var(--cp-violet-500)}.doc-node-color--switch{background:var(--cp-warning-500)}.doc-node-color--delay{background:var(--cp-node-delay)}.doc-node-color--output{background:var(--cp-error-500)}.doc-node-name{font-weight:var(--cp-font-semibold);font-size:.9375rem;color:var(--text-primary)}.doc-node-card p{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.doc-severity-guide{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0}.doc-severity-row{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--radius-md)}.doc-severity-row--critical{background:var(--cp-error-50);border-left:4px solid var(--cp-error-500)}.doc-severity-row--high{background:var(--cp-warning-50);border-left:4px solid var(--cp-warning-500)}.doc-severity-row--medium{background:var(--cp-info-50);border-left:4px solid var(--cp-info-500)}.doc-severity-row--low{background:var(--bg-light);border-left:4px solid var(--text-light)}.doc-severity-indicator{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-severity-indicator svg{width:24px;height:24px}.doc-severity-row--critical .doc-severity-indicator svg{fill:var(--cp-error-500)}.doc-severity-row--high .doc-severity-indicator svg{fill:var(--cp-warning-500)}.doc-severity-row--medium .doc-severity-indicator svg{fill:var(--cp-info-500)}.doc-severity-row--low .doc-severity-indicator svg{fill:var(--text-light)}.doc-severity-info{display:flex;flex-direction:column;gap:.25rem}.doc-severity-info strong{color:var(--text-primary);font-size:.9375rem}.doc-severity-info span{color:var(--text-secondary);font-size:.8125rem}.doc-flow-diagram{display:flex;align-items:center;gap:.5rem;padding:1.5rem;background:var(--bg-light);border-radius:var(--radius-lg);margin:1.5rem 0;overflow-x:auto}.doc-flow-step{flex-shrink:0;padding:.75rem 1rem;background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:var(--radius-md);text-align:center;min-width:120px}.doc-flow-label{font-size:.75rem;font-weight:var(--cp-font-semibold);color:var(--primary-dark);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem}.doc-flow-desc{font-size:.8125rem;color:var(--text-secondary)}.doc-flow-desc code{font-size:.75rem}.doc-flow-arrow{font-size:1.25rem;color:var(--text-light);flex-shrink:0}.doc-code-flow{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.doc-flow-node{padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:var(--cp-font-medium)}.doc-flow-node--input{background:var(--cp-primary-500);color:var(--cp-text-white)}.doc-flow-node--filter{background:var(--cp-info-500);color:var(--cp-text-white)}.doc-flow-node--output{background:var(--cp-error-500);color:var(--cp-text-white)}:root.dark .doc-card,:root.dark .doc-step-card{background:var(--cp-card-bg);border-color:var(--cp-card-border)}:root.dark .doc-feature-item{background:var(--cp-bg-tertiary)}:root.dark .doc-tree{background:var(--cp-bg-tertiary)}:root.dark .doc-tree-children{border-left-color:var(--cp-neutral-600)}:root.dark .doc-faq-item{background:var(--cp-card-bg);border-color:var(--cp-card-border)}:root.dark .doc-faq-item summary:hover{background:var(--cp-bg-tertiary)}:root.dark .doc-next-step{background:linear-gradient(135deg,var(--cp-accent-primary-subtle),var(--cp-bg-tertiary));border-color:var(--cp-accent-primary-border)}:root.dark .doc-code-example{background:var(--cp-bg-tertiary);border-color:var(--cp-card-border)}:root.dark .doc-concept-item{background:var(--cp-bg-tertiary)}:root.dark .doc-interface-item{background:var(--cp-card-bg);border-color:var(--cp-card-border)}:root.dark .doc-type-card,:root.dark .doc-node-card{background:var(--cp-card-bg);border-color:var(--cp-card-border)}:root.dark .doc-severity-row--low{background:var(--cp-bg-tertiary)}:root.dark .doc-flow-diagram{background:var(--cp-bg-tertiary)}:root.dark .doc-flow-step{background:var(--cp-card-bg);border-color:var(--cp-card-border)}:root.dark kbd{background:var(--cp-bg-tertiary);border-color:var(--cp-card-border);box-shadow:0 1px 0 var(--cp-card-border)}.docs-layout[data-v-f0dbc07d]{display:flex;min-height:calc(100vh - 80px);padding-top:80px}.sidebar-toggle[data-v-f0dbc07d]{display:none;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:var(--cp-radius-lg);background:var(--cp-bg-secondary);border:1px solid var(--cp-neutral-200);cursor:pointer;font-family:var(--cp-font-sans);font-size:.875rem;font-weight:500;color:var(--cp-text-secondary);margin-bottom:1rem;transition:all var(--cp-transition-fast)}.sidebar-toggle[data-v-f0dbc07d]:hover{background:var(--cp-neutral-100);color:var(--cp-text-primary)}:root.dark .sidebar-toggle[data-v-f0dbc07d]:hover{background:var(--cp-neutral-800)}.sidebar-toggle svg[data-v-f0dbc07d]{width:18px;height:18px}.sidebar-toggle span[data-v-f0dbc07d]{line-height:1}.docs-sidebar[data-v-f0dbc07d]{width:clamp(240px,20vw,300px);flex-shrink:0;background:var(--cp-bg-primary);border-right:1px solid var(--cp-neutral-200);position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto}.sidebar-header[data-v-f0dbc07d]{padding:1.5rem;border-bottom:1px solid var(--cp-neutral-200);display:flex;align-items:center;justify-content:space-between}.sidebar-close[data-v-f0dbc07d]{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--cp-radius-lg);background:none;border:none;cursor:pointer;color:var(--cp-text-secondary);transition:all var(--cp-transition-fast)}.sidebar-close[data-v-f0dbc07d]:hover{background:var(--cp-bg-secondary);color:var(--cp-text-primary)}.sidebar-close svg[data-v-f0dbc07d]{width:18px;height:18px}.sidebar-title[data-v-f0dbc07d]{font-size:1.25rem;font-weight:700;color:var(--cp-text-primary);text-decoration:none}.sidebar-nav[data-v-f0dbc07d]{padding:1rem 0}.nav-section[data-v-f0dbc07d]{padding:0 1.5rem;margin-bottom:1.5rem}.nav-section h3[data-v-f0dbc07d]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--cp-text-secondary);margin-bottom:.75rem}.nav-section ul[data-v-f0dbc07d]{list-style:none;padding:0;margin:0}.nav-section li[data-v-f0dbc07d]{margin-bottom:.25rem}.nav-section a[data-v-f0dbc07d]{display:block;padding:.5rem .75rem;color:var(--cp-text-primary);text-decoration:none;border-radius:var(--cp-radius-lg);font-size:.9375rem;transition:all var(--cp-transition-fast);opacity:.85}.nav-section a[data-v-f0dbc07d]:hover{background:var(--cp-bg-secondary);color:var(--cp-text-primary);opacity:1}.nav-section a.active[data-v-f0dbc07d]{background:var(--cp-primary-200);color:var(--cp-primary-600);font-weight:500;opacity:1}:root.dark .nav-section a.active[data-v-f0dbc07d]{background:var(--cp-primary-900);color:var(--cp-primary-300)}.sidebar-overlay[data-v-f0dbc07d]{display:none}.docs-content[data-v-f0dbc07d]{flex:1;min-width:0;padding:2rem 3rem;max-width:900px}@media(max-width:1024px){.sidebar-toggle[data-v-f0dbc07d],.sidebar-close[data-v-f0dbc07d]{display:flex}.docs-sidebar[data-v-f0dbc07d]{position:fixed;width:100%;left:-100%;top:80px;z-index:var(--cp-z-sticky);transition:left var(--cp-transition-base)}.docs-sidebar.open[data-v-f0dbc07d]{left:0}.sidebar-overlay[data-v-f0dbc07d]{display:block;position:fixed;right:0;bottom:0;left:0;top:80px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--cp-z-sticky) - 1);opacity:0;visibility:hidden;transition:opacity var(--cp-transition-base),visibility var(--cp-transition-base)}.sidebar-overlay.visible[data-v-f0dbc07d]{opacity:1;visibility:visible}.docs-content[data-v-f0dbc07d]{padding:2rem 1.5rem}}@media(max-width:768px){.sidebar-close[data-v-f0dbc07d]{width:var(--cp-touch-target-min);height:var(--cp-touch-target-min)}}@media(max-width:640px){.docs-content[data-v-f0dbc07d]{padding:1.5rem 1rem}}