.component-flow{align-items:center;gap:6px;display:flex}.component-flow div{background:#fff;border:1px solid #e8e8ed;border-radius:5px;gap:4px;min-width:61px;padding:8px;display:grid}.component-flow div:first-child{background:color-mix(in srgb, var(--accent) 8%, #fff);border-color:color-mix(in srgb, var(--accent) 32%, #fff)}.component-flow small,.component-flow code{color:#a1a1aa;font-size:6px}.component-flow b{color:var(--accent);font-size:8px}.component-flow svg{color:#b9b9c1}.component-card-source{border:1px solid color-mix(in srgb, var(--accent) 32%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);border-radius:6px;gap:5px;width:142px;padding:10px;display:grid}.component-card-source small{color:#898995;font-size:7px}.component-card-source b{color:var(--accent);font-size:10px}.component-card-uses{color:#a0a0aa;align-items:center;gap:5px;margin-top:12px;display:flex}.component-card-uses span{color:#73737e;background:#fff;border:1px solid #e8e8ed;border-radius:4px;padding:5px 7px}.component-detail-flow{align-items:stretch;gap:11px;display:grid}.component-detail-flow>svg{color:#a5a5ae;align-self:center}.component-detail-flow{grid-template-columns:minmax(130px,1.25fr) auto minmax(0,1fr) auto minmax(0,1fr)}.component-node{background:#fafafa;border:1px solid #e5e5eb;border-radius:9px;gap:6px;padding:13px;display:grid}.component-node.source{background:color-mix(in srgb, var(--accent) 6%, #fff);border-color:color-mix(in srgb, var(--accent) 30%, #fff)}.component-node svg{color:var(--accent)}.component-node b{color:#4d4d57;font-size:13px}.component-node small{color:#92929c;font-size:12px}.component-node code{color:#6e6e79;white-space:normal;font-size:11px;line-height:1.5}.component-node button{background:var(--accent);color:#fff;border:0;border-radius:5px;width:fit-content;padding:6px 8px;font-size:11px}@media (max-width:780px){.component-detail-flow{grid-template-columns:1fr}.component-detail-flow>svg{justify-self:center;transform:rotate(90deg)}.component-detail-flow{gap:7px}}.term-card .term-preview.component-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink);gap:9px;padding:16px;display:grid}.component-card-source{border:1px solid var(--color-deco);background:var(--color-faint);border-radius:7px;gap:3px;padding:9px 10px;display:grid}.component-card-source small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:8px;font-weight:800}.component-card-source b{color:var(--ink);font-size:11px;font-weight:800}.component-card-source code{color:var(--muted);font-size:8px}.component-card-cycle{border:1px solid var(--ink);background:var(--color-white);min-height:22px;color:var(--ink);border-radius:999px;justify-self:start;align-items:center;gap:5px;padding:4px 9px;font-size:9px;font-weight:700;display:inline-flex}.component-card-cycle:hover{background:var(--color-faint);color:var(--ink)}.component-card-cycle:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:2px}.component-card-instances{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.component-card-instance{border:1px solid var(--color-deco);background:var(--color-white);border-radius:7px;gap:5px;padding:8px;display:grid}.component-card-instance small{color:var(--muted);font-size:8px;font-weight:700}.component-card-product{align-items:center;gap:6px;display:flex}.component-card-thumb{background:var(--color-faint);width:20px;height:20px;color:var(--muted);border-radius:4px;place-items:center;font-size:9px;font-weight:800;display:grid}.component-card-product b{color:var(--ink);font-size:9px;font-weight:800}.component-card-price{color:var(--ink);margin-left:auto;font-size:9px;font-weight:700}.component-card-action{background:var(--ink);min-height:18px;color:var(--color-white);border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:8px;font-weight:800;line-height:1;display:inline-flex}.term-preview.component-card-preview>p{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.term-interactive-demo.component-lab{gap:var(--element-gap);border:1px solid var(--line);background:var(--surface-card)}.term-interactive-demo.component-lab button:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.component-lab button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 40%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.component-lab input[type=checkbox]{accent-color:var(--ink)}.term-interactive-demo.component-lab select:focus,.term-interactive-demo.component-lab input:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 35%, transparent);outline-offset:1px;border-color:var(--ink)}.component-lab-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.component-lab-source{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--soft);gap:10px;display:grid}.component-lab-source-head{gap:3px;display:grid}.component-lab-source-head small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:.03em;text-transform:uppercase}.component-lab-source-head b{color:var(--ink);font-size:var(--text-ui);font-weight:800}.component-lab-source-head code{color:var(--muted);font-size:var(--text-caption)}.component-lab-controls{align-items:center;gap:var(--spacing-8) var(--spacing-16);flex-wrap:wrap;display:flex}.component-lab-select-label{gap:4px;min-width:180px;display:grid}.component-lab-select-label>span{color:var(--ink);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.component-lab-check-label{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold);align-items:center;gap:6px;display:inline-flex}.component-lab-readout{gap:var(--spacing-8);border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--color-white);color:var(--muted);font-size:var(--text-caption);flex-wrap:wrap;margin:0;padding:9px 12px;display:flex}.component-lab-readout span{align-items:center;gap:4px;display:inline-flex}.component-lab-readout b{color:var(--ink);font-weight:800}.component-lab-instances{gap:var(--element-gap);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0;padding:0;list-style:none;display:grid}.component-lab-instance{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-white);gap:8px;display:grid}.component-lab-instance small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.component-lab-product{align-items:center;gap:9px;display:flex}.component-lab-thumb{background:var(--color-faint);width:32px;height:32px;color:var(--muted);border-radius:6px;place-items:center;font-size:14px;font-weight:800;display:grid}.component-lab-product-copy{gap:1px;display:grid}.component-lab-product-copy b{color:var(--ink);font-size:var(--text-body);font-weight:800;line-height:1.25}.component-lab-product-copy span{color:var(--ink);font-size:var(--text-caption);font-weight:700}.component-lab-action{background:var(--ink);min-height:30px;color:var(--color-white);font-size:var(--text-caption);border:0;justify-content:center;justify-self:start;align-items:center;padding:5px 14px;font-weight:800;line-height:1;display:inline-flex}.component-lab-action.is-rounded{border-radius:999px}.component-lab-action.is-square{border-radius:3px}.component-lab-props{color:var(--muted);font-size:var(--text-caption);line-height:1.4}.component-lab-actions{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.component-lab-primary{border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.component-lab-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)!important;color:var(--color-white)!important}.component-lab-primary:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.component-lab-primary:disabled{opacity:.5;cursor:not-allowed}.component-lab-reset{border:1px solid var(--ink)!important;border-radius:var(--radius-buttons)!important;background:var(--color-white)!important;color:var(--ink)!important}.component-lab-reset:hover{background:var(--color-faint)!important;color:var(--ink)!important}.component-lab-reset:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:2px}.component-lab-feedback{border:1px solid var(--line);border-left:3px solid color-mix(in srgb, var(--ink) 35%, var(--line));border-radius:var(--radius-inputs);background:var(--soft);min-height:44px;color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0;padding:10px 12px}.component-lab-hint{border:1px dashed color-mix(in srgb, var(--ink) 30%, var(--line));border-radius:var(--radius-inputs);background:var(--color-white);color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-body);margin:0;padding:9px 12px}.component-lab-hint b{color:var(--ink);font-weight:800}.component-attention-list{margin-bottom:0}.component-attention-list li{gap:4px;display:grid}.component-attention-list strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.component-attention-list span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.component-when-grid{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.component-when-grid article{align-content:start;gap:var(--spacing-8);min-width:0;padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);display:grid}.component-when-grid article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.component-when-grid article strong{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.component-when-grid article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.component-how-steps{gap:var(--spacing-8);color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0;padding-left:18px;display:grid}.component-how-steps li{padding-left:4px}.component-how-steps li::marker{color:var(--ink);font-weight:800}.component-examples{gap:10px;display:grid}.component-examples article{border:1px solid var(--line);background:var(--surface-card);border-radius:9px;gap:6px;padding:14px;display:grid}.component-examples article.is-good{background:#f7fbf8;border-left:3px solid #2f6a45}.component-examples article.is-bad{background:#fdf6f6;border-left:3px solid #8a3a44}.component-examples article small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.component-examples article b{color:var(--ink);font-size:14px;font-weight:800;line-height:1.35}.component-examples article p{color:#4d4e56;margin:0;font-size:13px;line-height:1.6}.component-example-cta{border:1px solid var(--ink);background:var(--ink);color:var(--color-white);border-radius:8px;justify-self:start;align-items:center;gap:6px;margin-top:4px;padding:7px 14px;font-size:13px;font-weight:750;display:inline-flex}.component-example-flag{background:var(--color-white);color:#6f2c34;border:1px dashed #8a3a44;border-radius:8px;justify-self:start;align-items:center;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}@media (max-width:780px){.component-card-instances,.component-when-grid{grid-template-columns:1fr}}@media (max-width:560px){.component-lab-instances{grid-template-columns:1fr}}.term-card .component-card-preview{color:#3c2b24;background:#f0dfbd;border:2px solid #75513b;box-shadow:5px 5px #c89563}.term-card .component-card-preview .component-card-source,.term-card .component-card-preview .component-card-instance{background:#fff9ed;border-color:#b88961}.term-card .component-card-preview .component-card-source small,.term-card .component-card-preview .component-card-source code,.term-card .component-card-preview .component-card-instance small{color:#75513b}.term-card .component-card-preview .component-card-source b,.term-card .component-card-preview .component-card-product b,.term-card .component-card-preview .component-card-price,.term-card .component-card-preview>p{color:#3c2b24}.term-card .component-card-preview .component-card-thumb{color:#533525;background:#d9b682}.term-card .component-card-preview .component-card-cycle{color:#533525;background:#fff3dc;border-color:#75513b}.term-card .component-card-preview .component-card-action{color:#fff8e8;background:#7a4e32}.term-interactive-demo.component-lab[data-b1-rebuild=component]{color:#fff6e6;background:#4a342c;border:2px solid #624632;box-shadow:8px 8px #d19b64}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-brief{color:#ffecd0}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-source,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-readout,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-instance,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-hint{color:#3c2b24;background:#fff7e7;border-color:#bd936e}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-source-head small,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-source-head code,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-props,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-hint{color:#765443}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-source-head b,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-readout b,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-product-copy b,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-product-copy span{color:#3c2b24}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-thumb{color:#533525;background:#e5c48f}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-action{color:#fff8e8;background:#7a4e32}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-instance.is-copied{background:#fde4d8;border:3px solid #a94c3b}.component-lab-copy-warning{color:#7e3028;font-size:var(--text-caption);font-weight:800;line-height:1.35}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-primary{color:#3b291e!important;background:#dca33d!important;border-color:#dca33d!important}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-copy,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-reset{color:#4a3024!important;background:#fff0d6!important;border-color:#8f684d!important}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-repair{color:#f6fff8!important;background:#286b54!important;border-color:#286b54!important}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-primary:hover:not(:disabled),.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-copy:hover:not(:disabled),.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-reset:hover,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-repair:hover{color:#3b291e!important;background:#f4d272!important;border-color:#f4d272!important}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-primary:focus-visible,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-copy:focus-visible,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-reset:focus-visible,.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-repair:focus-visible{outline-offset:3px;outline:3px solid #ffe58e}.term-interactive-demo.component-lab[data-b1-rebuild=component] .component-lab-feedback{color:#fff4df;background:#38271f;border-color:#b98c67 #b98c67 #b98c67 #f1c65f}