.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}}
