.term-card .term-preview.state-card-preview{min-height:132px;padding:var(--spacing-12);background:var(--soft);color:var(--ink);align-content:center;gap:6px;display:grid}.state-card-caption{color:var(--muted);font-size:8px;font-weight:var(--font-weight-semibold);letter-spacing:.02em;text-align:center;margin:0}.state-card-panel{border:1px solid var(--line);background:var(--surface-card);text-align:left;border-left-width:3px;border-radius:6px;align-content:start;gap:3px;min-width:0;padding:8px 8px 9px;display:grid}.state-card-panel.is-pristine{border-left-color:var(--line);background:var(--surface-card)}.state-card-panel.is-editing{border-left-color:color-mix(in srgb, var(--ink) 35%, var(--line))}.state-card-panel.is-saving{border-left-color:color-mix(in srgb, var(--ink) 55%, var(--line));background:color-mix(in srgb, var(--ink) 3%, var(--surface-card))}.state-card-panel.is-saved{border-left-color:color-mix(in srgb, #4d805d 70%, var(--line));background:color-mix(in srgb, #4d805d 6%, var(--surface-card))}.state-card-panel.is-failed{border-left-color:color-mix(in srgb, #b15259 70%, var(--line));background:color-mix(in srgb, #b15259 6%, var(--surface-card))}.state-card-panel-head{justify-content:space-between;align-items:center;gap:4px;display:flex}.state-card-panel-head small{color:var(--muted);font-size:6px}.state-card-badge{border:1px solid var(--line);border-radius:var(--radius-badges);background:var(--soft);width:fit-content;color:var(--muted);font-size:6px;font-weight:var(--font-weight-semibold);padding:1px 5px;line-height:1.3}.state-card-panel.is-saved .state-card-badge{border-color:color-mix(in srgb, #4d805d 35%, var(--line));color:color-mix(in srgb, var(--ink) 45%, #4d805d)}.state-card-panel.is-failed .state-card-badge{border-color:color-mix(in srgb, #b15259 35%, var(--line));color:color-mix(in srgb, var(--ink) 40%, #b15259)}.state-card-panel strong{color:var(--ink);font-size:9px;font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.state-card-note{color:var(--muted);font-size:6px;line-height:1.35}.state-card-switch{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.state-card-switch button{border:1px solid var(--line);border-radius:var(--radius-badges);background:var(--surface-card);min-height:20px;color:var(--muted);font-size:6px;font-weight:var(--font-weight-semibold);padding:3px 1px;line-height:1.2}.state-card-switch button:hover{border-color:color-mix(in srgb, var(--ink) 24%, var(--line));color:var(--ink)}.state-card-switch button.is-selected,.state-card-switch button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 40%, var(--line));background:color-mix(in srgb, var(--ink) 4%, var(--surface-card));color:var(--ink)}.state-card-switch button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.term-interactive-demo.state-demo{gap:var(--element-gap);border-color:var(--line);background:var(--color-white)}.state-demo-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.state-demo-outcomes{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.term-interactive-demo.state-demo .state-demo-outcomes button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);color:var(--ink)}.term-interactive-demo.state-demo .state-demo-outcomes button:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.state-demo .state-demo-outcomes button.is-selected,.term-interactive-demo.state-demo .state-demo-outcomes button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 40%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.state-demo .state-demo-outcomes button:focus-visible,.term-interactive-demo.state-demo .state-demo-primary:focus-visible,.term-interactive-demo.state-demo .state-demo-secondary:focus-visible,.term-interactive-demo.state-demo .state-demo-field input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.state-demo-panel{gap:var(--spacing-8);padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--soft);border-left-width:4px;transition:border-color .16s,background-color .16s;display:grid}.state-demo-panel.is-pristine{border-left-color:var(--line);background:var(--soft)}.state-demo-panel.is-editing{border-left-color:color-mix(in srgb, var(--ink) 35%, var(--line))}.state-demo-panel.is-saving{border-left-color:color-mix(in srgb, var(--ink) 55%, var(--line));background:color-mix(in srgb, var(--ink) 3%, var(--soft))}.state-demo-panel.is-saved{border-left-color:color-mix(in srgb, #4d805d 70%, var(--line));background:color-mix(in srgb, #4d805d 6%, var(--surface-card))}.state-demo-panel.is-failed{border-left-color:color-mix(in srgb, #b15259 70%, var(--line));background:color-mix(in srgb, #b15259 6%, var(--surface-card))}@media (prefers-reduced-motion:reduce){.state-demo-panel{transition:none}}.state-demo-panel-head{justify-content:space-between;align-items:center;gap:var(--spacing-8);display:flex}.state-demo-panel-head small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.state-demo-badge{border:1px solid var(--line);border-radius:var(--radius-badges);background:var(--surface-card);color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);padding:3px 10px;line-height:1.3}.state-demo-panel.is-saved .state-demo-badge{border-color:color-mix(in srgb, #4d805d 35%, var(--line));color:color-mix(in srgb, var(--ink) 40%, #4d805d)}.state-demo-panel.is-failed .state-demo-badge{border-color:color-mix(in srgb, #b15259 35%, var(--line));color:color-mix(in srgb, var(--ink) 35%, #b15259)}.state-demo-field{gap:var(--spacing-4);display:grid}.state-demo-field-label{color:var(--ink);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.state-demo-field input{border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--surface-card);width:100%;min-height:36px;color:var(--ink);padding:8px 10px}.state-demo-field input:disabled{opacity:.72;cursor:not-allowed}.state-demo-evidence{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-caption);margin:0}.state-demo-actions{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.term-interactive-demo.state-demo .state-demo-primary{font-weight:var(--font-weight-bold);border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.term-interactive-demo.state-demo .state-demo-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 85%, #000)!important;color:var(--color-white)!important}.term-interactive-demo.state-demo .state-demo-primary:disabled{opacity:.55;cursor:not-allowed}.term-interactive-demo.state-demo .state-demo-secondary{border:1px solid var(--line)!important;border-radius:var(--radius-buttons)!important;background:var(--surface-card)!important;color:var(--muted)!important}.term-interactive-demo.state-demo .state-demo-secondary:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line))!important;color:var(--ink)!important}.term-interactive-demo.state-demo .state-demo-feedback{border:1px solid var(--line);border-left:3px solid color-mix(in srgb, var(--ink) 35%, var(--line));border-radius:var(--radius-inputs);background:var(--soft);min-height:44px;color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0;padding:10px 12px}.state-attention-list{margin-bottom:0}.state-attention-list li{gap:4px;display:grid}.state-attention-list strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.state-attention-list span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.state-examples,.state-boundary{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.state-examples article,.state-boundary article{align-content:start;gap:var(--spacing-8);min-width:0;padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);display:grid}.state-examples article.is-good{border-left:4px solid var(--ink);background:var(--color-white)}.state-examples article.is-bad{border-left:4px dashed var(--color-deco,var(--line));background:var(--color-faint,var(--soft))}.state-examples article.is-good header strong:before{content:"✓ ";color:var(--ink);font-weight:800}.state-examples article.is-bad header strong:before{content:"✗ ";color:var(--muted);font-weight:700}.state-examples header{justify-content:space-between;align-items:baseline;gap:var(--spacing-8);display:flex}.state-examples strong,.state-boundary strong{color:var(--ink);font-size:var(--text-ui)}.state-examples small,.state-boundary small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.state-examples p,.state-boundary p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.state-examples span{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-caption)}@media (max-width:780px){.state-examples,.state-boundary{grid-template-columns:1fr}}.term-card .state-card-preview{color:#163d3b;background:#d9ebe3;border:2px solid #315c58;box-shadow:5px 5px #83b7a5}.term-card .state-card-preview .state-card-caption,.term-card .state-card-preview .state-card-panel-head small,.term-card .state-card-preview .state-card-note{color:#406b66}.term-card .state-card-preview .state-card-panel{background:#fffdf5;border-color:#8bb5aa}.term-card .state-card-preview .state-card-panel strong{color:#173f3b}.term-card .state-card-preview .state-card-switch button{color:#315c58;background:#f8fdf8;border-color:#8bb5aa}.term-card .state-card-preview .state-card-switch button.is-selected{color:#f3fff8;background:#245b55;border-color:#245b55}.term-interactive-demo.state-demo[data-b1-rebuild=state]{color:#f0fff6;background:#173e3e;border:2px solid #26514e;box-shadow:8px 8px #87b9aa}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-brief{color:#d7eee6}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-outcomes button{color:#193f3d;background:#eff8f2;border-color:#79a9a0}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-outcomes button.is-selected,.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-outcomes button[aria-pressed=true]{color:#27351f;background:#f0c45e;border-color:#f0c45e}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel{color:#173d3b;background:#fbfff8;border-color:#79a9a0}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel.is-editing{background:#fff7dc;border-left-color:#e2b34f}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel.is-saving{background:#fff1ca;border-left-color:#e0a746}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel.is-saved{background:#ddf2e3;border-left-color:#2c7a60}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel.is-failed{background:#fce3da;border-left-color:#b24f43}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel-head small,.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-field-label,.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-evidence{color:#416965}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-badge{color:#285754;background:#e7f1eb;border-color:#8ab1a8}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel.is-saved .state-demo-badge{color:#1e614b;background:#d6eee0;border-color:#338162}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-panel.is-failed .state-demo-badge{color:#812f29;background:#f8d8ce;border-color:#b24f43}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-field input{color:#173d3b;background:#fffef8;border-color:#84aaa1}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-primary{color:#2e291d!important;background:#e4ae45!important;border-color:#e4ae45!important}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-primary:hover:not(:disabled){color:#2e291d!important;background:#f4d376!important;border-color:#f4d376!important}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-secondary{color:#214946!important;background:#eff9f2!important;border-color:#91b6ac!important}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-feedback{color:#effcf5;background:#102e30;border-color:#70a096 #70a096 #70a096 #f0c45e}.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-outcomes button:focus-visible,.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-primary:focus-visible,.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-secondary:focus-visible,.term-interactive-demo.state-demo[data-b1-rebuild=state] .state-demo-field input:focus-visible{outline-color:#ffe18a}
