.tree-select-card-preview .tree-selected-row{border-color:color-mix(in srgb, var(--accent) 24%, #fff);background:color-mix(in srgb, var(--accent) 5%, #fff);grid-template-columns:7px auto 1fr;align-items:center;gap:5px;padding:6px 8px;display:grid}.term-card .term-preview:is(.menu-card-preview,.breadcrumb-card-preview,.pagination-card-preview,.steps-card-preview,.dropdown-card-preview,.anchor-card-preview){color:#59647d;grid-template-columns:1fr;align-content:center;gap:6px;min-height:150px;padding:11px 12px}@media (max-width:780px){.term-card .term-preview:is(.menu-card-preview,.breadcrumb-card-preview,.pagination-card-preview,.steps-card-preview,.dropdown-card-preview,.anchor-card-preview){gap:5px;padding:10px}}
.frontend-detail-map{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:11px;display:grid}.frontend-detail-map>div{background:#fafafa;border:1px solid #e6e6eb;border-radius:10px;gap:8px;min-width:0;padding:15px;display:grid}.frontend-detail-map svg{color:var(--accent)}.frontend-detail-map>svg{color:#a5a5ae;align-self:center}.frontend-detail-map b{color:#3f3f48;font-size:15px}.frontend-detail-map span{color:#74747f;font-size:13px;line-height:1.55}@media (max-width:780px){.frontend-detail-map{grid-template-columns:1fr}.frontend-detail-map>svg{justify-self:center;transform:rotate(90deg)}}.frontend-card-preview{gap:8px;padding:14px;display:grid}.frontend-card-caption{color:var(--muted);letter-spacing:.2px;margin:0;font-size:8px;font-weight:700}.frontend-card-layers{gap:5px;display:flex}.frontend-card-layers button{color:#8a8a93;font:inherit;text-align:center;cursor:pointer;background:#fff;border:1px solid #e0e0e6;border-radius:5px;flex:1;gap:1px;padding:5px 4px;display:grid}.frontend-card-layers button b{color:#6f6f79;font-size:9px;font-weight:800}.frontend-card-layers button small{color:#a0a0a8;font-size:7px}.frontend-card-layers button.is-on{border-color:var(--ink);background:var(--soft)}.frontend-card-layers button.is-on b,.frontend-card-layers button.is-on small{color:var(--ink)}.frontend-card-stage{background:#fff;border:1px solid #e4e4ea;border-radius:6px;gap:5px;padding:9px 10px;transition:background .16s,border-color .16s;display:grid}.frontend-card-stage strong{color:var(--ink);font-size:9px;font-weight:800}.frontend-card-field{color:#86868f;font-size:7px}.frontend-card-submit{background:var(--ink);color:#fff;border-radius:9999px;justify-self:start;padding:4px 9px;font-size:7px;font-weight:750}.frontend-card-submit.is-dormant{background:#d4d4da}.frontend-card-stage.is-bare{background:0 0;border:0;gap:2px;padding:0}.frontend-card-stage.is-bare strong{font-size:8px}.frontend-card-stage.is-bare .frontend-card-submit{color:var(--ink);background:0 0;border-radius:0;padding:0;text-decoration:underline}.frontend-card-stage.is-empty{place-items:center;min-height:44px;display:grid}.frontend-card-empty{color:#b0b0b7;font-size:8px}.frontend-card-status{color:var(--ink);margin:0;font-size:8px;line-height:1.5}.term-interactive-demo.frontend-demo{border-color:var(--line);background:var(--surface-card)}.term-interactive-demo.frontend-demo button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);color:var(--ink);min-height:34px;padding:7px 12px;font-size:13px;font-weight:650}.term-interactive-demo.frontend-demo button:hover{border-color:color-mix(in srgb, var(--ink) 30%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.frontend-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.frontend-demo button[aria-pressed=true],.term-interactive-demo.frontend-demo button[aria-pressed=true]:hover{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.frontend-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.frontend-demo-layers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.frontend-demo-layers button{text-align:left;border-radius:10px;gap:3px;min-height:0;padding:10px 12px;display:grid}.frontend-demo-layers button b{color:var(--muted);font-size:13px;font-weight:800}.frontend-demo-layers button span{color:var(--muted);font-size:12px;font-weight:700}.frontend-demo-layers button small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.4}.frontend-demo-layers button[aria-pressed=true] b,.frontend-demo-layers button[aria-pressed=true] span,.frontend-demo-layers button[aria-pressed=true] small{color:var(--ink)}.frontend-demo-browser{border:1px solid var(--line);background:var(--soft);border-radius:10px;overflow:hidden}.frontend-demo-bar{border-bottom:1px solid var(--line);background:var(--surface-card);align-items:center;gap:6px;padding:8px 12px;display:flex}.frontend-demo-bar i{background:var(--line);border-radius:50%;width:8px;height:8px}.frontend-demo-bar b{color:var(--muted);font-size:12px;font-weight:600;font-family:var(--font-geist-mono), ui-monospace, monospace;margin-left:6px}.frontend-demo-stage{align-content:start;min-height:210px;padding:16px;transition:background .16s;display:grid}.frontend-demo-stage.is-empty{place-items:center;display:grid}.frontend-demo-empty{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.6}.frontend-demo-stage.is-bare{background:0 0}.frontend-demo-stage.is-bare .frontend-demo-card{background:0 0;border:0;border-radius:0;gap:3px;padding:0}.frontend-demo-stage.is-bare .frontend-demo-submit{border:0;border-radius:0;padding:2px 0;text-decoration:underline;color:var(--ink)!important;background:0 0!important}.frontend-demo-stage.is-bare .frontend-demo-badge{display:none}.frontend-demo-card{border:1px solid var(--line);background:var(--surface-card);border-radius:8px;gap:10px;padding:16px;display:grid}.frontend-demo-card header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.frontend-demo-card header small{color:var(--muted);font-size:11px;font-weight:700}.frontend-demo-card header strong{color:var(--ink);font-size:14px;font-weight:800}.frontend-demo-badge{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:9999px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:700;line-height:1.4}.frontend-demo-badge.is-phase-creating{border-color:color-mix(in srgb, #8a5a12 35%, var(--line));background:color-mix(in srgb, #8a5a12 8%, var(--surface-card));color:color-mix(in srgb, var(--ink) 35%, #8a5a12)}.frontend-demo-badge.is-phase-success{border-color:color-mix(in srgb, #4d805d 35%, var(--line));background:color-mix(in srgb, #4d805d 8%, var(--surface-card));color:color-mix(in srgb, var(--ink) 35%, #4d805d)}.frontend-demo-badge.is-phase-error{border-color:color-mix(in srgb, #b04c52 35%, var(--line));background:color-mix(in srgb, #b04c52 8%, var(--surface-card));color:color-mix(in srgb, var(--ink) 30%, #b04c52)}.frontend-demo-field{gap:4px;display:grid}.frontend-demo-field span{color:var(--ink);font-size:12px;font-weight:700}.frontend-demo-field input{border:1px solid var(--line);background:var(--surface-card);width:100%;min-height:36px;color:var(--ink);font:inherit;border-radius:8px;padding:8px 10px;font-size:13px}.frontend-demo-field input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.frontend-demo-field input:disabled{opacity:.7;cursor:not-allowed}.frontend-demo-field input[aria-invalid=true]{border-color:color-mix(in srgb, #b04c52 50%, var(--line))}.frontend-demo-submit{cursor:pointer;justify-self:start;border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important;min-height:38px!important;padding:10px 18px!important;font-size:13px!important;font-weight:750!important}.frontend-demo-submit:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 88%, var(--ink))!important}.frontend-demo-submit:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.frontend-demo-submit:disabled{opacity:.5;cursor:not-allowed}.frontend-demo-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.frontend-demo-outcomes{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.frontend-demo-outcomes button{min-height:30px;padding:6px 12px;font-size:12px}.frontend-demo-reset{margin-left:auto}.frontend-demo-status{border:1px solid var(--line);border-left:3px solid var(--ink);background:var(--soft);border-radius:0 8px 8px 0;gap:6px;margin:0;padding:10px 12px;display:grid}.frontend-demo-status-main{color:var(--ink);font-size:13px;line-height:1.6}.frontend-demo-status-rule{color:var(--muted);font-size:12px;line-height:1.55}.frontend-attention-list li strong{color:var(--ink)}.frontend-attention-list li span{color:var(--muted)}.frontend-examples,.frontend-boundary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.frontend-examples article,.frontend-boundary article{border:1px solid var(--line);background:var(--soft);border-radius:9px;gap:6px;padding:14px 15px;display:grid}.frontend-examples article header{align-items:baseline;gap:8px;display:flex}.frontend-examples article.is-good{border-left:4px solid color-mix(in srgb, #4d805d 70%, var(--line))}.frontend-examples article.is-bad{border-left:4px solid color-mix(in srgb, #b04c52 65%, var(--line))}.frontend-examples article strong{color:var(--ink);font-size:14px;font-weight:800}.frontend-examples article small{color:var(--muted);font-size:11px;font-weight:700}.frontend-examples article p{color:#555560;margin:0;font-size:13px;line-height:1.6}.frontend-examples article span{color:var(--muted);font-size:12px;font-weight:600}.frontend-boundary article small{color:var(--muted);font-size:11px;font-weight:800}.frontend-boundary article strong{color:var(--ink);font-size:14px;font-weight:800}.frontend-boundary article p{color:#555560;margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.frontend-demo-layers,.frontend-examples,.frontend-boundary{grid-template-columns:1fr}.frontend-demo-reset{margin-left:0}}@media (prefers-reduced-motion:reduce){.frontend-demo-stage,.frontend-card-stage{transition:none}}.term-card .frontend-card-preview{color:#173348;background:#dcebf0;border:2px solid #2b5270;box-shadow:5px 5px #83aabb}.term-card .frontend-card-preview .frontend-card-caption{color:#2d5a70}.term-card .frontend-card-preview .frontend-card-layers button{background:#f7fcfb;border-color:#7fa4b5}.term-card .frontend-card-preview .frontend-card-layers button b,.term-card .frontend-card-preview .frontend-card-layers button small{color:#315d70}.term-card .frontend-card-preview .frontend-card-layers button.is-on{background:#173d56;border-color:#1d4f69}.term-card .frontend-card-preview .frontend-card-layers button.is-on b,.term-card .frontend-card-preview .frontend-card-layers button.is-on small{color:#edf9f5}.term-card .frontend-card-preview .frontend-card-stage{background:#f9fdfb;border-color:#76a2b4}.term-card .frontend-card-preview .frontend-card-stage strong,.term-card .frontend-card-preview .frontend-card-status{color:#173348}.term-card .frontend-card-preview .frontend-card-field{color:#416b7a}.term-card .frontend-card-preview .frontend-card-submit{color:#f4fff9;background:#1f6c6c}.term-card .frontend-card-preview .frontend-card-submit.is-dormant{color:#4c6973;background:#c6d3d4}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend]{color:#eefbf6;background:#183e55;border:2px solid #234b64;box-shadow:8px 8px #75aab5}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-brief{color:#ddf2ed}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] button{color:#16384c;background:#eff8f4;border-color:#75a5b4}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] button:hover{color:#173348;background:#fff4c8;border-color:#f2c75c}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] button[aria-pressed=true],.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] button[aria-pressed=true]:hover{color:#173348;background:#f2c75c;border-color:#f2c75c}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] button:focus-visible{outline-color:#ffe08a}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-layers button b,.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-layers button span,.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-layers button small{color:#16384c}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-browser{background:#d9e9e4;border-color:#81acb8}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-bar{background:#112f43;border-color:#81acb8}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-bar i{background:#e7c76d}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-bar b{color:#daf2ea}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-card{background:#f8fdf9;border-color:#78a8b4}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-card header small,.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-field>span,.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-hint{color:#365d6c}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-card header strong,.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-field input{color:#173348}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-badge{color:#274f5e;background:#e5f0ec;border-color:#8caeb4}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-badge.is-phase-success{color:#185b49;background:#d9f0e3;border-color:#28775f}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-badge.is-phase-error{color:#7c3028;background:#f8e0d8;border-color:#ad5548}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-submit{color:#f7fff9!important;background:#1d6b68!important;border-color:#1d6b68!important}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-submit:hover:not(:disabled){color:#f7fff9!important;background:#16524f!important;border-color:#16524f!important}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-submit:disabled{color:#567078!important;background:#d8e4df!important;border-color:#b5c8c6!important}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-status{color:#ecfaf4;background:#102c3b;border-left-color:#f2c75c}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-status-main{color:#ecfaf4}.term-interactive-demo.frontend-demo[data-b1-rebuild=frontend] .frontend-demo-status-rule{color:#c3e0d8}
.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}
.term-card .term-preview.state-card-preview{min-height:132px;padding:var(--spacing-12);background:var(--soft);color:var(--ink);align-content:center;gap:6px;display:grid}.state-card-caption{color:var(--muted);font-size:8px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;text-align:center;margin:0}.state-card-panel{border:1px solid var(--line);background:var(--surface-card);text-align:left;border-left-width:3px;border-radius:6px;align-content:start;gap:3px;min-width:0;padding:8px 8px 9px;display:grid}.state-card-panel.is-pristine{border-left-color:var(--line);background:var(--surface-card)}.state-card-panel.is-editing{border-left-color:color-mix(in srgb, var(--ink) 35%, var(--line))}.state-card-panel.is-saving{border-left-color:color-mix(in srgb, var(--ink) 55%, var(--line));background:color-mix(in srgb, var(--ink) 3%, var(--surface-card))}.state-card-panel.is-saved{border-left-color:color-mix(in srgb, #4d805d 70%, var(--line));background:color-mix(in srgb, #4d805d 6%, var(--surface-card))}.state-card-panel.is-failed{border-left-color:color-mix(in srgb, #b15259 70%, var(--line));background:color-mix(in srgb, #b15259 6%, var(--surface-card))}.state-card-panel-head{justify-content:space-between;align-items:center;gap:4px;display:flex}.state-card-panel-head small{color:var(--muted);font-size:6px}.state-card-badge{border:1px solid var(--line);border-radius:var(--radius-badges);background:var(--soft);width:fit-content;color:var(--muted);font-size:6px;font-weight:var(--font-weight-semibold);padding:1px 5px;line-height:1.3}.state-card-panel.is-saved .state-card-badge{border-color:color-mix(in srgb, #4d805d 35%, var(--line));color:color-mix(in srgb, var(--ink) 45%, #4d805d)}.state-card-panel.is-failed .state-card-badge{border-color:color-mix(in srgb, #b15259 35%, var(--line));color:color-mix(in srgb, var(--ink) 40%, #b15259)}.state-card-panel strong{color:var(--ink);font-size:9px;font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.state-card-note{color:var(--muted);font-size:6px;line-height:1.35}.state-card-switch{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.state-card-switch button{border:1px solid var(--line);border-radius:var(--radius-badges);background:var(--surface-card);min-height:20px;color:var(--muted);font-size:6px;font-weight:var(--font-weight-semibold);padding:3px 1px;line-height:1.2}.state-card-switch button:hover{border-color:color-mix(in srgb, var(--ink) 24%, var(--line));color:var(--ink)}.state-card-switch button.is-selected,.state-card-switch button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 40%, var(--line));background:color-mix(in srgb, var(--ink) 4%, var(--surface-card));color:var(--ink)}.state-card-switch button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.term-interactive-demo.state-demo{gap:var(--element-gap);border-color:var(--line);background:var(--color-white)}.state-demo-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.state-demo-outcomes{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.term-interactive-demo.state-demo .state-demo-outcomes button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);color:var(--ink)}.term-interactive-demo.state-demo .state-demo-outcomes button:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.state-demo .state-demo-outcomes button.is-selected,.term-interactive-demo.state-demo .state-demo-outcomes button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 40%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.state-demo .state-demo-outcomes button:focus-visible,.term-interactive-demo.state-demo .state-demo-primary:focus-visible,.term-interactive-demo.state-demo .state-demo-secondary:focus-visible,.term-interactive-demo.state-demo .state-demo-field input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.state-demo-panel{gap:var(--spacing-8);padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--soft);border-left-width:4px;transition:border-color .16s,background-color .16s;display:grid}.state-demo-panel.is-pristine{border-left-color:var(--line);background:var(--soft)}.state-demo-panel.is-editing{border-left-color:color-mix(in srgb, var(--ink) 35%, var(--line))}.state-demo-panel.is-saving{border-left-color:color-mix(in srgb, var(--ink) 55%, var(--line));background:color-mix(in srgb, var(--ink) 3%, var(--soft))}.state-demo-panel.is-saved{border-left-color:color-mix(in srgb, #4d805d 70%, var(--line));background:color-mix(in srgb, #4d805d 6%, var(--surface-card))}.state-demo-panel.is-failed{border-left-color:color-mix(in srgb, #b15259 70%, var(--line));background:color-mix(in srgb, #b15259 6%, var(--surface-card))}@media (prefers-reduced-motion:reduce){.state-demo-panel{transition:none}}.state-demo-panel-head{justify-content:space-between;align-items:center;gap:var(--spacing-8);display:flex}.state-demo-panel-head small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.state-demo-badge{border:1px solid var(--line);border-radius:var(--radius-badges);background:var(--surface-card);color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);padding:3px 10px;line-height:1.3}.state-demo-panel.is-saved .state-demo-badge{border-color:color-mix(in srgb, #4d805d 35%, var(--line));color:color-mix(in srgb, var(--ink) 40%, #4d805d)}.state-demo-panel.is-failed .state-demo-badge{border-color:color-mix(in srgb, #b15259 35%, var(--line));color:color-mix(in srgb, var(--ink) 35%, #b15259)}.state-demo-field{gap:var(--spacing-4);display:grid}.state-demo-field-label{color:var(--ink);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.state-demo-field input{border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--surface-card);width:100%;min-height:36px;color:var(--ink);padding:8px 10px}.state-demo-field input:disabled{opacity:.72;cursor:not-allowed}.state-demo-evidence{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-caption);margin:0}.state-demo-actions{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.term-interactive-demo.state-demo .state-demo-primary{font-weight:var(--font-weight-bold);border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.term-interactive-demo.state-demo .state-demo-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 85%, #000)!important;color:var(--color-white)!important}.term-interactive-demo.state-demo .state-demo-primary:disabled{opacity:.55;cursor:not-allowed}.term-interactive-demo.state-demo .state-demo-secondary{border:1px solid var(--line)!important;border-radius:var(--radius-buttons)!important;background:var(--surface-card)!important;color:var(--muted)!important}.term-interactive-demo.state-demo .state-demo-secondary:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line))!important;color:var(--ink)!important}.term-interactive-demo.state-demo .state-demo-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}.state-attention-list{margin-bottom:0}.state-attention-list li{gap:4px;display:grid}.state-attention-list strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.state-attention-list span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.state-examples,.state-boundary{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.state-examples article,.state-boundary 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}.state-examples article.is-good{border-left:4px solid var(--ink);background:var(--color-white)}.state-examples article.is-bad{border-left:4px dashed var(--color-deco,var(--line));background:var(--color-faint,var(--soft))}.state-examples article.is-good header strong:before{content:"✓ ";color:var(--ink);font-weight:800}.state-examples article.is-bad header strong:before{content:"✗ ";color:var(--muted);font-weight:700}.state-examples header{justify-content:space-between;align-items:baseline;gap:var(--spacing-8);display:flex}.state-examples strong,.state-boundary strong{color:var(--ink);font-size:var(--text-ui)}.state-examples small,.state-boundary small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.state-examples p,.state-boundary p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.state-examples span{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-caption)}@media (max-width:780px){.state-examples,.state-boundary{grid-template-columns:1fr}}.term-card .state-card-preview{color:#163d3b;background:#d9ebe3;border:2px solid #315c58;box-shadow:5px 5px #83b7a5}.term-card .state-card-preview .state-card-caption,.term-card .state-card-preview .state-card-panel-head small,.term-card .state-card-preview .state-card-note{color:#406b66}.term-card .state-card-preview .state-card-panel{background:#fffdf5;border-color:#8bb5aa}.term-card .state-card-preview .state-card-panel strong{color:#173f3b}.term-card .state-card-preview .state-card-switch button{color:#315c58;background:#f8fdf8;border-color:#8bb5aa}.term-card .state-card-preview .state-card-switch button.is-selected{color:#f3fff8;background:#245b55;border-color:#245b55}.term-interactive-demo.state-demo[data-b1-rebuild=state]{color:#f0fff6;background:#173e3e;border:2px solid #26514e;box-shadow:8px 8px #87b9aa}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-brief{color:#d7eee6}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-outcomes button{color:#193f3d;background:#eff8f2;border-color:#79a9a0}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-outcomes button.is-selected,.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-outcomes button[aria-pressed=true]{color:#27351f;background:#f0c45e;border-color:#f0c45e}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel{color:#173d3b;background:#fbfff8;border-color:#79a9a0}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel.is-editing{background:#fff7dc;border-left-color:#e2b34f}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel.is-saving{background:#fff1ca;border-left-color:#e0a746}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel.is-saved{background:#ddf2e3;border-left-color:#2c7a60}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel.is-failed{background:#fce3da;border-left-color:#b24f43}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel-head small,.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-field-label,.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-evidence{color:#416965}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-badge{color:#285754;background:#e7f1eb;border-color:#8ab1a8}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel.is-saved .state-demo-badge{color:#1e614b;background:#d6eee0;border-color:#338162}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel.is-failed .state-demo-badge{color:#812f29;background:#f8d8ce;border-color:#b24f43}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-field input{color:#173d3b;background:#fffef8;border-color:#84aaa1}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-primary{color:#2e291d!important;background:#e4ae45!important;border-color:#e4ae45!important}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-primary:hover:not(:disabled){color:#2e291d!important;background:#f4d376!important;border-color:#f4d376!important}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-secondary{color:#214946!important;background:#eff9f2!important;border-color:#91b6ac!important}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-feedback{color:#effcf5;background:#102e30;border-color:#70a096 #70a096 #70a096 #f0c45e}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-outcomes button:focus-visible,.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-primary:focus-visible,.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-secondary:focus-visible,.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-field input:focus-visible{outline-color:#ffe18a}
.button-state-sequence{align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.button-state-sequence li{color:#595963;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;gap:4px;min-width:0;padding:13px;font-size:13px;display:grid}.button-state-sequence li b{color:var(--accent);font-size:12px}.button-state-sequence li span{color:#85858f;font-size:11px}.button-state-sequence>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.button-state-sequence{flex-direction:column;align-items:stretch}.button-state-sequence>svg{align-self:center;transform:rotate(90deg)}}.term-card .term-preview.button-card-preview{min-height:150px;color:var(--muted);background:var(--color-faint);align-content:center;gap:7px;padding:12px;display:grid}.button-card-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.button-card-header small{color:var(--muted);font-size:8px;font-weight:var(--font-weight-semibold)}.button-card-phase{border:1px solid var(--line);border-radius:var(--radius-badges);background:var(--surface-card);color:var(--muted);font-size:8px;font-weight:var(--font-weight-semibold);padding:2px 7px}.button-card-phase.is-ready{border-color:color-mix(in srgb, var(--ink) 22%, var(--line));color:var(--ink)}.button-card-phase.is-busy{border-color:color-mix(in srgb, var(--ink) 18%, var(--line));color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, var(--surface-card))}.button-card-phase.is-success{border-color:color-mix(in srgb, #4d805d 45%, var(--line));color:color-mix(in srgb, #4d805d 85%, var(--ink));background:color-mix(in srgb, #4d805d 8%, var(--surface-card))}.button-card-phase.is-error,.button-card-phase.is-blocked{border-left:3px solid #a83a44;border-color:color-mix(in srgb, #a83a44 28%, var(--line));color:var(--ink);background:color-mix(in srgb, #a83a44 6%, var(--surface-card))}.button-card-object{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.button-card-primary{border-radius:var(--radius-buttons);background:var(--ink);min-width:0;min-height:26px;color:var(--color-white);font-size:9px;font-weight:var(--font-weight-bold);border:0;flex:auto;padding:6px 10px}.button-card-primary:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 85%, #000)}.button-card-primary:disabled{opacity:.45;cursor:not-allowed}.button-card-primary:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.button-card-chip{border-radius:var(--radius-badges);font-size:8px;font-weight:var(--font-weight-semibold);flex:none;padding:2px 6px}.button-card-chip.is-ok{border:1px solid color-mix(in srgb, #4d805d 45%, var(--line));background:color-mix(in srgb, #4d805d 12%, var(--surface-card));color:color-mix(in srgb, #4d805d 85%, var(--ink))}.button-card-chip.is-bad{border:1px solid color-mix(in srgb, #a83a44 40%, var(--line));background:color-mix(in srgb, #a83a44 10%, var(--surface-card));color:color-mix(in srgb, #a83a44 85%, var(--ink))}.button-card-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.button-card-toggle{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);min-height:24px;color:var(--muted);font-size:8px;font-weight:var(--font-weight-semibold);flex:none;padding:5px 8px}.button-card-toggle:hover{border-color:color-mix(in srgb, var(--ink) 24%, var(--line));color:var(--ink)}.button-card-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.button-card-toggle[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 28%, var(--line));color:var(--ink)}.button-card-reset{border-radius:var(--radius-buttons);min-height:24px;color:var(--ink);font-size:8px;font-weight:var(--font-weight-semibold);background:0 0;border:0;flex:none;padding:5px 8px;text-decoration:underline}.button-card-reset:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.button-card-status{border-left:3px solid var(--line);border-radius:var(--radius-inputs);background:var(--surface-card);color:var(--muted);margin:0;padding:6px 8px;font-size:8px;line-height:1.4}.button-demo{border-color:var(--line);background:var(--surface-card)}.button-demo-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.button-demo-panel{gap:var(--spacing-8);padding:var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-faint);display:grid}.button-demo-panel header{gap:2px;display:grid}.button-demo-panel header small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.button-demo-panel header strong{color:var(--ink);font-size:var(--text-ui);font-weight:var(--font-weight-bold)}.button-demo-fields{gap:var(--spacing-8);display:grid}.button-demo-field{gap:4px;display:grid}.button-demo-field span{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.button-demo-field input{border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--surface-card);width:100%;min-height:36px;color:var(--ink);font-size:var(--text-body);padding:8px 10px}.button-demo-field input:disabled{opacity:.72;cursor:not-allowed}.button-demo-field input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button-demo-field input[aria-invalid=true]{border-color:color-mix(in srgb, #a83a44 55%, var(--line))}.button-demo-outcomes{flex-wrap:wrap;gap:8px;display:flex}.button-demo-outcomes button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);color:var(--muted)}.button-demo-outcomes button:hover{border-color:color-mix(in srgb, var(--ink) 24%, var(--line));color:var(--ink)}.button-demo-outcomes button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button-demo-outcomes button.is-selected,.button-demo-outcomes button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 30%, var(--line));background:color-mix(in srgb, var(--ink) 8%, var(--surface-card));color:var(--ink);font-weight:var(--font-weight-semibold)}.button-demo-primary{font-weight:var(--font-weight-bold);border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.button-demo-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 85%, #000)!important;color:var(--color-white)!important}.button-demo-primary:disabled{opacity:.45;cursor:not-allowed}.button-demo-primary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button-demo-chip{border-radius:var(--radius-badges);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);flex:none;padding:4px 9px}.button-demo-chip.is-ok{border:1px solid color-mix(in srgb, #4d805d 45%, var(--line));background:color-mix(in srgb, #4d805d 12%, var(--surface-card));color:color-mix(in srgb, #4d805d 85%, var(--ink))}.button-demo-chip.is-bad{border:1px solid color-mix(in srgb, #a83a44 40%, var(--line));background:color-mix(in srgb, #a83a44 10%, var(--surface-card));color:color-mix(in srgb, #a83a44 85%, var(--ink))}.button-demo-secondary{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);color:var(--muted);margin-left:auto}.button-demo-secondary:hover{border-color:color-mix(in srgb, var(--ink) 24%, var(--line));color:var(--ink)}.button-demo-secondary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button-demo-status{min-height:44px;padding:var(--spacing-12);border-left:3px solid var(--line);border-radius:var(--radius-inputs);color:var(--muted);background:var(--color-faint);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.button-demo-status.is-ready{border-left-color:color-mix(in srgb, var(--ink) 45%, var(--line));color:var(--ink)}.button-demo-status.is-busy{border-left-color:color-mix(in srgb, var(--ink) 35%, var(--line));color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, var(--surface-card))}.button-demo-status.is-success{border-left-color:color-mix(in srgb, #4d805d 70%, var(--line));color:var(--ink);background:color-mix(in srgb, #4d805d 8%, var(--surface-card))}.button-demo-status.is-error,.button-demo-status.is-blocked{color:var(--ink);background:color-mix(in srgb, #a83a44 8%, var(--surface-card));border-left-color:#a83a44}.button-focus-list{gap:var(--spacing-12);counter-reset:button-focus;margin:0;padding:0;list-style:none;display:grid}.button-focus-list li{padding:var(--spacing-12) var(--spacing-12) var(--spacing-12) var(--spacing-40);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);counter-increment:button-focus;gap:4px;display:grid;position:relative}.button-focus-list li:before{content:counter(button-focus);left:var(--spacing-12);top:var(--spacing-12);border-radius:var(--radius-full);background:color-mix(in srgb, var(--ink) 10%, var(--soft));width:22px;height:22px;color:var(--ink);font-size:var(--text-caption);font-weight:var(--font-weight-bold);place-items:center;display:grid;position:absolute}.button-focus-list strong{color:var(--ink);font-size:var(--text-ui);font-weight:var(--font-weight-bold)}.button-focus-list span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.button-variants{gap:var(--spacing-8);margin:0 0 var(--spacing-8) 0;display:grid}.button-variant{align-items:center;gap:var(--spacing-8);border-radius:var(--radius-buttons);width:fit-content;font-size:var(--text-ui);font-weight:var(--font-weight-semibold);color:var(--ink);padding:8px 14px;display:inline-flex}.button-variant i{font-style:normal;font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--muted)}.button-variant.is-secondary{border:1px solid color-mix(in srgb, var(--ink) 22%, var(--line));background:var(--surface-card)}.button-variant.is-ghost{color:var(--ink);background:0 0;border:1px solid #0000;text-decoration:underline}.button-variant.is-danger{color:var(--color-white);background:#a83a44;border:0}.button-variant.is-danger i{color:color-mix(in srgb, var(--color-white) 82%, #a83a44)}.button-variants-note{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.button-examples{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button-examples 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}.button-examples article.is-good{border-left:4px solid color-mix(in srgb, #4d805d 80%, var(--line))}.button-examples article.is-bad{border-left:4px solid color-mix(in srgb, #a83a44 80%, var(--line))}.button-examples small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.button-examples article.is-bad small{color:color-mix(in srgb, #a83a44 80%, var(--ink))}.button-examples strong{color:var(--ink);font-size:var(--text-ui);font-weight:var(--font-weight-bold)}.button-examples p{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.button-recovery-steps{align-items:stretch;gap:var(--spacing-8);display:flex}.button-recovery-steps>span{min-width:0;padding:var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-faint);color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);flex:1;gap:4px;display:grid}.button-recovery-steps b{color:var(--ink);font-size:var(--text-caption);font-weight:var(--font-weight-bold)}.button-recovery-steps>i{color:var(--muted);flex:none;align-self:center;font-style:normal}@media (max-width:780px){.button-examples{grid-template-columns:1fr}.button-recovery-steps{flex-direction:column}.button-recovery-steps>i{align-self:center;transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.button-card-primary,.button-demo-primary{transition:none}}.term-card .button-card-preview{color:#173544;background:#dcecf0;border:2px solid #28566d;gap:8px;padding:12px;display:grid;box-shadow:5px 5px #87b5c0}.term-card .button-card-preview .button-card-header{font-size:9px;font-weight:800}.term-card .button-card-preview .button-card-header span{color:#315d70}.term-card .button-card-preview .button-card-header b{color:#195a47;background:#e4f4e9;border:1px solid #397761;padding:3px 6px}.button-card-record{grid-template-columns:1fr 1fr;gap:6px;margin:0;display:grid}.button-card-record div{background:#fffdf6;border:1px solid #85acb8;gap:2px;padding:7px;display:grid}.button-card-record dt{color:#52717b;font-size:8px;font-weight:800}.button-card-record dd{color:#183943;overflow-wrap:anywhere;margin:0;font-size:9px;font-weight:800}.button-card-action{color:#f6fffd;background:#1b6470;border:1px solid #1b6470;gap:2px;padding:8px 10px;display:grid}.button-card-action strong{font-size:10px}.button-card-action span{color:#d8f4e9;font-size:8px;line-height:1.35}.term-card .button-card-preview>p{color:#203f4a;margin:0;font-size:9px;font-weight:750;line-height:1.45}.term-interactive-demo.button-demo{color:#effbf6;background:#163744;border:2px solid #204e62;gap:13px;padding:16px;display:grid;box-shadow:8px 8px #83b5bd}.term-interactive-demo.button-demo .button-demo-brief{color:#d8f1eb;margin:0;line-height:1.6}.button-demo-profile{color:#183640;background:#fffdf5;border:1px solid #74a7b1;gap:12px;padding:13px;display:grid}.button-demo-profile header{grid-template-columns:1fr auto;align-items:center;gap:3px 8px;display:grid}.button-demo-profile header span{color:#4e717b;font:800 10px var(--font-geist-mono),monospace;letter-spacing:.06em;grid-column:1/-1}.button-demo-profile header strong{font-size:17px}.button-demo-profile header b{color:#315c5a;background:#edf3ec;border:1px solid #70959a;padding:4px 7px;font-size:11px}.button-demo-profile dl{border-top:1px solid #b9ced0;border-bottom:1px solid #b9ced0;grid-template-columns:1fr 1.6fr;gap:8px;margin:0;padding:10px;display:grid}.button-demo-profile dl div{gap:3px;min-width:0;display:grid}.button-demo-profile dt{color:#59747a;font-size:11px;font-weight:800}.button-demo-profile dd{color:#193841;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:750}.button-demo-profile footer{color:#3e6067;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;line-height:1.45;display:flex}.button-demo-profile footer i{font-style:normal;font-weight:850}.button-demo-profile.is-saving{border-left:5px solid #d79e3d}.button-demo-profile.is-saving header b{color:#70450e;background:#fff0cd;border-color:#bd8430}.button-demo-profile.is-saved{background:#e7f5e8;border:2px solid #33816a}.button-demo-profile.is-saved header b{color:#1b5e4a;background:#d7efdf;border-color:#2e7a64}.button-demo-profile.is-saved footer i{color:#17634d}.button-demo-profile.is-failed{background:#fff0e8;border:2px solid #b55046}.button-demo-profile.is-failed header b{color:#7c302a;background:#f9ded5;border-color:#ad5147}.button-demo-profile.is-failed footer i{color:#8c332b}.button-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.term-interactive-demo.button-demo .button-demo-primary{font-weight:850;color:#243127!important;background:#e6b85b!important;border:1px solid #e6b85b!important}.term-interactive-demo.button-demo .button-demo-primary:hover:not(:disabled){color:#243127!important;background:#f6d47e!important;border-color:#f6d47e!important}.term-interactive-demo.button-demo .button-demo-network{color:#214c51!important;background:#e8f3ef!important;border:1px solid #8eb6b6!important}.term-interactive-demo.button-demo .button-demo-network:hover:not(:disabled){color:#712e28!important;background:#ffe0d4!important;border-color:#b95b4e!important}.term-interactive-demo.button-demo .button-demo-reset{color:#254951!important;background:#fffdf5!important;border:1px solid #94b2b6!important}.term-interactive-demo.button-demo .button-demo-reset:hover{color:#243127!important;background:#fff1c9!important;border-color:#e6b85b!important}.term-interactive-demo.button-demo .button-demo-primary:disabled,.term-interactive-demo.button-demo .button-demo-network:disabled{cursor:not-allowed;color:#ceded9!important;background:#45636d!important;border-color:#6b8790!important}.term-interactive-demo.button-demo .button-demo-primary:focus-visible,.term-interactive-demo.button-demo .button-demo-network:focus-visible,.term-interactive-demo.button-demo .button-demo-reset:focus-visible{outline-offset:3px;outline:3px solid #ffe08b}.term-interactive-demo.button-demo .button-demo-status{color:#eefbf5;background:#102b35;border-left:4px solid #e8bf64;margin:0;padding:10px 11px;line-height:1.6}.term-interactive-demo.button-demo .button-demo-status.is-failed{color:#fff2eb;background:#492722;border-left-color:#ef8070}.term-interactive-demo.button-demo .button-demo-status.is-saved{color:#edfff4;background:#153c36;border-left-color:#6dd09c}@media (max-width:520px){.term-interactive-demo.button-demo{padding:12px;box-shadow:4px 4px #83b5bd}.button-demo-profile dl{grid-template-columns:1fr}.button-demo-actions>*{width:100%}.button-card-record{grid-template-columns:1fr}}
.link-card-preview{align-content:center;gap:9px;padding:16px;display:grid}.term-card .term-preview.link-card-preview small{color:#9898a1;font-size:8px}.term-card .term-preview.link-card-preview .link-card-line{align-items:center;gap:8px;display:flex}.term-card .term-preview.link-card-preview .link-card-link{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:1px;font-size:9px}.term-card .term-preview.link-card-preview .link-card-btn{background:var(--ink);color:var(--color-white);border-radius:9999px;padding:2px 8px;font-size:8px}.term-card .term-preview.link-card-preview .link-card-line i{color:#85858f;font-size:8px;font-style:normal}.term-card .term-preview.link-card-preview .link-card-bad{color:#9a9aa3;margin:0;font-size:8px;text-decoration:line-through}.term-card .term-preview.link-card-preview b{color:#4f4f58;font-size:9px;font-weight:600;line-height:1.4}.link-route-map{align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.link-route-map span,.link-route-map b{color:#595963;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;gap:4px;min-width:0;padding:13px;font-size:13px;display:grid}.link-route-map>svg{color:#a5a5ae;flex:none}.link-route-map b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}@media (max-width:780px){.link-route-map{flex-direction:column;align-items:stretch}.link-route-map>svg{align-self:center;transform:rotate(90deg)}}.term-interactive-demo.link-demo{border-color:var(--line);background:var(--surface-card)}.term-interactive-demo.link-demo button:hover{border-color:color-mix(in srgb, var(--ink) 22%, var(--line));color:var(--ink)}.term-interactive-demo.link-demo button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 26%, var(--line));background:color-mix(in srgb, var(--ink) 7%, var(--surface-card));color:var(--ink)}.term-interactive-demo.link-demo button:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 55%, transparent);outline-offset:2px}.link-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.link-demo-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.link-demo-control small{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.link-demo-segment{flex-wrap:wrap;gap:6px;display:flex}.link-demo-segment button{min-height:32px;padding:6px 11px}.link-demo-artifact{border:1px solid var(--line);background:var(--color-faint);border-radius:10px;gap:10px;padding:14px;display:grid}.link-demo-artifact header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.link-demo-artifact header small{color:var(--muted);font-size:12px;font-weight:700}.link-demo-rolebadge{border:1px solid var(--line);background:var(--surface-card);color:var(--ink);border-radius:9999px;padding:3px 9px;font-size:12px;font-weight:700}.link-demo-rolebadge.is-button{border-color:color-mix(in srgb, var(--ink) 24%, var(--line));background:color-mix(in srgb, var(--ink) 6%, var(--surface-card))}.link-demo-stage{border:1px dashed var(--line);background:var(--surface-card);border-radius:8px;gap:9px;padding:14px;display:grid}.link-demo-element{justify-self:start;font-size:15px;font-weight:700}.term-interactive-demo.link-demo .link-demo-element-link{color:var(--ink);text-underline-offset:3px;cursor:pointer;text-decoration:underline}.term-interactive-demo.link-demo .link-demo-element-link:hover{text-decoration-thickness:2px}.term-interactive-demo.link-demo .link-demo-element-link:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 55%, transparent);outline-offset:3px;border-radius:2px}.term-interactive-demo.link-demo .link-demo-element-link.is-visited{color:#6b5b95}.term-interactive-demo.link-demo .link-demo-element-btn{background:var(--ink);color:var(--color-white);cursor:pointer;border:0;border-radius:9999px;padding:8px 16px}.term-interactive-demo.link-demo .link-demo-element-btn:hover{background:color-mix(in srgb, var(--ink) 85%, #000)}.term-interactive-demo.link-demo .link-demo-element-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 55%, transparent);outline-offset:3px}.link-demo-badges{flex-wrap:wrap;gap:6px;display:flex}.link-demo-targetbadge{background:color-mix(in srgb, var(--ink) 7%, var(--surface-card));color:var(--ink);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.link-demo-targetbadge.is-external{background:color-mix(in srgb, #8a5a12 12%, var(--surface-card));color:color-mix(in srgb, #8a5a12 78%, var(--ink))}.link-demo-targetbadge.is-muted{background:color-mix(in srgb, var(--muted) 14%, var(--surface-card));color:var(--muted)}.link-demo-visitedbadge{background:color-mix(in srgb, #6b5b95 16%, var(--surface-card));color:color-mix(in srgb, #6b5b95 82%, var(--ink));border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.link-demo-reader{color:#e8e8ee;font-family:var(--font-geist-mono), ui-monospace, monospace;opacity:.6;background:#2a2a32;border-radius:8px;margin:0;padding:9px 12px;font-size:13px;line-height:1.5}.link-demo-reader.is-on{opacity:1}.term-interactive-demo.link-demo .link-demo-apply{border-radius:var(--radius-buttons);background:var(--color-rausch-600);color:var(--color-white);cursor:pointer;border:0;min-height:38px;padding:10px 18px;font-size:13px;font-weight:750}.term-interactive-demo.link-demo .link-demo-apply:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 88%, var(--ink));color:var(--color-white)}.term-interactive-demo.link-demo .link-demo-apply:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.link-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.term-interactive-demo.link-demo .link-demo-reset{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);min-height:38px;color:var(--muted);padding:9px 14px;font-size:13px;font-weight:650}.term-interactive-demo.link-demo .link-demo-reset:hover{border-color:color-mix(in srgb, var(--ink) 22%, var(--line));color:var(--ink)}.term-interactive-demo.link-demo .link-demo-reset:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 55%, transparent);outline-offset:2px}.link-demo-status{border-left:3px solid var(--ink);background:var(--color-faint);color:var(--ink);border-radius:0 8px 8px 0;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.link-focus-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.link-focus-list li{border:1px solid var(--line);border-left:3px solid var(--ink);background:var(--color-faint);border-radius:0 8px 8px 0;gap:3px;padding:11px 13px;display:grid}.link-focus-list li strong{color:var(--ink);font-size:14px;font-weight:800}.link-focus-list li span{color:#555560;font-size:13px;line-height:1.6}.link-when-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.link-when-grid article{border:1px solid var(--line);background:var(--color-faint);border-radius:9px;gap:6px;padding:13px 15px;display:grid}.link-when-grid article.is-good{border-left:4px solid color-mix(in srgb, #4d805d 70%, var(--line))}.link-when-grid article.is-bad{border-left:4px solid color-mix(in srgb, var(--ink) 45%, var(--line))}.link-when-grid article small{color:var(--muted);font-size:11px;font-weight:800}.link-when-grid article ul{color:#555560;margin:0;padding-left:18px;font-size:13px;line-height:1.7}.link-how-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.link-how-list li{border:1px solid var(--line);background:var(--color-faint);color:#555560;border-radius:8px;grid-template-columns:22px 1fr;align-items:start;gap:10px;padding:10px 13px;font-size:13px;line-height:1.6;display:grid}.link-how-list li b{background:var(--ink);width:22px;height:22px;color:var(--color-white);border-radius:9999px;place-items:center;font-size:12px;font-weight:800;display:grid}.link-how-list li code{background:var(--surface-card);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.link-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.link-examples article{border:1px solid var(--line);background:var(--color-faint);border-radius:9px;gap:6px;padding:14px 15px;display:grid}.link-examples article.is-good{border-left:4px solid color-mix(in srgb, #4d805d 70%, var(--line))}.link-examples article.is-bad{border-left:4px solid color-mix(in srgb, #b04c52 65%, var(--line))}.link-examples article small{color:var(--muted);font-size:11px;font-weight:800}.link-examples article strong{color:var(--ink);font-size:14px;font-weight:800}.link-examples article p{color:#555560;margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.link-demo-controls,.link-when-grid,.link-examples{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.link-demo-reader{transition:none}}.term-card .link-card-preview{color:#183842;background:#e3eef0;border:2px solid #496878;gap:7px;padding:12px;display:grid;box-shadow:5px 5px #9fc0c4}.term-card .link-card-preview small{color:#477181;font-weight:850}.term-card .link-card-preview strong{color:#155463;text-underline-offset:4px;border-bottom:2px solid #216a78;padding-bottom:3px;font-size:12px;text-decoration:underline}.term-card .link-card-preview span{color:#416a75;font:800 9px var(--font-geist-mono),monospace}.term-card .link-card-preview p{color:#213f47;margin:0;font-size:9px;font-weight:750;line-height:1.45}.term-interactive-demo.link-demo{color:#effbf6;background:#1c3e4a;border:2px solid #2b5665;gap:13px;padding:16px;display:grid;box-shadow:8px 8px #94bcc1}.term-interactive-demo.link-demo .link-demo-brief{color:#d7eee9;margin:0;line-height:1.6}.link-demo-doc{color:#193841;background:#fffdf5;border:1px solid #83adb2;gap:13px;padding:14px;display:grid}.link-demo-doc header{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;display:flex}.link-demo-doc header span{color:#496c74;font-weight:800}.link-demo-doc header b{color:#7b302a;background:#f9dfd6;border:1px solid #b55b4d;padding:4px 7px}.link-demo-doc p{background:#fff2ea;border-left:4px solid #ba6251;margin:0;padding:13px;font-size:15px;line-height:1.75}.link-demo-doc p button{color:#7b302a;font:inherit;background:0 0;border:0;text-decoration:line-through}.link-demo-doc p a{color:#145d6d;text-underline-offset:4px;font-weight:850;text-decoration:underline}.link-demo-doc p a.is-visited{color:#5c427d}.link-demo-doc p a:focus-visible{outline-offset:3px;outline:3px solid #e9c866}.link-demo-doc footer{color:#496670;border-top:1px solid #b7cece;gap:5px;padding-top:9px;font-size:11px;display:grid}.link-demo-doc footer i{font:800 10px var(--font-geist-mono),monospace;color:#786143}.link-demo-doc.is-fixed{background:#e7f4eb;border:2px solid #327b69}.link-demo-doc.is-fixed header b{color:#185b48;background:#d7efe0;border-color:#2a7863}.link-demo-doc.is-fixed p{background:#f8fffa;border-left-color:#2c8069}.term-interactive-demo.link-demo .link-demo-repair{font-weight:850;color:#263128!important;background:#e1bd58!important;border:1px solid #e1bd58!important}.term-interactive-demo.link-demo .link-demo-repair:disabled{color:#d7e4df!important;background:#4d696c!important;border-color:#5e7e7d!important}.term-interactive-demo.link-demo .link-demo-reset{color:#1e4c53!important;background:#eff8f3!important;border:1px solid #92b4b4!important}.term-interactive-demo.link-demo .link-demo-repair:focus-visible,.term-interactive-demo.link-demo .link-demo-reset:focus-visible{outline-offset:3px;outline:3px solid #ffe290}.term-interactive-demo.link-demo .link-demo-status{color:#effbf6;background:#102d36;border-left:4px solid #e7c262;margin:0;padding:10px 11px;line-height:1.6}.term-interactive-demo.link-demo .link-demo-status.is-fixed{background:#153c36;border-left-color:#69c89b}.term-interactive-demo.link-demo .link-demo-status.is-broken{color:#fff1ea;background:#4a2723;border-left-color:#ee8371}@media (max-width:520px){.term-interactive-demo.link-demo{padding:12px;box-shadow:4px 4px #94bcc1}.link-demo-actions>*{width:100%}}
.input-card-preview{align-content:center;gap:7px;padding:17px;display:grid}.input-card-preview label{color:#62626c;font-size:8px;font-weight:700}.input-card-preview label b{color:#bf5e66;margin-left:4px;font-size:7px}.input-card-preview input{color:#666670;width:100%;font:inherit;background:#fff;border:1px solid #dfb4b8;border-radius:5px;outline:0;padding:7px;font-size:8px}.input-card-preview>span{color:#bd5c64;font-size:7px}.term-card .term-preview.input-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink);gap:9px;padding:14px;display:grid}.input-card-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.input-card-field{border:1px solid var(--color-deco);background:var(--color-white);border-radius:7px;gap:4px;padding:8px;display:grid}.input-card-field.is-blur{border-style:dashed}.input-card-field small{color:var(--muted);font-size:8px;font-weight:700;line-height:1.25}.input-card-field b{color:var(--ink);font-size:9px;font-weight:800;line-height:1.2}.input-card-field input{border:1px solid var(--color-deco);background:var(--color-faint);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:5px;padding:4px 6px;font-size:8px}.input-card-field.is-instant input{background:#fdf6e3;border-color:#d3912f}.input-card-chip{background:var(--color-faint);color:var(--muted);border-radius:999px;justify-self:start;padding:2px 6px;font-size:7px;font-weight:700}.input-card-chip.is-error{color:#a83a44;background:#fbecef}.input-card-error{color:#7a2a31;background:#fbecef;border-left:2px solid #a83a44;border-radius:0 4px 4px 0;padding:3px 6px;font-size:7px;line-height:1.35}.input-card-help{color:var(--muted);font-size:7px;line-height:1.35}.term-preview.input-card-preview>.input-card-conclusion{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.term-interactive-demo.input-lab{gap:var(--element-gap);border:1px solid var(--line);background:var(--surface-card)}.term-interactive-demo.input-lab button:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.input-lab button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 45%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.input-lab input[type=email]{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.input-lab input[type=email]:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 35%, transparent);outline-offset:1px;border-color:var(--ink)}.term-interactive-demo.input-lab input[type=checkbox]{cursor:pointer}.input-lab-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.input-lab-timings{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.input-lab-timings button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--color-white);min-height:32px;color:var(--ink);font-size:var(--text-caption);padding:6px 12px;font-weight:700}.input-lab-field{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-white);gap:7px;display:grid}.input-lab-field.is-blur,.input-lab-field.is-submit{border-style:dashed}.input-lab-field.is-invalid{border-style:solid;border-color:#a83a44}.input-lab-field.is-valid{border-style:solid;border-color:#2f7a52}.input-lab-field.is-locked{background:var(--color-faint);border-color:var(--color-deco)}.input-lab-field-head{justify-content:space-between;align-items:baseline;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.input-lab-field-name{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.3}.input-lab-field-name b{color:#a83a44;font-size:var(--text-caption);margin-left:5px;font-weight:800}.input-lab-lock{color:var(--muted);font-size:var(--text-caption);cursor:pointer;align-items:center;gap:5px;font-weight:700;display:inline-flex}.input-lab-field input[type=email]{font-size:var(--text-body)}.input-lab-field.is-locked input[type=email]{background:var(--color-faint);color:var(--muted);cursor:not-allowed}.input-lab-field-foot{justify-content:space-between;align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.input-lab-help{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-body)}.input-lab-chip{background:var(--color-faint);color:var(--muted);font-size:var(--text-caption);white-space:nowrap;border-radius:999px;padding:3px 9px;font-weight:700}.input-lab-chip.is-error{color:#a83a44;background:#fbecef}.input-lab-chip.is-ok{color:#1f5a3a;background:#eaf5ee}.input-lab-chip.is-idle{background:var(--color-faint);color:var(--muted)}.input-lab-error{border-radius:var(--radius-inputs);color:#7a2a31;font-size:var(--text-body);line-height:var(--leading-body);background:#fbecef;border:1px solid #d3912f;border-left:3px solid #a83a44;gap:2px;padding:9px 12px;display:grid}.input-lab-error b{color:#a83a44;font-weight:800}.input-lab-ok{border:1px solid var(--line);border-radius:var(--radius-inputs);color:#1f5a3a;font-size:var(--text-body);line-height:var(--leading-body);background:#f1f7f3;border-left:3px solid #2f7a52;padding:9px 12px}.input-lab-locked{border:1px dashed var(--color-deco);border-left:3px solid var(--muted);border-radius:var(--radius-inputs);background:var(--color-faint);color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);padding:9px 12px}.input-lab-readout{gap:var(--spacing-8);border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--soft);color:var(--ink);font-size:var(--text-caption);line-height:var(--leading-body);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;padding:9px 12px;display:grid}.input-lab-readout span{gap:2px;display:grid}.input-lab-readout b{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:800}.input-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}.input-lab-actions{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.input-lab-primary{border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.input-lab-primary:hover{background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)!important;color:var(--color-white)!important}.input-lab-primary:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.input-lab-reset{border:1px solid var(--ink)!important;border-radius:var(--radius-buttons)!important;background:var(--color-white)!important;color:var(--ink)!important}.input-lab-reset:hover{background:var(--color-faint)!important;color:var(--ink)!important}.input-lab-reset:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:2px}.input-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}.input-attention-list{margin-bottom:0}.input-attention-list li{gap:4px;display:grid}.input-attention-list strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.input-attention-list span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.input-when-grid{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.input-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}.input-when-grid article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.input-when-grid article strong{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.input-when-grid article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.input-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}.input-how-steps li{padding-left:4px}.input-how-steps li::marker{color:var(--ink);font-weight:800}.input-examples{gap:10px;display:grid}.input-examples article{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);gap:8px;display:grid}.input-examples article.is-good{border-left:3px solid #2f7a52}.input-examples article.is-bad{border-left:3px solid #a83a44}.input-examples article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.input-examples article b{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.input-examples article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.input-example-cta{border-radius:var(--radius-buttons);background:var(--ink);color:var(--color-white);font-size:var(--text-caption);border:0;justify-self:start;align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}.input-example-flag{border-radius:var(--radius-buttons);background:var(--color-white);color:#a83a44;font-size:var(--text-caption);border:1px solid #a83a44;justify-self:start;align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}@media (max-width:540px){.input-card-compare{grid-template-columns:1fr}.input-lab-timings{flex-direction:column;align-items:stretch}.input-lab-readout,.input-when-grid{grid-template-columns:1fr}}.term-interactive-demo.input-lab[data-b1-rebuild=input]{color:#effff8;background:#153d42;border:2px solid #2f6870;box-shadow:8px 8px #86b9b4}.term-interactive-demo.input-lab[data-b1-rebuild=input] .input-lab-brief,.term-interactive-demo.input-lab[data-b1-rebuild=input] .input-lab-hint,.term-interactive-demo.input-lab[data-b1-rebuild=input] .input-lab-feedback{color:#d9f3e9}.term-interactive-demo.input-lab[data-b1-rebuild=input] .input-lab-field{color:#183b3e;background:#fffdf5;border-color:#80aba4}.term-interactive-demo.input-lab[data-b1-rebuild=input] button{color:#1d4c4e;background:#ecf7f0;border-color:#80aaa5}.term-interactive-demo.input-lab[data-b1-rebuild=input] button[aria-pressed=true],.term-interactive-demo.input-lab[data-b1-rebuild=input] .input-lab-primary{color:#273021!important;background:#e1bb59!important;border-color:#e1bb59!important}.term-interactive-demo.input-lab[data-b1-rebuild=input] button:focus-visible{outline-offset:3px;outline:3px solid #ffe390}@media (max-width:520px){.term-interactive-demo.input-lab[data-b1-rebuild=input]{padding:12px;box-shadow:4px 4px #9ab8b6}}
.textarea-card-preview{align-content:center;gap:7px;padding:17px;display:grid}.textarea-card-preview label{color:#62626c;font-size:8px;font-weight:700}.textarea-card-preview textarea{color:#666670;width:100%;font:inherit;resize:none;background:#fff;border:1px solid #e4e4e9;border-radius:5px;outline:0;min-height:52px;padding:7px;font-size:8px;line-height:1.5}.textarea-card-preview p{color:#9898a1;justify-content:space-between;margin:0;font-size:7px;display:flex}.textarea-card-preview p b{color:#54545e}.textarea-writing-flow{align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.textarea-writing-flow span{color:#595963;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;gap:4px;min-width:0;padding:13px;font-size:13px;display:grid}.textarea-writing-flow>svg{color:#a5a5ae;flex:none}.textarea-writing-flow span{text-align:center}@media (max-width:780px){.textarea-writing-flow{flex-direction:column;align-items:stretch}.textarea-writing-flow>svg{align-self:center;transform:rotate(90deg)}}.textarea-card-conclusion{color:#55555f;text-align:center;background:#f1f1f4;border-radius:5px;margin:0;padding:4px 7px;font-size:7px;font-weight:700;line-height:1.45}.term-interactive-demo.textarea-demo{border-color:var(--line);background:var(--color-white);gap:12px}.term-interactive-demo.textarea-demo button{border:1px solid var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.textarea-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.textarea-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.textarea-demo button:disabled{border-color:var(--line);background:var(--soft);color:var(--muted);cursor:not-allowed}.textarea-demo-brief{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.textarea-demo-field{gap:6px;display:grid}.textarea-demo-field>label{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;font-size:13px;font-weight:750;display:flex}.textarea-demo-rule{color:var(--muted);font-size:11px;font-weight:650}.textarea-demo-input-wrap{border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--color-white);transition:border-color .12s ease-out,background-color .12s ease-out;position:relative}.textarea-demo-input-wrap[data-state=over]{background:#fdf5f6;border-color:#a83a44}.textarea-demo-input-wrap[data-state=done]{background:#f5fbf7;border-color:#9ec9ab}.term-interactive-demo.textarea-demo textarea{box-sizing:border-box;border-radius:var(--radius-inputs);width:100%;min-height:96px;max-height:200px;color:var(--ink);font:inherit;resize:none;background:0 0;border:0;margin:0;padding:10px 12px 30px;font-size:13px;line-height:1.55;display:block;overflow-y:auto}.term-interactive-demo.textarea-demo textarea::placeholder{color:var(--muted)}.term-interactive-demo.textarea-demo textarea:focus{outline:2px solid var(--ink);outline-offset:-2px}.term-interactive-demo.textarea-demo textarea[aria-invalid=true]{outline-offset:-2px;outline:2px solid #a83a44}.term-interactive-demo.textarea-demo textarea[readonly]{cursor:default}.textarea-demo-counter{color:#4a4a54;pointer-events:none;background:#eef0f4;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:750;line-height:1.3;display:inline-flex;position:absolute;bottom:8px;right:8px}.textarea-demo-counter[data-state=approach]{color:#7a5612;background:#fdf0d9}.textarea-demo-counter[data-state=over]{color:#a83a44;background:#fbe7e9}.textarea-demo-counter[data-state=done]{color:var(--color-white);background:#2f6b46;font-weight:800}.textarea-demo-help{color:var(--muted);font-size:12px;line-height:1.5}.textarea-demo-status{border:1px solid var(--line);border-left:3px solid color-mix(in srgb, var(--ink) 38%, var(--line));border-radius:var(--radius-inputs);background:var(--soft);color:var(--ink);gap:2px;margin:0;padding:9px 11px;font-size:12px;line-height:1.55;display:grid}.textarea-demo-status strong{color:var(--ink);letter-spacing:.03em;font-size:11px;font-weight:800}.textarea-demo-status span{color:var(--ink)}.textarea-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.textarea-demo-submit{min-width:130px;font-weight:750;border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.textarea-demo-submit:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)!important;color:var(--color-white)!important}.textarea-demo-submit:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.textarea-demo-submit:disabled{cursor:not-allowed;border:1px solid var(--line)!important;background:var(--soft)!important;color:var(--muted)!important}.textarea-demo-secondary{border:1px solid var(--ink)!important;border-radius:var(--radius-buttons)!important;background:var(--color-white)!important;color:var(--ink)!important}.textarea-demo-secondary:hover:not(:disabled){background:var(--soft)!important;color:var(--ink)!important}.textarea-demo-secondary:disabled{cursor:not-allowed;border-color:var(--line)!important;background:var(--soft)!important;color:var(--muted)!important}.textarea-knowledge-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.textarea-knowledge-list li{border:1px solid var(--line);border-left:3px solid var(--ink);border-radius:var(--radius-inputs);background:var(--color-white);gap:3px;padding:11px 12px;display:grid}.textarea-knowledge-list li strong{color:var(--ink);font-size:13px;font-weight:800}.textarea-knowledge-list li span{color:var(--muted);font-size:13px;line-height:1.55}.textarea-when-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.textarea-when-grid article{border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-white);align-content:start;gap:5px;padding:12px;display:grid}.textarea-when-grid article small{background:var(--soft);color:var(--muted);letter-spacing:.03em;border-radius:999px;justify-self:start;padding:2px 8px;font-size:10px;font-weight:800}.textarea-when-grid article strong{color:var(--ink);font-size:13px;font-weight:800}.textarea-when-grid article p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.textarea-how-steps{color:var(--ink);gap:6px;margin:0;padding:0 0 0 1.3em;font-size:13px;line-height:1.6;display:grid}.textarea-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.textarea-examples article{border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-white);align-content:start;gap:6px;padding:12px;display:grid}.textarea-examples article.is-bad{background:var(--soft)}.textarea-examples article.is-good{border-color:var(--ink)}.textarea-examples small{letter-spacing:.03em;border-radius:999px;justify-self:start;padding:2px 8px;font-size:10px;font-weight:800}.textarea-examples article.is-bad small{background:var(--color-white);color:var(--muted);border:1px solid var(--line)}.textarea-examples article.is-good small{background:var(--ink);color:var(--color-white)}.textarea-examples b{color:var(--ink);font-size:13px;font-weight:800;line-height:1.35}.textarea-examples p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.textarea-example-cta{border:1px solid var(--ink);border-radius:var(--radius-buttons);background:var(--ink);color:var(--color-white);font-size:var(--text-caption);justify-self:start;align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}.textarea-example-flag{border-radius:var(--radius-buttons);background:var(--color-white);color:#a83a44;font-size:var(--text-caption);border:1px solid #a83a44;justify-self:start;align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}@media (max-width:540px){.textarea-when-grid,.textarea-examples{grid-template-columns:1fr}}.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea]{color:#fff5e9;background:#4b3128;border:2px solid #8c5a38;box-shadow:8px 8px #d39c67}.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] .textarea-demo-brief,.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] .textarea-demo-help{color:#ffe8cd}.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] .textarea-demo-field,.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] .textarea-demo-status{color:#442f25;background:#fff8eb;border-color:#c68d5d}.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] .textarea-demo-submit{color:#38291e!important;background:#dfad4f!important;border-color:#dfad4f!important}.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] .textarea-demo-secondary{color:#593a2b!important;background:#fff3dd!important;border-color:#be9271!important}.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] button:focus-visible{outline-offset:3px;outline:3px solid #ffe08c}@media (max-width:520px){.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea]{padding:12px;box-shadow:4px 4px #9ab8b6}}
.input-number-card-preview{align-content:center;justify-items:center;gap:9px;padding:16px;display:grid}.input-number-card-preview small{color:#8f8f99;letter-spacing:.02em;font-size:8px;font-weight:700}.input-number-card-preview p{color:#9a9aa3;text-align:center;margin:0;font-size:7px;line-height:1.5}.input-number-card-stepper{background:#fff;border:1px solid #dedee4;border-radius:7px;grid-template-columns:26px 56px 26px;display:grid;overflow:hidden}.input-number-card-stepper button{color:#4a4a54;background:#f3f3f6;border:0;place-items:center;font-size:11px;font-weight:700;display:grid}.input-number-card-stepper button:disabled{color:#bfbfc7;cursor:not-allowed;background:#ececf0}.input-number-card-stepper b{color:#2a2a32;background:#fff;border-inline:1px solid #e8e8ed;place-items:center;font-size:13px;font-weight:800;line-height:1;display:grid}.input-number-card-stepper b em{color:#8a8a94;margin-left:2px;font-size:7px;font-style:normal;font-weight:600}.term-interactive-demo.input-number-lab-demo{background:#fbfbfc;border:1px solid #e1e1e6;gap:14px}.input-number-lab-demo .input-number-lab-brief{color:#595963;margin:0;font-size:13px;line-height:1.6}.input-number-lab-demo .input-number-lab-brief b{color:#2a2a32;font-weight:750}.input-number-lab-demo button:focus-visible,.input-number-lab-demo input:focus-visible{outline-offset:2px;outline:2px solid #2a2a32}.input-number-object{background:#fff;border:1px solid #dedee4;border-radius:10px;gap:12px;padding:16px;transition:border-color .15s ease-out,background-color .15s ease-out;display:grid}.input-number-object.is-error{background:#fbe9eb;border-color:#a83a44}.input-number-object-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.input-number-object-label{color:#6a6a74;font-size:13px;font-weight:750}.input-number-object-state{align-items:center;gap:7px;display:inline-flex}.input-number-object-state b{color:#2a2a32;font-size:13px;font-weight:750}.is-error .input-number-object-state b{color:#a83a44}.input-number-object-state em{color:#55555f;background:#f0f0f4;border-radius:99px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700}.is-error .input-number-object-state em{color:#a83a44;background:#f4d6da}.input-number-object-value{justify-content:center;align-items:baseline;gap:8px;padding:4px 0 2px;display:flex}.input-number-object-value strong{color:#2a2a32;letter-spacing:-.01em;text-align:right;min-width:32px;font-size:44px;font-weight:800;line-height:1}.is-error .input-number-object-value strong{color:#a83a44}.input-number-object-value em{color:#7a7a84;font-size:14px;font-style:normal;font-weight:700}.input-number-object-trace{color:#6b5d3e;background:#f1efe7;border-radius:99px;justify-self:center;align-items:center;gap:6px;margin:0;padding:4px 10px;font-size:12px;font-weight:650;display:inline-flex}.input-number-object-trace b{color:#2a2a32;font-weight:800}.input-number-stepper{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.input-number-lab-demo .input-number-step-btn{color:#2a2a32;background:#fff;border:1px solid #d7d7de;border-radius:8px;width:42px;min-height:42px;padding:0;font-size:20px;font-weight:700;line-height:1}.input-number-lab-demo .input-number-step-btn:hover:not(:disabled){background:#f4f4f7;border-color:#2a2a32}.input-number-lab-demo .input-number-step-btn:disabled{color:#bdbdc6;cursor:not-allowed;background:#f0f0f3;border-color:#e6e6ea}.input-number-stepper input{box-sizing:border-box;color:#2a2a32;width:100%;min-width:0;min-height:42px;font:inherit;text-align:center;background:#fff;border:1px solid #d7d7de;border-radius:8px;flex:110px;padding:8px 12px;font-size:18px;font-weight:700}.is-error .input-number-stepper input{color:#a83a44;background:#fff5f6;border-color:#a83a44}.input-number-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number-stepper input[type=number]{appearance:textfield}.input-number-bound-chip{color:#fff;background:#2a2a32;border-radius:99px;align-items:center;padding:4px 10px;font-size:11px;font-weight:750;display:inline-flex}.input-number-pack-toggle{background:#f0f0f4;border-radius:9px;gap:4px;padding:4px;display:flex}.input-number-lab-demo .input-number-pack-toggle button{color:#6a6a74;text-align:center;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;gap:1px;min-height:40px;padding:6px 10px;display:grid}.input-number-lab-demo .input-number-pack-toggle button:hover:not([aria-pressed=true]){color:#2a2a32;background:#fff}.input-number-lab-demo .input-number-pack-toggle button b{color:#4a4a54;font-size:13px;font-weight:750}.input-number-lab-demo .input-number-pack-toggle button span{color:#8a8a94;font-size:11px}.input-number-lab-demo .input-number-pack-toggle button[aria-pressed=true]{background:#2a2a32;border-color:#2a2a32;box-shadow:0 1px 2px #1414231f}.input-number-lab-demo .input-number-pack-toggle button[aria-pressed=true] b,.input-number-lab-demo .input-number-pack-toggle button[aria-pressed=true] span{color:#fff}.input-number-range-line{color:#8a8a94;text-align:center;font-size:12px;font-weight:650}.input-number-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.input-number-lab-demo .input-number-cta{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);color:#fff;min-height:44px;font:inherit;border-radius:8px;flex:auto;padding:10px 18px;font-size:14px;font-weight:750;transition:transform 80ms ease-out,background-color .15s ease-out,border-color .15s ease-out}.input-number-lab-demo .input-number-cta:hover:not(:disabled){color:#fff;background:#c8093a;border-color:#c8093a}.input-number-lab-demo .input-number-cta:disabled{color:#9a9aa3;cursor:not-allowed;background:#ececf0;border-color:#e0e0e5}.input-number-lab-demo .input-number-reset{color:#4a4a54;min-height:44px;font:inherit;background:#fff;border:1px solid #d7d7de;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:650}.input-number-lab-demo .input-number-reset:hover{color:#2a2a32;background:#f6f6f8;border-color:#2a2a32}.input-number-status{color:#51515b;background:#f4f4f7;border-radius:8px;gap:4px;margin:0;padding:12px 14px;font-size:13px;line-height:1.6;display:grid}.input-number-status-row{display:block}.input-number-status-row b{color:#2a2a32;font-weight:750}.input-number-five-fold{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.input-number-five-fold li{color:#595963;background:#fafafa;border:1px solid #e6e6eb;border-left:3px solid #2a2a32;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.6}.input-number-five-fold li b{color:#fff;background:#2a2a32;border-radius:5px;margin-right:6px;padding:1px 8px;font-size:12px;font-weight:750;display:inline-block}.input-number-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.input-number-signal-grid article{background:#fff;border:1px solid #e2e2e8;border-radius:8px;gap:5px;padding:13px 14px;display:grid}.input-number-signal-grid article.is-yes{border-left:3px solid #2f7a4a}.input-number-signal-grid article.is-no{border-left:3px solid #a83a44}.input-number-signal-grid article b{color:#2a2a32;font-size:13px;font-weight:750}.input-number-signal-grid article.is-yes b{color:#2f7a4a}.input-number-signal-grid article.is-no b{color:#a83a44}.input-number-signal-grid article p{color:#64646e;margin:0;font-size:13px;line-height:1.6}.input-number-contrast{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.input-number-contrast article{background:#fff;border:1px solid #e6d6d9;border-radius:8px;gap:5px;padding:13px 14px;display:grid}.input-number-contrast article.is-bad{background:#fdf6f7;border-color:#e6cdd2}.input-number-contrast article.is-good{background:#f5fbf7;border-color:#cde4d4}.input-number-contrast article span{color:#fff;background:#a83a44;border-radius:99px;place-self:start;padding:2px 8px;font-size:11px;font-weight:750}.input-number-contrast article.is-good span{background:#2f7a4a}.input-number-contrast article b{color:#2a2a32;font-family:var(--font-geist-mono), ui-monospace, monospace;word-break:break-all;font-size:13px;font-weight:700}.input-number-contrast article p{color:#5d5d67;margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.input-number-signal-grid,.input-number-contrast{grid-template-columns:1fr}.input-number-object-value strong{font-size:38px}}@media (prefers-reduced-motion:reduce){.input-number-object,.input-number-cta{transition:none}}.term-interactive-demo.input-number-lab-demo[data-b1-rebuild=input-number]{color:#f1f8f7;background:#1b3449;border:2px solid #2f5067;box-shadow:8px 8px #8eb2be}.term-interactive-demo.input-number-lab-demo[data-b1-rebuild=input-number] .input-number-lab-brief{color:#d9f1ef}.term-interactive-demo.input-number-lab-demo[data-b1-rebuild=input-number] .input-number-object{color:#193941;background:#fffdf3;border-color:#81aab5}.term-interactive-demo.input-number-lab-demo[data-b1-rebuild=input-number] button{color:#1e454e;background:#eaf5f0;border-color:#89adb7}.term-interactive-demo.input-number-lab-demo[data-b1-rebuild=input-number] .input-number-cta{color:#293126!important;background:#e0b85a!important;border-color:#e0b85a!important}.term-interactive-demo.input-number-lab-demo[data-b1-rebuild=input-number] button:focus-visible{outline-offset:3px;outline:3px solid #ffe291}@media (max-width:520px){.term-interactive-demo.input-number-lab-demo[data-b1-rebuild=input-number]{padding:12px;box-shadow:4px 4px #9ab8b6}}
.radio-card-preview{align-content:center;gap:8px;padding:16px;display:grid}.radio-card-preview legend{color:#686872;padding:0;font-size:9px;font-weight:750}.radio-card-preview label{color:#5c5c66;background:#fff;border:1px solid #e6e6eb;border-radius:5px;align-items:center;gap:6px;padding:5px 7px;font-size:8px;display:flex}.radio-card-preview input{accent-color:var(--accent)}.radio-card-preview{gap:9px;padding:13px;display:grid}.radio-card-frames{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;display:grid}.radio-card-frame{background:#fff;border:1px solid #e6e6eb;border-radius:7px;align-content:start;gap:4px;padding:8px 9px;display:grid}.radio-card-frame small{color:#8d8d97;letter-spacing:.03em;font-size:8px;font-weight:800}.radio-card-row{color:#5c5c66;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:6px;font-size:9px;line-height:1.3;display:grid}.radio-card-dot{background:#fff;border:1.5px solid #c4c4cc;border-radius:50%;width:10px;height:10px}.radio-card-row.is-on{color:#2a2a32;font-weight:750}.radio-card-row.is-on .radio-card-dot{border-color:var(--ink);background:var(--ink)}.radio-card-row.is-off{color:#a0a0a8}.radio-card-row.is-off>span{text-decoration:line-through}.radio-card-row.is-off .radio-card-dot{background:#fff;border-color:#d4d4da}.radio-card-cancel{color:#9a9aa3;background:#f0f0f2;border-radius:3px;padding:0 4px;font-size:7px;font-style:normal;font-weight:700}.radio-card-arrow{color:#6a6a72;align-content:center;justify-items:center;gap:2px;font-size:7px;font-weight:700;display:grid}.radio-card-arrow b{color:var(--ink);font-size:13px}.radio-card-conclusion{color:#3d3d45;margin:0;font-size:10px;line-height:1.45}.radio-card-conclusion b{background:var(--ink);color:#fff;letter-spacing:.03em;border-radius:3px;margin-right:5px;padding:1px 5px;font-size:8px;font-weight:800;display:inline-block}.term-interactive-demo.radio-interaction-demo{border-color:var(--line);background:var(--color-white);gap:12px}.term-interactive-demo.radio-interaction-demo button{border:1px solid var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.radio-interaction-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.radio-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.radio-interaction-demo input[type=radio]{accent-color:var(--ink);width:16px;min-width:16px;height:16px;min-height:16px;margin:0}.radio-demo-brief{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.radio-demo-group{border:1px solid var(--line);background:var(--soft);border-radius:8px;margin:0;padding:12px 14px;transition:border-color .12s,background .12s}.radio-demo-group.is-invalid{background:#fff5f6;border-color:#a83a44}.radio-demo-group legend{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:8px;padding:0 4px;font-size:13px;font-weight:800;display:flex}.radio-demo-group legend small{color:var(--muted);font-size:11px;font-weight:600}.radio-demo-group legend em{color:#fff;background:#a83a44;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:11px;font-style:normal;font-weight:700}.radio-demo-options{gap:6px;margin-top:8px;display:grid}.radio-demo-option{background:var(--color-white);color:var(--ink);cursor:pointer;border:1px solid #0000;border-radius:6px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;font-size:13px;transition:border-color .12s,background .12s;display:grid}.radio-demo-option.is-selected{border-color:var(--ink);background:#f3f3f3}.radio-demo-option:focus-within{outline:2px solid var(--ink);outline-offset:2px}.radio-demo-label{gap:1px;min-width:0;display:grid}.radio-demo-label small{color:var(--muted);font-size:11px;font-weight:500}.radio-demo-badge{background:var(--ink);color:#fff;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:800}.radio-demo-status{border-left:3px solid var(--ink);color:#3d3d45;background:#f5f5f5;border-radius:0 6px 6px 0;margin:0;padding:11px 12px;font-size:12.5px;line-height:1.6}.radio-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.radio-interaction-demo .radio-demo-submit{background:var(--color-rausch-600);min-width:132px;color:var(--color-white);border:0;font-weight:800}.term-interactive-demo.radio-interaction-demo .radio-demo-submit:hover:not(:disabled){color:var(--color-white);background:#c8093a}.radio-demo-reset{min-width:0}.radio-demo-error{color:#7a2a31;background:#fff5f6;border-radius:6px;margin:0;padding:9px 12px;font-size:12.5px;line-height:1.55}.radio-demo-error b{color:#a83a44}.radio-demo-receipt{border:1px solid var(--ink);background:var(--soft);border-radius:8px;gap:8px;padding:12px 14px;display:grid}.radio-demo-receipt header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.radio-demo-receipt header b{color:var(--ink);font-size:14px;font-weight:800}.radio-demo-receipt header span{color:var(--muted);font-size:11px;font-weight:700}.radio-demo-receipt dl{grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:0;display:grid}.radio-demo-receipt dt{color:var(--muted);font-size:12px}.radio-demo-receipt dd{color:var(--ink);margin:0;font-size:13px;font-weight:700}.radio-demo-receipt p{color:#595963;margin:0;font-size:12px;line-height:1.55}.radio-knowledge-list,.radio-when-list,.radio-how-list{gap:8px;margin:0;padding-left:20px;display:grid}.radio-knowledge-list li,.radio-when-list li,.radio-how-list li{color:#51515b;font-size:13.5px;line-height:1.6}.radio-knowledge-list b,.radio-when-list b{color:var(--ink);font-weight:800}.radio-how-list{padding-left:24px}.radio-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.radio-example{border:1px solid var(--line);background:#fafafa;border-radius:8px;gap:5px;padding:12px;display:grid}.radio-example.is-good{border-left:4px solid #4d805d}.radio-example.is-bad{border-left:4px solid #b04c52}.radio-example b{color:var(--ink);font-size:13px;font-weight:800}.radio-example p{color:#54545e;margin:0;font-size:13px;line-height:1.6}.term-card .radio-card-preview{background:#eef5fb}.radio-card-frame{background:#fff;border-color:#c8d9e8}.radio-card-row.is-on{color:#173d5c}.radio-card-row.is-on .radio-card-dot{background:#1d5f8f;border-color:#1d5f8f}.radio-card-conclusion{color:#173d5c}.radio-card-conclusion b{background:#1d5f8f}.term-interactive-demo.radio-interaction-demo{--radio-ink:#173d5c;--radio-line:#b9d0e3;border-color:var(--radio-line);color:var(--radio-ink);background:#eef5fb}.term-interactive-demo.radio-interaction-demo button{border-color:var(--radio-line);color:var(--radio-ink);background:#fff}.term-interactive-demo.radio-interaction-demo button:hover:not(:disabled){color:#173d5c;background:#dcecf8;border-color:#1d5f8f}.term-interactive-demo.radio-interaction-demo button:focus-visible,.radio-demo-option:focus-within{outline-color:#1d5f8f}.term-interactive-demo.radio-interaction-demo input[type=radio]{accent-color:#1d5f8f}.radio-demo-group{border-color:var(--radio-line);background:#f8fbfe}.radio-demo-group legend,.radio-demo-option,.radio-demo-label{color:var(--radio-ink)}.radio-demo-option.is-selected{background:#dcecf8;border-color:#1d5f8f}.radio-demo-badge{background:#1d5f8f}.radio-demo-status{color:#294a64;background:#fff;border-color:#1d5f8f}.term-interactive-demo.radio-interaction-demo .radio-demo-submit{background:#1d5f8f}.term-interactive-demo.radio-interaction-demo .radio-demo-submit:hover:not(:disabled){background:#15486d}.radio-demo-receipt{background:#f8fbfe;border-color:#1d5f8f}@media (max-width:560px){.radio-card-frames{grid-template-columns:1fr}.radio-card-arrow{display:none}.radio-example-grid{grid-template-columns:1fr}}