.form-fields{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));align-content:center;gap:6px;display:grid}.form-fields label{min-width:0}.form-fields input{width:100%;min-width:0}.form-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.form-card-preview{align-content:center;gap:9px;padding:14px;display:grid}.form-card-fields{gap:5px;margin:0;padding:0;list-style:none;display:grid}.form-card-fields li{border:1px solid var(--line);background:var(--surface-card);border-radius:6px;gap:3px;padding:6px 8px;display:grid}.form-card-fields small{color:var(--muted);font-size:8px;font-weight:700}.form-card-fields small b{color:#a83a44;margin-left:3px;font-size:8px;font-weight:800}.form-card-fields i{color:var(--ink);font-size:9px;font-style:normal;font-weight:600}.form-card-ticket{color:#a83a44;background:#fbeaeb;border:1px solid #a83a44;border-radius:7px;gap:2px;padding:8px 10px;font-size:9px;font-weight:700;line-height:1.4;display:grid}.form-card-ticket b{color:#a83a44;font-size:10px;font-weight:800}.form-card-conclusion{color:var(--muted);text-align:center;margin:0;font-size:8px;line-height:1.5}.form-submit-flow{align-items:center;gap:10px;display:flex}.form-submit-flow span,.form-submit-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.form-submit-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.form-submit-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.form-submit-flow{flex-direction:column;align-items:stretch}.form-submit-flow>svg{align-self:center;transform:rotate(90deg)}}.term-interactive-demo.form-lab{gap:var(--element-gap);border:1px solid var(--line);background:var(--surface-card)}.term-interactive-demo.form-lab button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.form-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.form-lab input[type=text],.term-interactive-demo.form-lab input[type=email],.term-interactive-demo.form-lab input[type=tel]{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.form-lab input:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 35%, transparent);outline-offset:1px;border-color:var(--ink)}.term-interactive-demo.form-lab input[aria-invalid=true]{background:#fdf6f6;border-color:#a83a44}.form-lab-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.form-lab-object{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.form-lab-ticket{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--color-white);color:var(--ink);font-size:var(--text-caption);align-items:center;gap:6px;padding:8px 12px;font-weight:700;line-height:1.3;display:inline-flex}.form-lab-ticket b{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:800}.form-lab-ticket.is-idle{color:var(--muted);border-style:dashed;font-weight:600}.form-lab-ticket.is-submitting{border-color:color-mix(in srgb, var(--ink) 45%, var(--line));background:var(--soft);color:var(--ink)}.form-lab-ticket.is-submitting b{color:var(--ink)}.form-lab-ticket.is-success{color:#1f5a3a;background:#f1f7f3;border-color:#2f7a52}.form-lab-ticket.is-success svg{color:#2f7a52}.form-lab-ticket.is-success b{color:#1f5a3a}.form-lab-ticket.is-failure{color:#a83a44;background:#fbeaeb;border-color:#a83a44}.form-lab-ticket.is-failure b{color:#a83a44}.form-lab-form{gap:var(--element-gap);display:grid}.form-lab-field{gap:6px;display:grid}.form-lab-field label{color:var(--ink);font-size:var(--text-ui);align-items:center;gap:6px;font-weight:800;line-height:1.3;display:flex}.form-lab-field label b{color:#a83a44;font-size:var(--text-caption);font-weight:800}.form-lab-field-error{border-radius:var(--radius-buttons);color:#a83a44;font-size:var(--text-caption);background:#fbeaeb;border:1px solid #a83a44;align-items:center;padding:6px 10px;font-weight:700;line-height:1.35;display:inline-flex}.form-lab-outcome{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.form-lab-outcome 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}.form-lab-outcome button:disabled{opacity:1;border-color:var(--line);background:var(--soft);color:var(--muted);cursor:not-allowed}.form-lab-actions{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.form-lab-primary{min-width:132px;font-weight:800;border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.form-lab-primary:hover:not(:disabled){color:var(--color-white)!important;background:#c8093a!important}.form-lab-primary:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.form-lab-primary:disabled{opacity:1;cursor:not-allowed;border:1px solid var(--line)!important;background:var(--soft)!important;color:var(--muted)!important}.form-lab-reset{min-width:0;border:1px solid var(--ink)!important;border-radius:var(--radius-buttons)!important;background:var(--color-white)!important;color:var(--ink)!important}.form-lab-reset:hover:not(:disabled){background:var(--color-faint)!important;color:var(--ink)!important}.form-lab-reset:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:2px}.form-lab-reset:disabled{cursor:not-allowed;border-color:var(--line)!important;background:var(--soft)!important;color:var(--muted)!important}.form-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}.form-attention-list{margin-bottom:0}.form-attention-list li{gap:4px;padding-left:4px;display:grid}.form-attention-list strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.form-attention-list span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.form-when-grid{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-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}.form-when-grid article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.form-when-grid article strong{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.form-when-grid article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.form-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}.form-how-steps li{padding-left:4px}.form-how-steps li::marker{color:var(--ink);font-weight:800}.form-examples{gap:10px;display:grid}.form-examples article{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);gap:8px;display:grid}.form-examples article.is-good{border-left:3px solid #2f7a52}.form-examples article.is-bad{border-left:3px solid #a83a44}.form-examples article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.form-examples article b{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.form-examples article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.form-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}.form-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){.form-lab-outcome,.form-lab-actions{flex-direction:column;align-items:stretch}.form-when-grid{grid-template-columns:1fr}}.term-card .form-card-preview[data-b4-skin=form]{--ink:#285e51;--muted:#587b73;--line:#9bc5b9;--surface-card:#f8fff8;--soft:#e4f3ec;--accent:#285e51;color:#173c36;background:#e1f1e8;border:2px solid #4e8979;box-shadow:5px 5px #9fc8bc}.term-interactive-demo.form-lab[data-b4-skin=form]{--ink:#236557;--muted:#c1e5d8;--line:#76b4a4;--soft:#e4f5ed;--color-faint:#d8eee4;--accent:#e4be5a;--color-rausch-600:#e4be5a;color:#effdf6;background:#173f3a;border:2px solid #3d806f;box-shadow:8px 8px #83b8aa}.term-interactive-demo.form-lab[data-b4-skin=form] .form-lab-brief,.term-interactive-demo.form-lab[data-b4-skin=form] .form-lab-status{color:#d8f1e8}.term-interactive-demo.form-lab[data-b4-skin=form] button:focus-visible,.term-interactive-demo.form-lab[data-b4-skin=form] input:focus-visible{outline-offset:3px;outline:3px solid #ffe394}
.color-picker-card-preview{align-content:center;gap:10px;padding:16px;display:grid}.color-picker-card-swatch-row{background:#fff;border:1px solid #e4e4e9;border-radius:7px;align-items:center;gap:8px;padding:8px 9px;display:flex}.color-picker-card-chip{background:#315efb;border-radius:6px;flex:none;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000001a}.color-picker-card-name{flex:auto;gap:1px;min-width:0;display:grid}.color-picker-card-name small{color:#91919b;font-size:7px;font-weight:700}.color-picker-card-name b{color:#42424c;font-size:10px;font-weight:750}.color-picker-card-hex{color:#2a2a32;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;background:#f2f2f5;border-radius:4px;flex:none;padding:3px 6px;font-size:8px;font-weight:700}.color-picker-card-stage{align-items:center;gap:8px;display:flex}.color-picker-card-preview-btn{color:#fff;background:#315efb;border-radius:5px;align-items:center;padding:4px 10px;font-size:8px;font-weight:750;display:inline-flex;box-shadow:inset 0 0 0 1px #0000001a}.color-picker-card-cbname{color:#55555f;background:#f0f0f4;border-radius:99px;margin-left:auto;padding:2px 6px;font-size:7px;font-weight:700}.color-picker-card-conclusion{color:#5b5b65;text-align:center;margin:0;font-size:8px;line-height:1.5}.color-picker-card-conclusion b{color:#2a2a32;font-weight:750}.term-interactive-demo.color-picker-lab-demo{background:#fbfbfc;border:1px solid #e1e1e6;gap:14px}.color-picker-lab-demo .color-picker-lab-brief{color:#595963;margin:0;font-size:13px;line-height:1.6}.color-picker-lab-demo .color-picker-lab-brief b{color:#2a2a32;font-weight:750}.color-picker-lab-demo button:focus-visible,.color-picker-lab-demo input:focus-visible{outline-offset:2px;outline:2px solid #2a2a32}.color-picker-lab-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}.color-picker-lab-object.is-error{background:#fbe9eb;border-color:#a83a44}.color-picker-lab-object-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.color-picker-lab-object-label{color:#6a6a74;font-size:13px;font-weight:750}.color-picker-lab-object-state{align-items:center;gap:7px;display:inline-flex}.color-picker-lab-object-state b{color:#2a2a32;font-size:13px;font-weight:750}.is-error .color-picker-lab-object-state b{color:#a83a44}.color-picker-lab-object-state em{color:#55555f;background:#f0f0f4;border-radius:99px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700}.color-picker-lab-swatch-block{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.color-picker-lab-swatch{border-radius:10px;flex:none;width:52px;height:52px;box-shadow:inset 0 0 0 1px #0000001a}.color-picker-lab-swatch[data-cb=on]{filter:grayscale(.9)}.color-picker-lab-swatch-meta{flex:auto;gap:2px;min-width:80px;display:grid}.color-picker-lab-name{color:#2a2a32;font-size:16px;font-weight:800}.color-picker-lab-cbname{color:#6a6a74;font-size:12px;font-weight:650}.color-picker-lab-hex-block{flex:none;align-items:center;gap:8px;display:inline-flex}.color-picker-lab-hex{color:#2a2a32;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.02em;background:#f2f2f5;border-radius:7px;padding:5px 9px;font-size:14px;font-weight:700}.color-picker-lab-demo .color-picker-lab-copy{color:#4a4a54;min-height:32px;font:inherit;background:#fff;border:1px solid #d7d7de;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.color-picker-lab-demo .color-picker-lab-copy:hover{color:#2a2a32;border-color:#2a2a32}.color-picker-lab-preview-row{background:#fafafb;border:1px dashed #e2e2e8;border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px;display:flex}.color-picker-lab-preview-btn{border-radius:8px;align-items:center;padding:8px 16px;font-size:14px;font-weight:750;display:inline-flex;box-shadow:inset 0 0 0 1px #0000001f}.color-picker-lab-preview-link{font-size:14px;font-weight:700;text-decoration:underline}.color-picker-lab-ratio{color:#2f6a45;background:#e9f4ee;border-radius:99px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.color-picker-lab-ratio b{font-weight:800}.color-picker-lab-ratio em{font-style:normal}.color-picker-lab-ratio.is-low{color:#a83a44;background:#fbe9eb}.color-picker-lab-controls{gap:12px;display:grid}.color-picker-lab-presets{grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:8px;display:grid}.color-picker-lab-demo .color-picker-swatch{color:#4a4a54;font:inherit;text-align:left;background:#fff;border:1px solid #dedee4;border-radius:8px;grid-template-columns:26px 1fr;align-items:center;column-gap:10px;padding:9px 12px;font-size:12px;transition:border-color .12s ease-out,box-shadow .12s ease-out,background-color .12s ease-out;display:grid;position:relative}.color-picker-lab-demo .color-picker-swatch>i{border-radius:6px;width:26px;height:26px;box-shadow:inset 0 0 0 1px #0000001a}.color-picker-lab-demo .color-picker-swatch>i[data-cb=on]{filter:grayscale(.9)}.color-picker-swatch-text{gap:1px;min-width:0;display:grid}.color-picker-swatch-name{color:#2a2a32;font-size:12.5px;font-weight:750}.color-picker-swatch-hex{color:#7a7a84;font-size:10.5px;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace}.color-picker-swatch-check{color:var(--ink);position:absolute;top:6px;right:8px}.color-picker-lab-demo .color-picker-swatch:hover:not([aria-pressed=true]){color:#2a2a32;border-color:#b9b9c2}.color-picker-lab-demo .color-picker-swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:#f4f4f7}.color-picker-lab-demo .color-picker-swatch[aria-pressed=true] .color-picker-swatch-name{color:var(--ink)}.color-picker-lab-input-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-picker-lab-input-row label{color:#6a6a74;font-size:12px;font-weight:750}.term-interactive-demo.color-picker-lab-demo input[type=text].color-picker-hex-input{box-sizing:border-box;border:1px solid var(--line);width:116px;min-width:116px;min-height:36px;color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.02em;background:#fff;border-radius:7px;padding:7px 10px;font-size:13px}.term-interactive-demo.color-picker-lab-demo input[type=text].color-picker-hex-input:focus{outline-offset:1px;border-color:#2a2a32;outline:2px solid #2a2a32}.term-interactive-demo.color-picker-lab-demo input[type=color].color-picker-native-input{box-sizing:border-box;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;width:44px;min-width:44px;height:36px;min-height:36px;padding:2px}.term-interactive-demo.color-picker-lab-demo input[type=color].color-picker-native-input:focus{outline-offset:1px;outline:2px solid #2a2a32}.color-picker-lab-demo .color-picker-cb-toggle{color:#4a4a54;min-height:36px;font:inherit;background:#fff;border:1px solid #d7d7de;border-radius:7px;padding:7px 14px;font-size:13px;font-weight:700}.color-picker-lab-demo .color-picker-cb-toggle:hover{color:#2a2a32;border-color:#2a2a32}.color-picker-lab-demo .color-picker-cb-toggle[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:#f4f4f7}.color-picker-lab-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.color-picker-lab-demo .color-picker-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:background-color .15s ease-out,border-color .15s ease-out}.color-picker-lab-demo .color-picker-cta:hover:not(:disabled){color:#fff;background:#c8093a;border-color:#c8093a}.color-picker-lab-demo .color-picker-cta:disabled{opacity:.5;cursor:not-allowed}.color-picker-lab-demo .color-picker-lab-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}.color-picker-lab-demo .color-picker-lab-reset:hover{color:#2a2a32;background:#f6f6f8;border-color:#2a2a32}.color-picker-lab-status{color:#51515b;background:#f4f4f7;border-radius:8px;gap:4px;margin:0;padding:12px 14px;font-size:13px;line-height:1.6;display:grid}.color-picker-lab-status-row{display:block}.color-picker-lab-status-row b{color:#2a2a32;font-weight:750}.color-picker-lab-five-fold{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.color-picker-lab-five-fold li{color:#54545e;background:#fafafa;border:1px solid #e6e6eb;border-left:3px solid #2a2a32;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.6}.color-picker-lab-five-fold li b{color:#2a2a32;font-size:14px;font-weight:750}.color-picker-lab-signal-grid,.color-picker-lab-contrast{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0;display:grid}.color-picker-lab-signal-grid article,.color-picker-lab-contrast article{background:#f6fcf8;border:1px solid #e0e6df;border-left:4px solid #5c9875;border-radius:8px;gap:5px;padding:13px 14px;display:grid}.color-picker-lab-signal-grid article.is-no,.color-picker-lab-contrast article.is-bad{background:#fcf7f5;border-color:#e9dfdc #e9dfdc #e9dfdc #b0816a}.color-picker-lab-signal-grid article span,.color-picker-lab-contrast article span{color:#718d7b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.color-picker-lab-signal-grid article.is-no span,.color-picker-lab-contrast article.is-bad span{color:#9a7a6a}.color-picker-lab-signal-grid article b,.color-picker-lab-contrast article b{color:#3f805d;font-size:14px}.color-picker-lab-signal-grid article.is-no b,.color-picker-lab-contrast article.is-bad b{color:#8a5a45}.color-picker-lab-signal-grid article p,.color-picker-lab-contrast article p{color:#5b6258;margin:0;font-size:12.5px;line-height:1.6}.color-picker-lab-signal-grid article.is-no p,.color-picker-lab-contrast article.is-bad p{color:#6a5750}@media (max-width:540px){.color-picker-lab-signal-grid,.color-picker-lab-contrast{grid-template-columns:1fr}.color-picker-lab-actions{flex-direction:column;align-items:stretch}.color-picker-lab-demo .color-picker-cta{flex:auto}.color-picker-lab-ratio{margin-left:0}}
.label-card-preview{align-content:center;gap:7px;padding:17px;display:grid}.label-connection-flow{align-items:center;gap:10px;display:flex}.label-connection-flow span,.label-connection-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.label-connection-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.label-connection-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.label-connection-flow{flex-direction:column;align-items:stretch}.label-connection-flow>svg{align-self:center;transform:rotate(90deg)}}.term-card .term-preview.label-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink);gap:9px;padding:16px;display:grid}.label-card-toggle{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}.label-card-toggle:hover{background:var(--color-faint);color:var(--ink)}.label-card-toggle[aria-pressed=true]{background:var(--ink);color:var(--color-white)}.label-card-toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:2px}.label-card-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.label-card-field{border:1px solid var(--color-deco);background:var(--color-white);border-radius:7px;gap:4px;padding:8px;display:grid}.label-card-field.is-bad{border-style:dashed}.label-card-field small{color:var(--muted);font-size:8px;font-weight:700}.label-card-field b{color:var(--ink);min-height:11px;font-size:9px;font-weight:800;line-height:1.2}.label-card-field i{color:var(--muted);min-height:11px;font-size:8px;font-style:normal}.label-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}.label-card-note{color:var(--muted);font-size:7px;line-height:1.35}.label-card-note.is-gone{color:#9a4a51}.term-preview.label-card-preview>.label-card-conclusion{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.term-interactive-demo.label-lab{gap:var(--element-gap);border:1px solid var(--line);background:var(--surface-card)}.term-interactive-demo.label-lab button:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.label-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.label-lab input[type=email],.term-interactive-demo.label-lab input[type=text]{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.label-lab input:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 35%, transparent);outline-offset:1px;border-color:var(--ink)}.label-lab-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.label-lab-modes{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.label-lab-modes 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}.label-lab-field{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-white);gap:7px;display:grid}.label-lab-field.is-placeholder,.label-lab-field.is-none{border-style:dashed}.label-lab-field-name{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.3}.label-lab-field-name b{color:#9a4a51;font-size:var(--text-caption);margin-left:5px;font-weight:800}.label-lab-field-name.is-missing{color:var(--muted);font-size:var(--text-caption);font-style:italic;font-weight:600}.label-lab-field input{font-size:var(--text-body)}.label-lab-help{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-body)}.label-lab-error{border-radius:var(--radius-inputs);color:#5b3a0a;font-size:var(--text-body);line-height:var(--leading-body);background:#fdf6e3;border:1px solid #d3912f;border-left:3px solid #b9721f;gap:2px;padding:9px 12px;display:grid}.label-lab-error.has-name b{color:#5b3a0a;font-weight:800}.label-lab-error.no-name em{color:#8a5a1a;font-size:var(--text-caption);font-style:italic}.label-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;gap:2px;padding:9px 12px;display:grid}.label-lab-ok b{color:#1f5a3a;font-weight:800}.label-lab-ok em{color:#4a6a5a;font-size:var(--text-caption);font-style:italic}.label-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}.label-lab-readout span{gap:2px;display:grid}.label-lab-readout b{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:800}.label-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}.label-lab-actions{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.label-lab-primary{border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.label-lab-primary:hover{background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)!important;color:var(--color-white)!important}.label-lab-primary:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.label-lab-reset{border:1px solid var(--ink)!important;border-radius:var(--radius-buttons)!important;background:var(--color-white)!important;color:var(--ink)!important}.label-lab-reset:hover{background:var(--color-faint)!important;color:var(--ink)!important}.label-lab-reset:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:2px}.label-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}.label-attention-list{margin-bottom:0}.label-attention-list li{gap:4px;display:grid}.label-attention-list strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.label-attention-list span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.label-when-grid{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.label-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}.label-when-grid article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.label-when-grid article strong{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.label-when-grid article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.label-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}.label-how-steps li{padding-left:4px}.label-how-steps li::marker{color:var(--ink);font-weight:800}.label-examples{gap:10px;display:grid}.label-examples article{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);gap:8px;display:grid}.label-examples article.is-bad{border-left:3px solid #9a4a51}.label-examples article.is-good{border-left:3px solid #2f7a52}.label-examples article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.label-examples article b{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.label-examples article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.label-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}.label-example-flag{border-radius:var(--radius-buttons);background:var(--color-white);color:#9a4a51;font-size:var(--text-caption);border:1px solid #9a4a51;justify-self:start;align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}@media (max-width:540px){.label-card-compare{grid-template-columns:1fr}.label-lab-modes{flex-direction:column;align-items:stretch}.label-lab-readout,.label-when-grid{grid-template-columns:1fr}}.term-interactive-demo.label-lab[data-b1-rebuild=label]{color:#fff7ef;background:#342a4b;border:2px solid #5e4b78;box-shadow:8px 8px #b9a4cf}.term-interactive-demo.label-lab[data-b1-rebuild=label] .label-lab-brief,.term-interactive-demo.label-lab[data-b1-rebuild=label] .label-lab-hint,.term-interactive-demo.label-lab[data-b1-rebuild=label] .label-lab-feedback{color:#f2e9ff}.term-interactive-demo.label-lab[data-b1-rebuild=label] .label-lab-field{color:#342747;background:#fffaf3;border-color:#ae9cc4}.term-interactive-demo.label-lab[data-b1-rebuild=label] button{color:#392c50;background:#faf4ff;border-color:#a994c1}.term-interactive-demo.label-lab[data-b1-rebuild=label] button[aria-pressed=true],.term-interactive-demo.label-lab[data-b1-rebuild=label] .label-lab-primary{color:#332719!important;background:#e4bf61!important;border-color:#e4bf61!important}.term-interactive-demo.label-lab[data-b1-rebuild=label] button:focus-visible{outline-offset:3px;outline:3px solid #ffe394}@media (max-width:520px){.term-interactive-demo.label-lab[data-b1-rebuild=label]{padding:12px;box-shadow:4px 4px #9ab8b6}}
.dropdown-card-preview>small{color:#7b87a0;font-size:9px;font-weight:800}.dropdown-card-preview>p{color:#69758d;margin:0;font-size:9px;line-height:1.35}.dropdown-card-preview{gap:7px}.dropdown-card-frames{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;display:grid}.dropdown-card-frame{background:#fff;border:1px solid #e6e6eb;border-radius:7px;align-content:start;gap:5px;padding:8px 9px;display:grid}.dropdown-card-frame small{color:#8d8d97;letter-spacing:.03em;font-size:8px;font-weight:800}.dropdown-card-frame p{color:#6a6a72;margin:0;font-size:8px;line-height:1.4}.dropdown-card-ticket{background:#fafafa;border:1px solid #d4d4da;border-radius:5px;gap:3px;padding:5px 6px;display:grid}.dropdown-card-ticket b{color:var(--ink);font-size:8px;font-weight:800}.dropdown-card-status{border-radius:3px;justify-self:start;padding:1px 5px;font-size:7px;font-weight:800}.dropdown-card-status.is-unread{background:var(--ink);color:#fff}.dropdown-card-trigger{border:1px solid var(--ink);color:var(--ink);border-radius:4px;justify-self:start;align-items:center;gap:2px;padding:2px 6px;font-size:8px;font-weight:800;display:inline-flex}.dropdown-card-trigger svg{color:var(--ink)}.dropdown-card-menu{border:1px solid var(--line);background:#fff;border-radius:5px;gap:2px;margin:0;padding:4px;list-style:none;display:grid}.dropdown-card-menu li{color:#4d4d57;border-radius:3px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:4px;padding:3px 4px;font-size:8px;font-weight:700;display:grid}.dropdown-card-menu li>i{color:var(--ink);font-size:8px;font-style:normal;font-weight:800}.dropdown-card-menu li.is-active{color:var(--ink);background:#f0f0f0;font-weight:800}.dropdown-card-menu li.is-disabled{color:#9a9aa3}.dropdown-card-menu li.is-disabled>span{text-decoration:line-through}.dropdown-card-menu li.is-disabled small{color:#8a8a92;background:#efeff1;border-radius:2px;padding:0 3px;font-size:7px;font-weight:700}.dropdown-card-menu li.is-danger,.dropdown-card-menu li.is-danger>i{color:#a83a44}.dropdown-card-arrow{color:#6a6a72;align-content:center;justify-items:center;gap:2px;font-size:7px;font-weight:700;display:grid}.dropdown-card-arrow b{color:var(--ink);font-size:13px}.dropdown-card-preview .dropdown-card-conclusion{border-left:3px solid var(--ink);color:#3d3d45;background:#f5f5f5;border-radius:0 4px 4px 0;margin:0;padding:5px 7px;font-size:9px;line-height:1.45}.dropdown-card-preview .dropdown-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.dropdown-interaction-demo{border-color:var(--line);background:var(--color-white);gap:12px}.term-interactive-demo.dropdown-interaction-demo button{border:1px solid var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.dropdown-interaction-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.dropdown-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dropdown-demo-brief{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.dropdown-demo-ticket{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:8px;padding:12px 14px;display:grid}.dropdown-demo-ticket.is-closed{border-color:var(--ink);background:#f0f0f0}.dropdown-demo-ticket header{gap:2px;display:grid}.dropdown-demo-ticket header small{color:var(--muted);font-size:11px;font-weight:700}.dropdown-demo-ticket header b{color:var(--ink);font-size:14px;font-weight:800}.dropdown-demo-ticket dl{grid-template-columns:max-content minmax(0,1fr);gap:5px 14px;margin:0;display:grid}.dropdown-demo-ticket dt{color:var(--muted);font-size:12px}.dropdown-demo-ticket dd{color:var(--ink);margin:0;font-size:13px;font-weight:700}.dropdown-demo-ticket-status{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-block}.dropdown-demo-ticket-status.is-unread{background:var(--ink);color:#fff}.dropdown-demo-ticket-status.is-read{color:var(--ink);border:1px solid var(--ink);background:#fff}.dropdown-demo-ticket-status.is-closed{color:#fff;background:#a83a44}.dropdown-demo-ticket>p{color:#595963;margin:0;font-size:12px;line-height:1.55}.dropdown-demo-wrapper{justify-items:start;gap:8px;display:grid;position:relative}.dropdown-demo-trigger{border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:7px 12px;font-size:14px;font-weight:700;display:inline-flex}.dropdown-demo-trigger.is-open{border-color:var(--ink)}.dropdown-demo-trigger.is-disabled{opacity:.6;cursor:not-allowed}.dropdown-demo-trigger-label{color:var(--ink)}.dropdown-demo-trigger svg{color:var(--muted);transition:transform .15s}.dropdown-demo-trigger svg.is-open{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.dropdown-demo-trigger svg{transition:none}}.dropdown-demo-menu{border:1px solid var(--line);background:var(--color-white);z-index:5;border-radius:8px;gap:2px;min-width:min(100%,300px);margin:0;padding:5px;list-style:none;display:grid;position:relative;box-shadow:0 8px 22px #2222221f}.dropdown-demo-item{width:100%;min-height:36px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;font-weight:650;display:grid}.dropdown-demo-item:hover:not(.is-disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.dropdown-demo-item:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.dropdown-demo-item.is-active{border-color:var(--ink);color:var(--ink);background:#f0f0f0;font-weight:800}.dropdown-demo-item.is-disabled{color:#9a9aa3;cursor:not-allowed}.dropdown-demo-item.is-disabled:hover{background:0 0;border-color:#0000}.dropdown-demo-item.is-destructive{color:#a83a44}.dropdown-demo-item.is-destructive:hover{color:#a83a44;background:#fff5f6;border-color:#a83a44}.dropdown-demo-item-label{min-width:0}.dropdown-demo-item-hint{color:var(--muted);font-size:11px;font-weight:600}.dropdown-demo-item.is-destructive .dropdown-demo-item-hint{color:#a83a44}.dropdown-demo-item-reason{color:#8a8a92;background:#efeff1;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700}.dropdown-demo-confirm{background:#fff5f6;border:1px solid #a83a44;border-left-width:4px;border-radius:8px;gap:10px;padding:12px 14px;display:grid}.dropdown-demo-confirm p{color:#5d3a3e;margin:0;font-size:13px;line-height:1.55}.dropdown-demo-confirm strong{color:#a83a44}.dropdown-demo-confirm-actions{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.dropdown-interaction-demo .dropdown-demo-confirm-primary{background:var(--color-rausch-600);min-width:148px;color:var(--color-white);border:0;font-weight:800}.term-interactive-demo.dropdown-interaction-demo .dropdown-demo-confirm-primary:hover:not(:disabled){color:var(--color-white);background:#c8093a}.dropdown-demo-confirm-cancel{min-width:0}.dropdown-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}.dropdown-demo-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dropdown-demo-reset{min-width:0}.dropdown-demo-actions-note{color:var(--muted);font-size:12px;line-height:1.5}.dropdown-knowledge-list,.dropdown-how-list{gap:8px;margin:0;padding-left:20px;display:grid}.dropdown-knowledge-list li,.dropdown-how-list li{color:#51515b;font-size:13.5px;line-height:1.6}.dropdown-knowledge-list b,.dropdown-how-list b{color:var(--ink);font-weight:800}.dropdown-how-list{padding-left:24px}.dropdown-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dropdown-example{border:1px solid var(--line);background:#fafafa;border-radius:8px;gap:5px;padding:12px;display:grid}.dropdown-example.is-good{border-left:4px solid #4d805d}.dropdown-example.is-bad{border-left:4px solid #b04c52}.dropdown-example b{color:var(--ink);font-size:13px;font-weight:800}.dropdown-example p{color:#54545e;margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.dropdown-card-frames{grid-template-columns:1fr}.dropdown-card-arrow{display:none}.dropdown-example-grid{grid-template-columns:1fr}.dropdown-demo-menu{min-width:min(100%,260px)}}.term-card .dropdown-card-preview[data-b4-skin=dropdown]{--ink:#7b5420;--muted:#806c54;--line:#c9ac78;--soft:#fff3d8;--color-faint:#ffebbd;--accent:#7b5420;color:#3e2e20;background:#fff1d4;border:2px solid #a97837;box-shadow:5px 5px #d8b46e}.term-interactive-demo.dropdown-interaction-demo[data-b4-skin=dropdown]{--ink:#6a4a22;--muted:#6a5a45;--line:#c89b54;--soft:#fff1d2;--color-faint:#ffebc2;--accent:#e0b34c;--color-rausch-600:#b44e40;color:#332719;background:#f7e4bd;border:2px solid #81592c;box-shadow:8px 8px #c6914f}.term-interactive-demo.dropdown-interaction-demo[data-b4-skin=dropdown] button:focus-visible{outline-offset:3px;outline:3px solid #7b4b94}.term-interactive-demo.dropdown-interaction-demo[data-b4-skin=dropdown] .dropdown-demo-confirm-primary{color:#fff8ef!important;background:#b44e40!important;border-color:#b44e40!important}
.term-card .term-preview.search-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink);gap:8px;padding:15px;display:grid}.search-card-field{border:1px solid var(--color-deco);background:var(--color-white);color:var(--ink);border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;display:flex}.search-card-field-icon{color:var(--muted);font-weight:800}.search-card-field-text{font-weight:700}.search-card-results{border:1px solid var(--color-deco);background:var(--color-faint);border-radius:8px;gap:5px;padding:7px;display:grid}.search-card-results-head{justify-content:space-between;align-items:center;gap:6px;padding:0 3px;display:flex}.search-card-results-head small{color:var(--muted);font-size:7px;font-weight:700}.search-card-count{background:var(--ink);color:var(--color-white);border-radius:999px;padding:2px 7px;font-size:7px;font-weight:800}.search-card-results ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.search-card-results li{background:var(--color-white);color:var(--ink);border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;gap:6px;padding:5px 7px;font-size:8px;font-weight:700;display:flex}.search-card-results li small{color:var(--muted);font-size:7px;font-weight:600}.search-card-results li mark,.search-lab-list li mark{background:color-mix(in srgb, var(--ink) 14%, var(--color-white));color:var(--ink);border-bottom:2px solid var(--ink);padding:0 1px;font-weight:800}.search-card-empty{border:1px dashed color-mix(in srgb, var(--ink) 28%, var(--color-deco));background:var(--color-white);border-radius:8px;gap:3px;padding:11px;display:grid}.search-card-empty b{color:var(--ink);font-size:10px;font-weight:800}.search-card-empty span{color:var(--ink);font-size:8px;font-weight:700}.search-card-empty small{color:var(--muted);font-size:7px}.search-card-toggle{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 10px;font-size:9px;font-weight:700;display:inline-flex}.search-card-toggle:hover{background:var(--color-faint);color:var(--ink)}.search-card-toggle[aria-pressed=true]{background:var(--ink);color:var(--color-white)}.search-card-toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:2px}.term-preview.search-card-preview>.search-card-conclusion{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.term-interactive-demo.search-lab{gap:var(--element-gap);border:1px solid var(--line);background:var(--surface-card)}.term-interactive-demo.search-lab button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.search-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.search-lab input[type=search]{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.search-lab input[type=search]:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:1px;border-color:var(--ink)}.search-lab-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.search-lab-form{gap:7px;display:grid}.search-lab-label{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.3}.search-lab-input-row{gap:var(--spacing-8);flex-wrap:wrap;align-items:stretch;display:flex}.search-lab-input-row input[type=search]{flex:220px;min-width:0}.search-lab-results{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--soft);gap:8px;display:grid}.search-lab-results-head{justify-content:space-between;align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.search-lab-results-scope{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.search-lab-results-scope small{color:var(--muted);font-size:var(--text-caption);font-weight:700}.search-lab-results-scope b{color:var(--ink);font-size:var(--text-body);font-weight:800}.search-lab-confirmed{border:1px solid var(--ink);background:var(--color-white);color:var(--ink);font-size:var(--text-caption);border-radius:999px;padding:2px 8px;font-style:normal;font-weight:800}.search-lab-count{background:var(--ink);color:var(--color-white);font-size:var(--text-caption);border-radius:999px;padding:3px 11px;font-weight:800}.search-lab-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.search-lab-list li{border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--color-white);gap:3px;padding:10px 12px;display:grid}.search-lab-list li b{color:var(--ink);font-size:var(--text-body);font-weight:800;line-height:1.35}.search-lab-list li>span{color:var(--ink);font-size:var(--text-caption);line-height:var(--leading-body)}.search-lab-tags{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.search-lab-tags i{border:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:var(--text-caption);border-radius:999px;padding:2px 8px;font-style:normal;font-weight:700}.search-lab-empty{border:1px dashed color-mix(in srgb, var(--ink) 30%, var(--line));border-radius:var(--radius-inputs);background:var(--color-white);gap:4px;padding:14px 16px;display:grid}.search-lab-empty b{color:var(--ink);font-size:var(--text-ui);font-weight:800}.search-lab-empty span{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body)}.search-lab-empty-actions{margin-top:6px}.search-lab-empty-cta{border:1px solid var(--ink);border-radius:var(--radius-buttons);background:var(--color-white);color:var(--ink);font-size:var(--text-caption);align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}.search-lab-empty-cta:hover{background:var(--color-faint);color:var(--ink)}.search-lab-empty-cta:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:2px}.search-lab-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}.search-lab-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)!important;color:var(--color-white)!important}.search-lab-primary:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.search-lab-secondary{border:1px solid var(--ink)!important;border-radius:var(--radius-buttons)!important;background:var(--color-white)!important;color:var(--ink)!important}.search-lab-secondary:hover:not(:disabled){background:var(--color-faint)!important;color:var(--ink)!important}.search-lab-secondary:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:2px}.search-lab-secondary:disabled{opacity:.55;cursor:not-allowed}.search-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}.search-attention-list{margin-bottom:0}.search-attention-list li{gap:4px;display:grid}.search-attention-list strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.search-attention-list span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.search-when-grid{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.search-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}.search-when-grid article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.search-when-grid article strong{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.search-when-grid article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.search-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}.search-how-steps li{padding-left:4px}.search-how-steps li::marker{color:var(--ink);font-weight:800}.search-examples{gap:10px;display:grid}.search-examples article{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);gap:8px;display:grid}.search-examples article.is-good{border-left:3px solid #2f7a52}.search-examples article.is-bad{border-left:3px solid #a83a44}.search-examples article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.search-examples article b{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.search-examples article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.search-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}.search-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){.search-lab-input-row{flex-direction:column;align-items:stretch}.search-lab-input-row input[type=search]{flex:auto}.search-when-grid{grid-template-columns:1fr}}.term-card .search-card-preview[data-b4-skin=search]{--ink:#314b83;--muted:#61708f;--line:#9dadc9;--soft:#edf1fb;--color-faint:#e4ebfa;--accent:#314b83;color:#202e4d;background:#edf1fb;border:2px solid #566f9e;box-shadow:5px 5px #aab7d2}.term-interactive-demo.search-lab[data-b4-skin=search]{--ink:#38558e;--muted:#c8d8f1;--line:#94abd2;--soft:#e9effa;--color-faint:#dce7f8;--accent:#f0c767;--color-rausch-600:#e0b34c;color:#f3f7ff;background:#1d3157;border:2px solid #5478ad;box-shadow:8px 8px #9aadd0}.term-interactive-demo.search-lab[data-b4-skin=search] .search-lab-brief,.term-interactive-demo.search-lab[data-b4-skin=search] .search-lab-status{color:#dce9ff}.term-interactive-demo.search-lab[data-b4-skin=search] button:focus-visible,.term-interactive-demo.search-lab[data-b4-skin=search] input:focus-visible{outline-offset:3px;outline:3px solid #ffe290}
.table-card-preview{gap:7px;padding:12px;display:grid}.table-card-toolbar{flex-wrap:wrap;gap:5px;display:flex}.table-card-toolbar span{color:#8a8a94;background:#fafafa;border:1px solid #e3e3e8;border-radius:99px;align-items:center;gap:3px;padding:2px 7px;font-size:7px;display:inline-flex}.table-card-toolbar b{color:var(--ink);font-size:7px;font-weight:800}.table-card-preview table{border-collapse:collapse;color:#595963;border:1px solid #e6e6eb;border-radius:6px;width:100%;font-size:8px}.table-card-preview th,.table-card-preview td{text-align:left;border-bottom:1px solid #eeeef2;padding:5px 6px}.table-card-preview thead th{color:#8a8a94;background:#fafafa;font-weight:700}.table-card-preview thead th i{color:var(--ink);font-style:normal;font-weight:800}.table-card-preview tbody tr:last-child td,.table-card-preview tbody tr:last-child th{border-bottom:0}.table-card-preview tbody tr.is-selected{background:#f3f3f4}.table-card-preview tbody tr.is-selected td,.table-card-preview tbody tr.is-selected th{color:var(--ink);font-weight:700}.table-card-check{color:var(--ink);font-style:normal;font-weight:800}.table-card-conclusion{color:#3d3d45;margin:0;font-size:8px;line-height:1.45}.table-card-conclusion b{background:var(--ink);color:#fff;border-radius:2px;margin-right:4px;padding:0 4px;font-size:7px;font-weight:800;display:inline-block}.table-comparison-flow{align-items:center;gap:10px;display:flex}.table-comparison-flow span,.table-comparison-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.table-comparison-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.table-comparison-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.table-comparison-flow{flex-direction:column;align-items:stretch}.table-comparison-flow>svg{align-self:center;transform:rotate(90deg)}}.term-interactive-demo.table-interaction-demo{border-color:var(--line);background:var(--color-white);gap:12px}.term-interactive-demo.table-interaction-demo button{border:1px solid var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.table-interaction-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.table-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.table-interaction-demo button:disabled{opacity:.5;cursor:not-allowed}.term-interactive-demo.table-interaction-demo .table-demo-check-cell input[type=checkbox]{accent-color:var(--ink)}.table-demo-brief{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.table-demo-toolbar{flex-wrap:wrap;gap:8px;display:flex}.table-demo-chip{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.table-demo-chip b{color:var(--ink);font-weight:800}.table-demo-scroll{border:1px solid var(--line);background:var(--color-white);border-radius:8px;overflow-x:auto}.table-demo-data{border-collapse:collapse;width:100%;color:var(--ink);font-size:13px}.table-demo-data caption{color:var(--muted);text-align:left;padding:9px 12px;font-size:12px}.table-demo-data th,.table-demo-data td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:9px 12px}.table-demo-data thead th{background:var(--soft);color:var(--muted);font-size:11px;font-weight:800}.table-demo-data thead th.table-demo-check-cell{width:36px;padding-inline:10px}.table-demo-data thead th.table-demo-customer{width:auto}.table-demo-data tbody th{font-weight:700}.table-demo-data tbody tr:last-child td,.table-demo-data tbody tr:last-child th{border-bottom:0}.table-demo-data tbody tr:hover td,.table-demo-data tbody tr:hover th{background:#f7f7f7}.table-demo-data tbody tr.is-selected td,.table-demo-data tbody tr.is-selected th{background:var(--soft);color:var(--ink);font-weight:700}.term-interactive-demo.table-interaction-demo .table-demo-data thead .table-demo-sort{min-height:0;color:var(--muted);background:0 0;border:0;gap:4px;padding:0;font-size:11px;font-weight:800}.term-interactive-demo.table-interaction-demo .table-demo-data thead .table-demo-sort:hover:not(:disabled){color:var(--ink);background:0 0;border:0}.term-interactive-demo.table-interaction-demo .table-demo-data thead .table-demo-sort.is-active{color:var(--ink)}.term-interactive-demo.table-interaction-demo .table-demo-data thead .table-demo-sort:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:3px}.table-demo-sort-arrow{min-width:10px;color:var(--muted);font-weight:800;display:inline-block}.table-demo-sort.is-active .table-demo-sort-arrow{color:var(--ink)}.table-demo-pager{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-demo-pager span{color:var(--muted);font-size:13px}.table-demo-pager span b{color:var(--ink);font-weight:800}.table-demo-pager button{min-width:0;padding:7px 12px}.table-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}.table-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.table-interaction-demo .table-demo-export{background:var(--color-rausch-600);min-width:124px;color:var(--color-white);border:0;font-weight:800}.term-interactive-demo.table-interaction-demo .table-demo-export:hover:not(:disabled){color:var(--color-white);background:#c8093a}.term-interactive-demo.table-interaction-demo .table-demo-export:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.table-interaction-demo .table-demo-export:disabled{color:#8c4a59;opacity:1;cursor:not-allowed;background:#f1d3dc}.table-demo-reset{min-width:0}.table-knowledge-list,.table-how-list{gap:8px;margin:0;padding-left:20px;display:grid}.table-knowledge-list li,.table-how-list li{color:#51515b;font-size:13.5px;line-height:1.6}.table-knowledge-list b,.table-how-list b{color:var(--ink);font-weight:800}.table-how-list{padding-left:24px}.table-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.table-example{border:1px solid var(--line);background:#fafafa;border-radius:8px;gap:5px;padding:12px;display:grid}.table-example.is-good{border-left:4px solid #4d805d}.table-example.is-bad{border-left:4px solid #b04c52}.table-example b{color:var(--ink);font-size:13px;font-weight:800}.table-example p{color:#54545e;margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.table-demo-customer,.table-card-customer{display:none}.table-example-grid{grid-template-columns:1fr}}.term-card .table-card-preview{--ink:#244b41;--muted:#59756c;--line:#a8c8b8;--soft:#e4f1e8;color:#244b41;background:#edf5ea;border:2px solid #65907c;box-shadow:5px 5px #a9c8b5}.term-interactive-demo.table-interaction-demo{--ink:#244b41;--muted:#4d6d62;--line:#9ec2ae;--soft:#e3f1e8;--color-white:#fcfff8;--color-rausch-600:#b86e32;color:#244b41;background:#edf5ea;border:2px solid #5f917b;box-shadow:8px 8px #a6c6b3}.term-interactive-demo.table-interaction-demo .table-demo-status{color:#35584d;background:#f6fbf5;border-left-color:#b86e32}.term-interactive-demo.table-interaction-demo .table-demo-export:hover:not(:disabled){background:#965221}.term-interactive-demo.table-interaction-demo button:focus-visible,.term-interactive-demo.table-interaction-demo input:focus-visible{outline-offset:3px;outline:3px solid #b86e32}
.list-card-preview{align-content:center;gap:5px;padding:16px;display:grid}.list-card-preview .list-card-row{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 9px;display:flex}.list-card-preview .list-card-row.is-unread{border-color:color-mix(in srgb, var(--ink) 22%, var(--line))}.list-card-preview .list-card-row span{gap:2px;display:grid}.list-card-preview .list-card-row b{color:var(--ink);font-size:9px;font-weight:700}.list-card-preview .list-card-row.is-read b{color:#9a9aa3;font-weight:600}.list-card-preview .list-card-row small{color:#9797a0;font-size:7px}.list-card-preview .list-card-row i{border-radius:99px;padding:1px 5px;font-size:7px;font-style:normal;font-weight:700}.list-card-preview .list-card-row.is-unread i{background:color-mix(in srgb, var(--ink) 12%, #fff);color:var(--ink)}.list-card-preview p{color:var(--ink);margin:4px 0 0;font-size:8px;font-weight:700;line-height:1.5}.list-sequence-flow{align-items:center;gap:10px;display:flex}.list-sequence-flow span,.list-sequence-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.list-sequence-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.list-sequence-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.list-sequence-flow{flex-direction:column;align-items:stretch}.list-sequence-flow>svg{align-self:center;transform:rotate(90deg)}}.list-interaction-demo .list-demo-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.list-interaction-demo .list-demo-head span{color:var(--ink);font-size:14px;font-weight:750}.list-interaction-demo .list-demo-head small{color:#85858f;font-size:12px}.list-interaction-demo .list-demo-filter{flex-wrap:wrap;gap:6px;display:flex}.list-interaction-demo .list-demo-filter button{border:1px solid var(--line);color:#5a5a64;background:#fff;border-radius:99px;align-items:center;gap:5px;min-height:30px;padding:5px 11px;font-size:12px;font-weight:650;display:inline-flex}.list-interaction-demo .list-demo-filter button i{color:#6a6a74;background:#eef0f3;border-radius:99px;align-items:center;padding:0 6px;font-size:11px;font-style:normal;font-weight:700;display:inline-flex}.list-interaction-demo .list-demo-filter button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.list-interaction-demo .list-demo-filter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.list-interaction-demo .list-demo-filter button[aria-pressed=true] i{background:color-mix(in srgb, #fff 22%, var(--ink));color:#fff}.list-interaction-demo .list-demo-items{gap:6px;margin:0;padding:0;list-style:none;display:grid}.list-interaction-demo .list-demo-row{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;justify-content:space-between;padding:9px 11px}.list-interaction-demo .list-demo-row-text{gap:2px;display:grid}.list-interaction-demo .list-demo-row-text b{color:var(--ink);font-size:13px;font-weight:700}.list-interaction-demo .list-demo-row-text small{color:#8d8d97;font-size:11px}.list-interaction-demo .list-demo-row-state{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.list-interaction-demo .list-demo-row.is-unread{border-color:color-mix(in srgb, var(--ink) 26%, var(--line));background:color-mix(in srgb, var(--ink) 4%, #fff)}.list-interaction-demo .list-demo-row.is-unread .list-demo-row-state{background:var(--ink);color:#fff}.list-interaction-demo .list-demo-row.is-read{border-color:var(--line);background:#fff}.list-interaction-demo .list-demo-row.is-read .list-demo-row-text b{color:#9a9aa3;font-weight:600}.list-interaction-demo .list-demo-row.is-read .list-demo-row-state{color:#8a8a94;background:#ececf0}.list-interaction-demo .list-demo-row:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 30%, var(--line));color:var(--ink)}.list-interaction-demo .list-demo-empty{border:1px dashed color-mix(in srgb, var(--ink) 24%, var(--line));background:#fafafa;border-radius:8px;gap:6px;padding:16px;display:grid}.list-interaction-demo .list-demo-empty b{color:var(--ink);font-size:14px}.list-interaction-demo .list-demo-empty p{color:#6a6a74;margin:0;font-size:12px;line-height:1.55}.list-interaction-demo .list-demo-empty-cta{border:1px solid var(--ink);min-height:30px;color:var(--ink);background:#fff;border-radius:6px;justify-self:start;padding:5px 12px;font-size:12px;font-weight:700}.list-interaction-demo .list-demo-empty-cta:hover{background:var(--ink);color:#fff}.list-interaction-demo .list-demo-more{background:var(--color-rausch-600);border-color:var(--color-rausch-600);color:#fff}.list-interaction-demo .list-demo-more:hover:not(:disabled){color:#fff;background:#c10a3a;border-color:#c10a3a}.list-interaction-demo .list-demo-more:disabled{color:#8a8a94;cursor:default;background:#ececf0;border-color:#ececf0}.list-build-flow{align-items:center;gap:10px;display:flex}.list-build-flow span,.list-build-flow b{border:1px solid var(--line);color:#5b5b65;text-align:center;background:#fafafa;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.list-build-flow b{border-color:color-mix(in srgb, var(--ink) 28%, var(--line));background:color-mix(in srgb, var(--ink) 6%, #fff);color:var(--ink);font-weight:700}.list-build-flow>svg{color:#a5a5ae;flex:none}.list-boundary-note{border-left:3px solid var(--ink);background:color-mix(in srgb, var(--ink) 5%, var(--surface-card));color:#4a4a54;border-radius:0 7px 7px 0;margin:14px 0 0;padding:11px 13px;font-size:13px;line-height:1.6}.list-boundary-note b{color:var(--ink);font-weight:700}@media (max-width:720px){.list-build-flow{flex-direction:column;align-items:stretch}.list-build-flow>svg{align-self:center;transform:rotate(90deg)}}.term-card .list-card-preview{color:#173a50;background:#e3eff8;border:2px solid #527795;box-shadow:5px 5px #a7c5d8}.list-card-preview .list-card-row{background:#fafeff;border-color:#a9c6d7}.list-card-preview .list-card-row b,.list-card-preview p{color:#173a50}.list-card-preview .list-card-row.is-unread{background:#eef8ff;border-color:#2e6787}.list-card-preview .list-card-row.is-unread i{color:#17465e;background:#cfe8f4}.list-card-preview .list-card-row.is-read i{color:#4b6675;background:#dce5ea}.term-interactive-demo.list-interaction-demo{color:#eef9fa;background:#173947;border:2px solid #35647c;box-shadow:8px 8px #91b6c2}.term-interactive-demo.list-interaction-demo .list-demo-head span{color:#fff7e6}.term-interactive-demo.list-interaction-demo .list-demo-head small{color:#bee0e5}.term-interactive-demo.list-interaction-demo .list-demo-filter button{color:#193e4b;background:#eaf6f4;border-color:#78a6b5}.term-interactive-demo.list-interaction-demo .list-demo-filter button:hover:not(:disabled){color:#293225;background:#fff0c8;border-color:#f0c766}.term-interactive-demo.list-interaction-demo .list-demo-filter button[aria-pressed=true]{color:#293226;background:#e5bd57;border-color:#e5bd57}.term-interactive-demo.list-interaction-demo .list-demo-filter button[aria-pressed=true] i{color:#fff9e7;background:#765918}.term-interactive-demo.list-interaction-demo .list-demo-row{color:#193c47;background:#fafffb;border-color:#8bb2bc}.term-interactive-demo.list-interaction-demo .list-demo-row-text b{color:#193c47}.term-interactive-demo.list-interaction-demo .list-demo-row-text small{color:#52727a}.term-interactive-demo.list-interaction-demo .list-demo-row.is-unread{background:#e4f3f3;border-color:#4f91a5}.term-interactive-demo.list-interaction-demo .list-demo-row.is-unread .list-demo-row-state{color:#f2fffb;background:#226b78}.term-interactive-demo.list-interaction-demo .list-demo-row.is-read{background:#f5f8f6;border-color:#abc1c5}.term-interactive-demo.list-interaction-demo .list-demo-row.is-read .list-demo-row-text b{color:#536d73}.term-interactive-demo.list-interaction-demo .list-demo-row:hover:not(:disabled){color:#253228;background:#fff5d8;border-color:#e3b958}.term-interactive-demo.list-interaction-demo .list-demo-empty{background:#edf8f5;border-color:#78a8b3}.term-interactive-demo.list-interaction-demo .list-demo-empty b{color:#173f4b}.term-interactive-demo.list-interaction-demo .list-demo-empty p{color:#40636a}.term-interactive-demo.list-interaction-demo .list-demo-empty-cta{color:#174651;background:#e7f5ef;border-color:#246b78}.term-interactive-demo.list-interaction-demo .list-demo-empty-cta:hover{color:#303020;background:#ffeec0;border-color:#e3b958}.term-interactive-demo.list-interaction-demo .list-demo-more{color:#293225;background:#e5bd57;border-color:#e5bd57}.term-interactive-demo.list-interaction-demo .list-demo-more:hover:not(:disabled){color:#293225;background:#f7d77d;border-color:#f7d77d}.term-interactive-demo.list-interaction-demo .list-demo-more:disabled{color:#c6dadd;background:#3b5961;border-color:#496b73}.term-interactive-demo.list-interaction-demo>p[role=status]{color:#edf9f5;background:#102c35;border-left:4px solid #e5bd57}.term-interactive-demo.list-interaction-demo button:focus-visible{outline-offset:3px;outline:3px solid #ffe39a}
.card-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink);align-content:center;gap:8px;padding:14px;display:grid}.card-card-cover{background:linear-gradient(120deg,#e6e9f1,#f1ece4 55%,#dde4ef);border-radius:6px;height:34px}.card-card-meta{gap:3px;display:grid}.card-card-meta small{color:var(--muted);font-size:7px;font-weight:700}.card-card-meta b{color:var(--ink);font-size:10px;font-weight:800;line-height:1.3}.card-card-tags{flex-wrap:wrap;gap:4px;margin-top:1px;display:flex}.card-card-tags i{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:999px;padding:1px 6px;font-size:7px;font-style:normal;font-weight:700}.card-card-entry{color:var(--ink);align-items:center;gap:3px;font-size:8px;font-weight:700;display:flex}.card-card-conclusion{color:var(--ink);margin:2px 0 0;font-size:8px;font-weight:700;line-height:1.5}.card-card-conclusion b{background:var(--ink);color:var(--color-white);border-radius:2px;margin-right:4px;padding:0 4px;font-size:7px;font-weight:800;display:inline-block}.card-composition-flow{align-items:center;gap:10px;display:flex}.card-composition-flow span,.card-composition-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.card-composition-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.card-composition-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.card-composition-flow{flex-direction:column;align-items:stretch}.card-composition-flow>svg{align-self:center;transform:rotate(90deg)}}.term-interactive-demo.card-demo{gap:var(--element-gap);border:1px solid var(--line);background:var(--surface-card)}.term-interactive-demo.card-demo button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.card-demo button[aria-pressed=true]:not(.card-demo-favorite){border-color:color-mix(in srgb, var(--ink) 45%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.card-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.card-demo-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.card-demo-card{border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-white);gap:0;transition:box-shadow .15s,transform .15s;display:grid;position:relative;overflow:hidden}.card-demo-card.is-favorited{border-color:color-mix(in srgb, var(--ink) 35%, var(--line));background:var(--soft)}.card-demo-card.is-whole:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2222221f}@media (prefers-reduced-motion:reduce){.card-demo-card,.card-demo-card.is-whole:hover{transition:none;transform:none}}.card-demo-badge{z-index:2;border-radius:var(--radius-buttons);background:var(--ink);color:var(--color-white);font-size:var(--text-caption);align-items:center;padding:3px 8px;font-weight:800;display:none;position:absolute;top:8px;right:8px}.card-demo-card.is-favorited .card-demo-badge{display:inline-flex}.term-interactive-demo.card-demo .card-demo-hit{width:100%;min-height:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;gap:0;margin:0;padding:0;display:grid}.term-interactive-demo.card-demo .card-demo-hit--static,.term-interactive-demo.card-demo .card-demo-card.is-opened .card-demo-hit{cursor:default}.card-demo-cover{min-height:92px;color:var(--muted);font-size:var(--text-caption);letter-spacing:.02em;background:linear-gradient(135deg,#e8ecf5,#f3eee5 60%,#dde6f0);place-items:center;font-weight:700;display:grid}.card-demo-cover.is-missing{background:var(--soft);color:var(--muted)}.card-demo-meta{gap:6px;padding:12px 14px 10px;display:grid}.card-demo-meta small{color:var(--muted);font-size:var(--text-caption);font-weight:700}.card-demo-meta b{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.3}.card-demo-tags{flex-wrap:wrap;gap:5px;display:flex}.card-demo-tags i{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--soft);color:var(--muted);font-size:var(--text-caption);padding:2px 8px;font-style:normal;font-weight:700}.card-demo-actions{gap:var(--spacing-8);flex-wrap:wrap;align-items:center;padding:0 14px 14px;display:flex}.card-demo-favorite{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}.card-demo-favorite:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)!important;color:var(--color-white)!important}.card-demo-favorite:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.card-demo-favorite[aria-pressed=true]{background:color-mix(in srgb, var(--color-rausch-600) 82%, #000)!important}.card-demo-open{border:1px solid var(--ink)!important;border-radius:var(--radius-buttons)!important;background:var(--color-white)!important;color:var(--ink)!important}.card-demo-open:hover:not(:disabled){background:var(--soft)!important;color:var(--ink)!important}.card-demo-open:disabled{opacity:.55;cursor:not-allowed}.card-demo-open-flag{color:var(--ink);font-size:var(--text-caption);margin-left:auto;font-weight:800;display:none}.card-demo-card.is-opened .card-demo-open-flag{display:inline}.card-demo-controls{gap:var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--soft);flex-wrap:wrap;align-items:center;padding:10px 12px;display:flex}.card-demo-segment{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card-demo-segment-label{color:var(--muted);font-size:var(--text-caption);font-weight:700}.card-demo-segment button{min-width:0;padding:5px 10px}.card-demo-reset{min-width:0;margin-left:auto;padding:5px 12px}.card-demo-status{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);color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0;padding:10px 12px}.card-knowledge-list,.card-how-list{gap:var(--spacing-8);color:#51515b;margin:0;padding-left:20px;font-size:13.5px;line-height:1.6;display:grid}.card-knowledge-list li,.card-how-list li{padding-left:4px}.card-knowledge-list b,.card-how-list b{color:var(--ink);font-weight:800}.card-how-list{padding-left:24px}.card-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.card-example{border:1px solid var(--line);background:#fafafa;border-radius:8px;gap:5px;padding:12px;display:grid}.card-example.is-good{border-left:4px solid #4d805d}.card-example.is-bad{border-left:4px solid #a83a44}.card-example b{color:var(--ink);font-size:13px;font-weight:800}.card-example p{color:#54545e;margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.card-demo-actions{flex-direction:column;align-items:stretch}.card-demo-actions button{width:100%}.card-demo-open-flag{margin-left:0}.card-demo-controls{flex-direction:column;align-items:stretch}.card-demo-reset{margin-left:0}.card-example-grid{grid-template-columns:1fr}}.term-card .card-card-preview{--ink:#473561;--muted:#725f83;--line:#c7b7d7;--soft:#f0eafa;--color-white:#fffdf9;--color-deco:#a988bb;color:#473561;background:#f2ebf7;border:2px solid #9d80b2;box-shadow:5px 5px #cbb8d7}.term-card .card-card-cover{background:linear-gradient(120deg,#82709c,#d8c8e6 55%,#aa7f92)}.term-interactive-demo.card-demo{--ink:#473561;--muted:#6f5d7f;--line:#bca8ce;--soft:#f0eafa;--color-white:#fffdf9;--color-rausch-600:#b35c73;color:#473561;background:#f2ebf7;border:2px solid #8f72a8;box-shadow:8px 8px #c5afd5}.term-interactive-demo.card-demo .card-demo-cover{background:linear-gradient(120deg,#78608d,#d7c4df 55%,#b77b8b)}.term-interactive-demo.card-demo .card-demo-status{color:#573c57;background:#fff9f7;border-left-color:#b35c73}.term-interactive-demo.card-demo .card-demo-favorite:hover:not(:disabled){background:#94405b}.term-interactive-demo.card-demo button:focus-visible{outline-offset:3px;outline:3px solid #b35c73}
.tag-card-preview{gap:6px;padding:14px;display:grid}.tag-card-preview .tag-card-row{justify-content:space-between;align-items:center;display:flex}.tag-card-preview .tag-card-row small{color:#8a8a93;letter-spacing:.02em;font-size:7px;font-weight:700}.tag-card-preview .tag-card-row b{color:var(--ink);background:#ececf0;border-radius:99px;padding:1px 5px;font-size:8px;font-weight:800}.tag-card-preview .tag-card-chips{flex-wrap:wrap;gap:4px;display:flex}.tag-card-preview .tag-card-chips>span{height:18px;color:var(--ink);background:#fff;border:1px solid #d9d9df;border-radius:99px;align-items:center;gap:3px;padding:0 7px;font-size:8px;font-weight:650;display:inline-flex}.tag-card-preview .tag-card-chips>span.is-primary{border-color:var(--ink);background:var(--ink);color:#fff}.tag-card-preview .tag-card-chips>span.is-removable i{color:#55555e;background:#00000014;border-radius:50%;justify-content:center;align-items:center;width:11px;height:11px;font-style:normal;display:inline-flex}.tag-card-preview .tag-card-divider{color:#a5a5ae;letter-spacing:.06em;font-size:7px}.tag-card-preview .tag-card-badge{background:#f6f6f8;border:1px solid #e3e3e8;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.tag-card-preview .tag-card-badge small{color:#86868f;font-size:7px;font-weight:700}.tag-card-preview .tag-card-badge span{color:#5a5a63;align-items:center;gap:4px;font-size:8px;font-weight:650;display:inline-flex}.tag-card-preview .tag-card-badge b{color:#fff;background:#4a4a54;border-radius:99px;padding:1px 5px;font-size:8px;font-weight:800}.tag-card-preview>p{color:#3d3d45;margin:0;font-size:8px;line-height:1.45}.tag-meaning-flow{align-items:center;gap:10px;display:flex}.tag-meaning-flow span,.tag-meaning-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.tag-meaning-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.tag-meaning-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.tag-meaning-flow{flex-direction:column;align-items:stretch}.tag-meaning-flow>svg{align-self:center;transform:rotate(90deg)}}.tag-interaction-demo{background:#fafafb;border-color:#e1e1e6;gap:14px;padding:16px}.tag-interaction-demo .tag-demo-stage{grid-template-columns:minmax(0,1fr) 152px;gap:12px;display:grid}.tag-interaction-demo .tag-demo-article{background:#fff;border:1px solid #e3e3e8;border-radius:8px;gap:10px;padding:12px;display:grid}.tag-interaction-demo .tag-demo-article-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tag-interaction-demo .tag-demo-article-head span{color:#54545e;font-size:12px;font-weight:700}.tag-interaction-demo .tag-demo-article-head strong{color:var(--ink);background:#ececf0;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800}.tag-interaction-demo .tag-demo-article-head strong.is-full{background:var(--ink);color:#fff}.tag-interaction-demo .tag-demo-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tag-interaction-demo .tag-demo-chips li{background:#fff;border:1px solid #d9d9df;border-radius:99px;align-items:stretch;display:inline-flex;overflow:hidden}.tag-interaction-demo .tag-demo-chips li.is-primary{border-color:var(--ink);background:var(--ink)}.tag-interaction-demo .tag-demo-chip-body{align-items:center;gap:6px;display:inline-flex;min-height:28px!important;color:var(--ink)!important;background:0 0!important;border:0!important;border-radius:0!important;padding:4px 10px!important;font-size:12px!important;font-weight:650!important}.tag-interaction-demo .tag-demo-chip-body b{font-weight:750}.tag-interaction-demo .tag-demo-chip-body small{opacity:.72;font-size:10px;font-weight:600}.tag-interaction-demo .tag-demo-chips li.is-primary .tag-demo-chip-body{color:#fff!important}.tag-interaction-demo .tag-demo-chip-body:hover{color:var(--ink)!important;background:#f2f2f4!important;border:0!important}.tag-interaction-demo .tag-demo-chips li.is-primary .tag-demo-chip-body:hover{color:#fff!important;background:#ffffff29!important}.tag-interaction-demo .tag-demo-chip-remove{justify-content:center;align-items:center;width:26px;display:inline-flex;color:#6a6a73!important;background:0 0!important;border:0!important;border-left:1px solid #e8e8ec!important;border-radius:0!important;min-height:28px!important;padding:0!important}.tag-interaction-demo .tag-demo-chips li.is-primary .tag-demo-chip-remove{color:#ffffffe6!important;border-left-color:#ffffff47!important}.tag-interaction-demo .tag-demo-chip-remove:hover{color:#fff!important;background:#2a2a32!important;border-left-color:#2a2a32!important}.tag-interaction-demo .tag-demo-empty{color:#7a7a83;border:1px dashed #d5d5db;border-radius:7px;padding:10px 12px;font-size:12px;line-height:1.5}.tag-interaction-demo .tag-demo-input-row{gap:6px;display:flex}.tag-interaction-demo .tag-demo-input{flex:1;min-width:0}.tag-interaction-demo .tag-demo-add{min-height:36px;padding:0 14px}.tag-interaction-demo .tag-demo-add:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.tag-interaction-demo .tag-demo-actions{align-items:center;gap:8px;display:flex}.tag-interaction-demo .tag-demo-primary{font-weight:750;border-radius:var(--radius-buttons,7px)!important;background:var(--color-rausch-600)!important;color:var(--color-white,#fff)!important;border:0!important}.tag-interaction-demo .tag-demo-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 85%, #000)!important;color:var(--color-white,#fff)!important}.tag-interaction-demo .tag-demo-primary:disabled{opacity:.6;cursor:default}.tag-interaction-demo .tag-demo-secondary{border:1px solid var(--line)!important;color:var(--muted)!important;background:#fff!important}.tag-interaction-demo .tag-demo-secondary:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line))!important;color:var(--ink)!important}.tag-interaction-demo .tag-demo-badge-compare{background:#f6f6f8;border:1px solid #e3e3e8;border-radius:8px;align-content:start;gap:6px;padding:12px;display:grid}.tag-interaction-demo .tag-demo-badge{color:#54545e;background:#fff;border:1px solid #e3e3e8;border-radius:99px;justify-self:start;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:650;display:inline-flex}.tag-interaction-demo .tag-demo-badge b{color:#fff;background:#4a4a54;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:800}.tag-interaction-demo .tag-demo-badge-compare p{color:#54545e;margin:0;font-size:12px;font-weight:700}.tag-interaction-demo .tag-demo-badge-compare small{color:#7c7c86;font-size:11px;line-height:1.5}.tag-interaction-demo .tag-demo-status{color:#45454f;background:#fff;border:1px solid #e3e3e8;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.tag-howto{counter-reset:tagstep;gap:8px;margin:0;padding:0;list-style:none;display:grid}.tag-howto li{color:#51515b;counter-increment:tagstep;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;grid-template-columns:24px 1fr;gap:8px;padding:10px 12px;font-size:13px;line-height:1.55;display:grid}.tag-howto li:before{content:counter(tagstep);background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-flex}.tag-howto li b{color:var(--ink);font-weight:750}.tag-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tag-example{background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;gap:6px;padding:12px;display:grid}.tag-example header{color:#45454f;align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.tag-example header span{background:var(--ink);color:#fff;letter-spacing:.02em;border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.tag-example p{color:#5a5a64;margin:0;font-size:13px;line-height:1.6}.tag-example.is-bad header span{background:#4a4a54}@media (max-width:600px){.tag-interaction-demo .tag-demo-stage,.tag-example-grid{grid-template-columns:1fr}}.term-card .tag-card-preview{--ink:#5a356d;--muted:#785e83;--line:#cfb6d6;--soft:#f4e9f3;color:#5a356d;background:#f6eaf3;border:2px solid #a878a8;box-shadow:5px 5px #dabbd0}.term-interactive-demo.tag-interaction-demo{--ink:#5a356d;--muted:#765d7d;--line:#cbb3d1;--soft:#f5e9f3;--color-white:#fffafb;--color-rausch-600:#b45a76;color:#5a356d;background:#f6eaf3;border:2px solid #9b709d;box-shadow:8px 8px #d5b7ce}.term-interactive-demo.tag-interaction-demo .tag-demo-status{color:#613c63;background:#fff9fb;border-color:#cfb5c6}.term-interactive-demo.tag-interaction-demo .tag-demo-primary:hover:not(:disabled){background:#91405d!important}.term-interactive-demo.tag-interaction-demo button:focus-visible,.term-interactive-demo.tag-interaction-demo input:focus-visible{outline-offset:3px;outline:3px solid #b45a76}
.badge-card-preview{gap:10px;padding:14px;display:grid}.badge-card-caption{color:var(--muted);margin:0;font-size:11px;font-weight:600;line-height:1.4}.badge-card-states{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.badge-card-state{border:1px solid var(--line);background:var(--surface-card);text-align:center;border-radius:10px;justify-items:center;gap:4px;padding:10px 6px 8px;display:grid}.badge-card-bell{width:40px;height:36px;color:var(--ink);place-items:center;display:grid;position:relative}.badge-card-bell.is-empty{color:var(--muted)}.badge-card-state .badge-card-bell b{background:var(--ink);color:#fff;text-align:center;border-radius:999px;min-width:18px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.4;position:absolute;top:-3px;right:-8px}.badge-card-state small{color:var(--muted);font-size:10px}.badge-card-state b{color:var(--ink);font-size:11px;font-weight:700}.badge-card-note{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.badge-count-flow{align-items:center;gap:10px;display:flex}.badge-count-flow span,.badge-count-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.badge-count-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.badge-count-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.badge-count-flow{flex-direction:column;align-items:stretch}.badge-count-flow>svg{align-self:center;transform:rotate(90deg)}}.term-interactive-demo.badge-demo{border-color:var(--line);background:var(--surface-card);gap:14px}.term-interactive-demo.badge-demo button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);min-height:36px;color:var(--ink);padding:8px 12px;font-size:13px;font-weight:650}.term-interactive-demo.badge-demo button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.badge-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.badge-demo button:disabled{opacity:.55;cursor:not-allowed}.term-interactive-demo.badge-demo button.is-selected{border-color:color-mix(in srgb, var(--ink) 40%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.badge-demo .badge-demo-primary{background:var(--color-rausch-600);color:#fff;border:0;font-weight:700}.term-interactive-demo.badge-demo .badge-demo-primary:hover:not(:disabled){background:var(--color-rausch-600);color:#fff;filter:brightness(.92)}.badge-demo-inbox{border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--soft);gap:10px;padding:14px;display:grid}.badge-demo-inbox-head{align-items:center;gap:12px;display:flex}.badge-demo-bell{width:44px;height:40px;color:var(--ink);place-items:center;display:grid;position:relative}.badge-demo-bell b{background:var(--ink);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:1px 5px;font-size:11px;font-weight:700;line-height:1.4;position:absolute;top:-2px;right:-8px}.badge-demo-inbox-head strong{color:var(--ink);flex:1;font-size:14px;font-weight:700}.badge-demo-pill{border:1px solid color-mix(in srgb, var(--ink) 30%, var(--line));background:var(--surface-card);color:var(--ink);border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-demo-pill.is-error{color:#a83a44;border-color:#a83a44}.badge-demo-a11y{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.badge-demo-a11y b{color:var(--ink);font-weight:700}.badge-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.badge-demo-feedback{border-left:3px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:0 8px 8px 0;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.badge-demo:has(.badge-demo-pill.is-error) .badge-demo-feedback{color:#6f3037;background:#fdf3f4;border-left-color:#a83a44}.badge-versus-tag{border-left:3px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:0 8px 8px 0;margin:10px 0 0;padding:10px 12px;font-size:13px;line-height:1.6}.badge-how-to{color:var(--ink);margin:10px 0 0;font-size:13px;line-height:1.6}@media (max-width:560px){.badge-demo-actions{flex-direction:column;align-items:stretch}.badge-demo-actions button{width:100%}}
.avatar-card-preview{align-content:center;gap:10px;padding:16px;display:grid}.avatar-card-identities{gap:7px;display:grid}.avatar-card-person{align-items:center;gap:8px;display:flex}.avatar-card-photo,.avatar-card-fallback{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.avatar-card-photo{background:var(--ink);border:1px solid var(--ink)}.avatar-card-fallback{border:1px solid var(--ink);background:#fff}.avatar-card-photo i,.avatar-card-fallback i{color:inherit;font-size:9px;font-style:normal;font-weight:800}.avatar-card-photo i{color:var(--color-white)}.avatar-card-fallback i{color:var(--ink)}.avatar-card-person-copy{gap:1px;min-width:0;display:grid}.avatar-card-person-copy b{color:var(--ink);font-size:9px;font-weight:700}.avatar-card-person-copy small{color:var(--muted);font-size:7px}.avatar-card-collaborators{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:6px;display:flex}.avatar-card-stack-label{color:var(--muted);font-size:8px;font-weight:700}.avatar-card-stack{flex-flow:wrap;margin:0;padding:0;list-style:none;display:flex}.avatar-card-stack-item{border-radius:50%;place-items:center;width:20px;height:20px;margin-left:-5px;display:grid}.avatar-card-stack-item:first-child,.avatar-card-stack-more:first-child{margin-left:0}.avatar-card-stack-item.is-photo{background:var(--ink);border:1px solid var(--color-white)}.avatar-card-stack-item.is-fallback{background:var(--color-white);border:1px solid var(--ink)}.avatar-card-stack-item i{font-size:7px;font-style:normal;font-weight:800}.avatar-card-stack-item.is-photo i{color:var(--color-white)}.avatar-card-stack-item.is-fallback i{color:var(--ink)}.avatar-card-stack-more{border:1px solid var(--line);width:20px;height:20px;color:var(--muted);background:#ececf0;border-radius:50%;place-items:center;margin-left:-5px;font-size:7px;font-weight:800;display:grid}.avatar-card-caption{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.avatar-card-caption b{color:var(--ink);font-weight:700}.avatar-identity-flow{align-items:stretch;gap:8px;display:flex}.avatar-identity-flow span{color:#777781;background:#fafafa;border:1px solid #e4e4e9;border-radius:8px;flex:1;gap:3px;padding:11px;font-size:12px;display:grid}.avatar-identity-flow b{color:#555560;font-size:13px}.avatar-fallback-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.avatar-fallback-stack-grid article{background:#fafafa;border:1px solid #e5e5ea;border-radius:8px;padding:12px}.avatar-fallback-stack-grid article b{color:#555560;font-size:13px}.avatar-fallback-stack-grid article p{color:#6f6f79;margin:6px 0 0;font-size:13px;line-height:1.55}.avatar-demo-controls{flex-wrap:wrap;gap:7px;display:flex}.avatar-demo-control-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.avatar-demo-control-label{color:#73737d;width:100%;font-size:12px;font-weight:700}.avatar-demo-output{background:#fff;border:1px solid #e1e4f1;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.avatar-demo-subject{align-items:center;gap:8px;display:flex}.avatar-demo-avatar{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:8px;font-weight:800;display:grid}.avatar-demo-avatar.is-photo{background:#315efb}.avatar-demo-avatar.is-fallback{background:#9580d0;font-size:14px}.avatar-demo-subject-copy{gap:2px;display:grid}.avatar-demo-subject-copy b{color:#555560;font-size:13px}.avatar-demo-subject-copy small,.avatar-demo-stack-label{color:#83838d;font-size:11px}.avatar-demo-collaborators{justify-items:end;gap:4px;display:grid}@media (max-width:780px){.avatar-identity-flow,.avatar-demo-output{flex-direction:column;align-items:stretch}.avatar-fallback-stack-grid{grid-template-columns:1fr}.avatar-demo-collaborators{justify-items:start}}.term-interactive-demo.avatar-interaction-demo{border-color:var(--line);background:var(--surface-card);gap:14px}.term-interactive-demo.avatar-interaction-demo button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);min-height:34px;color:var(--ink);padding:7px 11px;font-size:13px;font-weight:650}.term-interactive-demo.avatar-interaction-demo button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 28%, var(--line));color:var(--ink)}.term-interactive-demo.avatar-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.avatar-interaction-demo button:disabled{opacity:.55;cursor:not-allowed}.term-interactive-demo.avatar-interaction-demo button.is-active{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.term-interactive-demo.avatar-interaction-demo .avatar-lab-primary{background:var(--color-rausch-600);color:var(--color-white);border:0;font-weight:700}.term-interactive-demo.avatar-interaction-demo .avatar-lab-primary:hover:not(:disabled){background:var(--color-rausch-600);color:var(--color-white);filter:brightness(.92)}.term-interactive-demo.avatar-interaction-demo .avatar-lab-primary:disabled{color:var(--muted);filter:none;background:#ececf0}.avatar-lab-brief{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.avatar-lab-stage{border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--soft);gap:14px;padding:16px;display:grid}.avatar-lab-subject{align-items:center;gap:14px;display:flex}.avatar-lab-subject-avatar{border-radius:50%;flex:none;place-items:center;transition:width .16s,height .16s;display:grid;position:relative}.avatar-lab-subject-avatar.is-sm{width:28px;height:28px}.avatar-lab-subject-avatar.is-md{width:40px;height:40px}.avatar-lab-subject-avatar.is-lg{width:56px;height:56px}.avatar-lab-subject-avatar.is-photo{background:var(--ink);border:2px solid var(--ink)}.avatar-lab-subject-avatar.is-fallback{background:var(--color-white);border:2px solid var(--ink)}.avatar-lab-subject-avatar i{color:var(--color-white);font-style:normal;font-weight:800}.avatar-lab-subject-avatar.is-sm i{font-size:12px}.avatar-lab-subject-avatar.is-md i{font-size:16px}.avatar-lab-subject-avatar.is-lg i{font-size:22px}.avatar-lab-subject-avatar.is-fallback i{color:var(--ink)}.avatar-lab-presence{border:2px solid var(--color-white);background:var(--ink);border-radius:50%;width:13px;height:13px;position:absolute;bottom:-2px;right:-2px}.avatar-lab-presence.is-away{background:linear-gradient(90deg, var(--ink) 50%, var(--color-white) 50%)}.avatar-lab-presence.is-offline{background:var(--color-white);border-color:var(--ink)}.avatar-lab-subject-copy{gap:2px;min-width:0;display:grid}.avatar-lab-subject-copy b{color:var(--ink);font-size:15px;font-weight:750}.avatar-lab-subject-copy small{color:var(--muted);font-size:12px}.avatar-lab-presence-label{border:1px solid color-mix(in srgb, var(--ink) 30%, var(--line));background:var(--surface-card);color:var(--ink);border-radius:99px;justify-self:start;margin-top:2px;padding:1px 8px;font-size:11px;font-weight:700}.avatar-lab-presence-label.is-offline{border-color:var(--line);color:var(--muted)}.avatar-lab-collaborators{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.avatar-lab-stack-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.avatar-lab-stack-head span{color:var(--ink);font-size:13px;font-weight:700}.avatar-lab-stack-head small{color:var(--muted);font-size:11px}.avatar-lab-stack{flex-flow:wrap;justify-content:flex-start;gap:0;margin:0;padding:0;list-style:none;display:flex}.avatar-lab-stack-item,.avatar-lab-stack-more{border:2px solid var(--color-white);border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-8px;display:grid}.avatar-lab-stack-item:first-child,.avatar-lab-stack-more:first-child{margin-left:0}.avatar-lab-stack-item.is-photo{background:var(--ink)}.avatar-lab-stack-item.is-fallback{background:var(--color-white);border-color:var(--ink)}.avatar-lab-stack-item i{color:var(--color-white);font-size:12px;font-style:normal;font-weight:800}.avatar-lab-stack-item.is-fallback i{color:var(--ink)}.avatar-lab-stack-more{border-color:var(--color-white);color:var(--muted);background:#ececf0;font-size:11px;font-weight:800}.avatar-lab-controls{gap:10px;display:grid}.avatar-lab-segment{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.avatar-lab-segment-label{width:100%;color:var(--muted);font-size:11.5px;font-weight:700}.avatar-lab-actions{flex-wrap:wrap;gap:8px;display:flex}.avatar-lab-reset{background:var(--surface-card);color:var(--ink)}.avatar-lab-status{border-left:3px solid var(--ink);background:var(--soft);color:#5a5a64;border-radius:0 6px 6px 0;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.55}.avatar-knowledge li b{color:var(--ink)}.avatar-howto{gap:8px;margin:12px 0 0;padding:0;list-style:inside decimal;display:grid}.avatar-howto li{color:#5a5a64;padding-left:4px;font-size:13px;line-height:1.6}.avatar-howto li b{color:var(--ink)}.avatar-example-grid article.avatar-example{gap:6px;display:grid}.avatar-example.is-good{border-color:color-mix(in srgb, var(--ink) 22%, var(--line))}.avatar-example.is-bad{border-color:#a83a44}.avatar-example.is-bad b{color:#a83a44}.avatar-example span{color:var(--muted);font-size:12px}@media (max-width:560px){.avatar-lab-stack-item,.avatar-lab-stack-more{width:26px;height:26px;margin-left:-7px}.avatar-lab-subject-avatar.is-lg{width:48px;height:48px}.avatar-lab-subject-avatar.is-lg i{font-size:19px}}
.descriptions-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.descriptions-rule-grid article{background:#fafafa;border:1px solid #e5e5ea;border-radius:8px;padding:12px}.descriptions-rule-grid article b{color:#555560;font-size:13px}.descriptions-rule-grid article p{color:#6f6f79;margin:6px 0 0;font-size:13px;line-height:1.55}.descriptions-readonly-preview{align-content:center;gap:7px;padding:15px;display:grid}.descriptions-preview-heading{color:#555560;justify-content:space-between;font-size:9px;font-weight:750;display:flex}.descriptions-preview-heading small{color:#94949e;font-size:7px}.descriptions-preview-list{gap:4px;margin:0;display:grid}.descriptions-preview-row{color:#777782;grid-template-columns:45px 1fr;gap:6px;font-size:8px;display:grid}.descriptions-preview-row dt{color:#90909a}.descriptions-preview-row dd{color:#575761;align-items:center;gap:4px;margin:0;display:flex}.descriptions-preview-row code{color:var(--accent)}.descriptions-preview-missing{color:#a0a0a9}.descriptions-readonly-map{gap:8px;display:grid}.descriptions-readonly-map>div{color:#7a7a84;background:#fafafa;border:1px solid #e5e5ea;border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex}.descriptions-readonly-map b{color:#555560;margin-left:auto}.descriptions-copy-demo-value{color:#73737d;justify-content:space-between;align-items:center;font-size:13px;display:flex}.descriptions-copy-demo-value code{color:var(--accent);font-weight:750}@media (max-width:780px){.descriptions-rule-grid{grid-template-columns:1fr}}.descriptions-card-preview{gap:6px;padding:13px;display:grid}.descriptions-card-head{color:#555560;justify-content:space-between;align-items:baseline;font-size:9px;font-weight:750;display:flex}.descriptions-card-head small{color:#94949e;font-size:7px;font-weight:600}.descriptions-card-list{border:1px solid #e6e6eb;border-radius:5px;gap:0;margin:0;display:grid;overflow:hidden}.descriptions-card-row{background:#fff;border-bottom:1px solid #eeeef2;grid-template-columns:48px 1fr;align-items:baseline;gap:8px;padding:4px 8px;display:grid}.descriptions-card-row:last-child{border-bottom:0}.descriptions-card-row dt{color:#90909a;font-size:8px;font-weight:700}.descriptions-card-row dd{color:#575761;align-items:center;gap:5px;margin:0;font-size:8px;line-height:1.4;display:flex}.descriptions-card-row code{color:var(--ink);font-weight:750}.descriptions-card-copy{color:#8a8a94;border:1px solid #e3e3e8;border-radius:99px;padding:1px 5px;font-size:7px;font-style:normal}.descriptions-card-missing{color:#a0a0a9}.descriptions-card-conclusion{color:#3d3d45;margin:4px 0 0;font-size:8px;line-height:1.45}.descriptions-card-conclusion b{background:var(--ink);color:#fff;border-radius:2px;margin-right:4px;padding:0 4px;font-size:7px;font-weight:800;display:inline-block}.term-interactive-demo.descriptions-interaction-demo{border-color:var(--line);background:var(--color-white);gap:12px}.term-interactive-demo.descriptions-interaction-demo button{border:1px solid var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.descriptions-interaction-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.descriptions-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.descriptions-interaction-demo button.is-active,.term-interactive-demo.descriptions-interaction-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.descriptions-demo-brief{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.descriptions-demo-stage{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:8px;padding:14px;display:grid}.descriptions-demo-stage.is-narrow{max-width:320px}.descriptions-demo-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.descriptions-demo-head span{color:var(--ink);font-size:13px;font-weight:800}.descriptions-demo-head strong{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800}.descriptions-demo-head strong.is-pending{color:#a83a44;background:#f0e0e3;border:1px solid #e6c8cd}.descriptions-demo-head strong.is-ready{border:1px solid var(--ink);background:var(--ink);color:#fff}.descriptions-demo-list{background:var(--color-white);border:1px solid var(--line);border-radius:6px;gap:0;margin:0;display:grid;overflow:hidden}.descriptions-demo-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:baseline;gap:10px;padding:9px 12px;display:grid}.descriptions-demo-row:last-child{border-bottom:0}.descriptions-demo-row dt{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.descriptions-demo-row dd{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;line-height:1.5;overflow:hidden}.descriptions-demo-list.is-aligned .descriptions-demo-row{grid-template-columns:84px 1fr}.descriptions-demo-list.is-aligned .descriptions-demo-row dt{width:84px}.descriptions-demo-list.is-wrap .descriptions-demo-row dd{white-space:normal;text-overflow:clip;overflow:visible}.descriptions-demo-row.is-blank dd{color:var(--muted)}.descriptions-demo-blank{color:var(--muted);font-size:12px;font-style:italic}.descriptions-demo-dash{color:var(--muted);font-size:16px;font-weight:800;line-height:1}.descriptions-demo-row code{color:var(--ink);font-weight:700}.descriptions-demo-stage.is-narrow .descriptions-demo-row{grid-template-columns:1fr;gap:2px}.descriptions-demo-stage.is-narrow .descriptions-demo-list.is-aligned .descriptions-demo-row{grid-template-columns:1fr}.descriptions-demo-stage.is-narrow .descriptions-demo-list.is-aligned .descriptions-demo-row dt{width:auto}.descriptions-demo-stage.is-narrow .descriptions-demo-row dt{font-size:11px}.descriptions-demo-meta{color:var(--muted);font-size:11px}.descriptions-demo-meta b{color:var(--ink);font-weight:800}.descriptions-demo-controls{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.descriptions-demo-group-label{color:var(--muted);font-size:12px;font-weight:700}.term-interactive-demo.descriptions-interaction-demo .descriptions-demo-controls button{min-height:30px;padding:5px 12px;font-size:12.5px}.descriptions-demo-controls button[aria-pressed=true]:before{content:"✓ "}.descriptions-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}.descriptions-demo-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.term-interactive-demo.descriptions-interaction-demo .descriptions-demo-copy{background:var(--color-rausch-600);min-width:158px;color:var(--color-white);border:0;font-weight:800}.term-interactive-demo.descriptions-interaction-demo .descriptions-demo-copy:hover:not(:disabled){color:var(--color-white);background:#c8093a}.term-interactive-demo.descriptions-interaction-demo .descriptions-demo-copy:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.descriptions-demo-reset{min-width:0}.descriptions-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.descriptions-example{border:1px solid var(--line);background:#fafafa;border-radius:8px;gap:5px;padding:12px;display:grid}.descriptions-example.is-good{border-left:4px solid #4d805d}.descriptions-example.is-bad{border-left:4px solid #a83a44}.descriptions-example b{color:var(--ink);font-size:13px;font-weight:800}.descriptions-example p{color:#54545e;margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.descriptions-example-grid{grid-template-columns:1fr}.descriptions-demo-actions{flex-direction:column;align-items:stretch}.descriptions-demo-actions button{width:100%}}
.statistic-definition-flow{align-items:stretch;gap:8px;display:flex}.statistic-definition-flow span{color:#777781;background:#fafafa;border:1px solid #e4e4e9;border-radius:8px;flex:1;gap:3px;padding:11px;font-size:12px;display:grid}.statistic-definition-flow b{color:#555560;font-size:13px}.statistic-context-grid,.statistic-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.statistic-context-grid article,.statistic-state-card{background:#fafafa;border:1px solid #e5e5ea;border-radius:8px;padding:12px}.statistic-context-grid article b,.statistic-state-card b{color:#555560;font-size:13px}.statistic-range-controls{flex-wrap:wrap;gap:7px;display:flex}.statistic-card-preview{align-content:center;gap:8px;padding:16px;display:grid}.statistic-card-heading,.statistic-card-comparison,.statistic-card-footnote{justify-content:space-between;align-items:center;gap:8px;display:flex}.statistic-card-heading>div{gap:2px;display:grid}.statistic-card-kicker,.statistic-card-period,.statistic-card-footnote{color:#898993;font-size:7px}.statistic-card-heading b{color:#575761;font-size:9px}.statistic-card-value{margin:0}.statistic-card-value dt{color:#8d8d97;font-size:7px}.statistic-card-value dd{color:#45454f;margin:2px 0 0;font-size:21px;font-weight:800}.statistic-card-value small{font-size:8px}.statistic-card-comparison{color:#85858f;justify-content:flex-start;font-size:7px}.statistic-card-trend,.statistic-range-trend{color:#3c8557;align-items:center;gap:3px;font-weight:750;display:inline-flex}.statistic-card-status{color:#43815a}.statistic-range-result{background:#fff;border:1px solid #e0e4f1;border-radius:8px;gap:3px;padding:11px;display:grid}.statistic-range-result small,.statistic-context-grid small,.statistic-context-grid span,.statistic-state-card span{color:#82828c;font-size:12px}.statistic-range-result strong{color:#4e4e58;font-size:23px}.statistic-range-result em,.statistic-context-grid em{font-size:12px;font-style:normal}.statistic-context-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.statistic-context-grid article,.statistic-state-card{gap:5px;display:grid}.statistic-state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.statistic-state-card svg{color:#8f8f99}@media (max-width:780px){.statistic-definition-flow{flex-direction:column;align-items:stretch}.statistic-context-grid,.statistic-state-grid{grid-template-columns:1fr}}.statistic-tile-preview{align-content:center;gap:10px;padding:14px}.statistic-tile-preview .statistic-tile{border:1px solid var(--line);background:var(--color-white);border-radius:10px;gap:6px;padding:12px;display:grid}.statistic-tile-preview .statistic-tile-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.statistic-tile-preview .statistic-tile-head>div{gap:2px;display:grid}.statistic-tile-preview .statistic-tile-kicker{color:var(--muted);letter-spacing:.04em;font-size:7px;font-weight:700}.statistic-tile-preview .statistic-tile-label{color:var(--ink);font-size:10px}.statistic-tile-preview .statistic-tile-period{color:var(--muted);font-size:7px}.statistic-tile-preview .statistic-tile-caliber{color:var(--muted);margin:0;font-size:7px;line-height:1.4}.statistic-tile-preview .statistic-tile-value{color:var(--ink);align-items:baseline;gap:4px;display:flex}.statistic-tile-preview .statistic-tile-value strong{font-size:22px;font-weight:800;line-height:1}.statistic-tile-preview .statistic-tile-value em{color:var(--muted);font-size:9px;font-style:normal}.statistic-tile-preview .statistic-tile-trend{color:var(--ink);align-items:center;gap:4px;font-weight:750;display:inline-flex}.statistic-tile-preview .statistic-tile-trend span{font-size:11px;line-height:1}.statistic-tile-preview .statistic-tile-trend b{font-size:9px}.statistic-tile-preview .statistic-tile-trend small{color:var(--muted);font-size:7px;font-weight:650}.statistic-tile-preview .statistic-tile-baseline{color:var(--muted);margin:0;font-size:7px}.statistic-tile-preview .statistic-tile-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding-top:4px;font-size:7px;display:flex}.statistic-tile-preview .statistic-tile-state-tag{background:var(--soft);color:var(--ink);border-radius:99px;padding:1px 6px;font-weight:750}.statistic-tile-preview .statistic-tile-note{color:var(--muted);margin:2px 0 0;font-size:8px;line-height:1.5}.statistic-tile-preview .statistic-tile-note b{color:var(--ink);margin-right:3px;font-weight:800}.term-interactive-demo.statistic-interaction-demo{gap:var(--element-gap);border:1px solid var(--line);background:var(--surface-card)}.term-interactive-demo.statistic-interaction-demo button:hover:not(:disabled):not(.statistic-demo-primary){border-color:color-mix(in srgb, var(--ink) 28%, var(--line));color:var(--ink)}.term-interactive-demo.statistic-interaction-demo button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 45%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.statistic-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.statistic-demo-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.statistic-demo-stage{gap:10px;display:grid}.statistic-demo-tile{border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-white);gap:8px;padding:16px 18px;display:grid}.statistic-tile-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.statistic-tile-head>div{gap:3px;min-width:0;display:grid}.statistic-tile-kicker{color:var(--muted);font-size:var(--text-caption);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.statistic-tile-label{color:var(--ink);font-size:15px;font-weight:800}.statistic-tile-period{border-radius:var(--radius-buttons);background:var(--soft);color:var(--muted);white-space:nowrap;flex:none;padding:3px 9px;font-size:12px}.statistic-tile-caliber{color:var(--muted);margin:0;font-size:12.5px;line-height:1.55}.statistic-tile-value{flex-wrap:wrap;align-items:baseline;gap:6px;min-height:44px;display:flex}.statistic-tile-value strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1}.statistic-tile-value em{color:var(--muted);font-size:14px;font-style:normal;font-weight:700}.statistic-tile-skeleton{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.statistic-tile-skeleton i{background:linear-gradient(90deg,#ececf0 0%,#f6f6f8 50%,#ececf0 100%) 0 0/200% 100%;border-radius:6px;width:132px;height:22px;animation:1.1s ease-in-out infinite statistic-shimmer;display:inline-block}.statistic-tile-placeholder{gap:3px;display:grid}.statistic-tile-placeholder b{color:var(--ink);font-size:18px;font-weight:800}.statistic-tile-placeholder small{color:var(--muted);font-size:12.5px;line-height:1.45}.statistic-tile-placeholder.is-error b{color:#a83a44}.statistic-tile-trend{border-radius:var(--radius-buttons);background:var(--soft);color:var(--ink);align-self:start;align-items:center;gap:6px;padding:4px 10px;font-weight:750;display:inline-flex}.statistic-tile-trend span{font-size:16px;line-height:1}.statistic-tile-trend b{font-variant-numeric:tabular-nums;font-size:14px}.statistic-tile-trend small{color:var(--muted);font-size:12px;font-weight:650}.statistic-tile-baseline{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.statistic-tile-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;font-size:12px;display:flex}.statistic-tile-state-tag{border-radius:var(--radius-buttons);background:var(--soft);color:var(--ink);padding:2px 10px;font-size:11.5px;font-weight:750}.statistic-tile-state-tag.is-loading,.statistic-tile-state-tag.is-empty{color:var(--muted)}.statistic-tile-state-tag.is-error{color:#a83a44;background:#fdf3f4}.statistic-demo-tile.is-loading{border-color:color-mix(in srgb, var(--ink) 10%, var(--line))}.statistic-demo-tile.is-error{background:#fefbfb;border-color:#e6c9cd}.statistic-demo-controls{gap:10px;display:grid}.statistic-demo-segment{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.statistic-demo-segment-label{color:var(--muted);min-width:56px;font-size:12px;font-weight:700}.statistic-demo-segment button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--color-white);min-height:32px;color:var(--muted);padding:5px 14px;font-size:13px;font-weight:650}.statistic-demo-actions{flex-wrap:wrap;gap:10px;display:flex}.term-interactive-demo.statistic-interaction-demo .statistic-demo-primary{background:var(--color-rausch-600);min-width:148px;color:var(--color-white);border:0;font-weight:800}.term-interactive-demo.statistic-interaction-demo .statistic-demo-primary:hover{color:var(--color-white);background:#c8093a}.term-interactive-demo.statistic-interaction-demo .statistic-demo-primary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.statistic-demo-reset{min-width:0}.statistic-demo-status{border-left:3px solid var(--ink);color:#3d3d45;background:#f5f5f5;border-radius:0 6px 6px 0;margin:0;padding:11px 13px;font-size:12.5px;line-height:1.6}.statistic-knowledge-list,.statistic-how-list{gap:8px;margin:0;padding-left:20px;display:grid}.statistic-knowledge-list li,.statistic-how-list li{color:#51515b;font-size:13.5px;line-height:1.6}.statistic-knowledge-list b,.statistic-how-list b{color:var(--ink);font-weight:800}.statistic-how-list{padding-left:24px}.statistic-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.statistic-example{border:1px solid var(--line);background:#fafafa;border-radius:9px;gap:6px;padding:13px 14px;display:grid}.statistic-example header{color:var(--ink);align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:flex}.statistic-example header span{background:var(--soft);color:var(--ink);border-radius:99px;padding:2px 9px;font-size:11.5px;font-weight:750}.statistic-example.is-good{border-left:4px solid var(--ink)}.statistic-example.is-bad{border-left:4px solid #a83a44}.statistic-example.is-bad header span{color:#a83a44;background:#fdf3f4}.statistic-example p{color:#54545e;margin:0;font-size:13px;line-height:1.6}@keyframes statistic-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.statistic-tile-skeleton i{opacity:.6;animation:none}}@media (max-width:560px){.statistic-tile-value strong{font-size:28px}.statistic-demo-segment-label{width:100%;min-width:0}.statistic-example-grid{grid-template-columns:1fr}}