.term-card .flex-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink)}.flex-card-preview>small{color:var(--muted);font-weight:700}.flex-card-stage{border:1px dashed var(--color-deco);background:var(--color-white);border-radius:7px;align-items:center;gap:6px;min-height:40px;padding:8px;display:flex}.flex-card-item{border:1px solid var(--color-deco);background:var(--color-faint);color:var(--ink);border-radius:5px;justify-content:center;align-items:center;padding:5px 7px;font-weight:700;display:inline-flex;font-size:10px!important}.flex-card-item.is-grow{border-style:dashed;flex:1 1 0}.flex-card-item.is-solid{background:var(--ink);border-color:var(--ink);color:var(--color-white)}.flex-card-result{color:var(--muted);font-size:10px;line-height:1.5}.flex-card-result b{color:var(--ink);font-weight:800}.flex-card-preview>p{color:var(--muted)}.term-interactive-demo.flex-demo{border-color:var(--line);background:var(--color-white)}.flex-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.flex-demo-controls{gap:8px;display:grid}.flex-demo-controls [role=group]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.flex-demo-controls [role=group]>small{width:100%;color:var(--muted);font-size:11px;font-weight:700}.flex-demo button:hover{border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.flex-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--color-faint);color:var(--ink);font-weight:800}.flex-demo-stage-wrap{position:relative}.flex-demo-stage{border:1px dashed var(--color-deco);background:var(--color-white);border-radius:9px;min-height:150px;padding:14px;overflow:hidden}.flex-demo-stage.is-direction-column{min-height:180px}.flex-demo-item{border:1px solid var(--line);background:var(--color-white);min-width:70px;min-height:44px;color:var(--ink);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 10px;font-weight:650;display:flex}.flex-demo-item-label{font-size:12px;line-height:1.3}.flex-demo-item-meta{color:var(--muted);font-size:10px;font-weight:550}.flex-demo-item.is-grow{background:var(--color-faint);border-style:dashed}.flex-demo-item.is-growing{border-style:solid;border-color:var(--ink);background:var(--color-faint);min-width:0}.flex-demo-item.is-primary{background:var(--color-rausch-600);border-color:var(--color-rausch-600);color:var(--color-white)}.flex-demo-overflow{color:#a83a44;background:#fdf3f4;border:1px solid #f0d4d8;border-radius:6px;max-width:calc(100% - 20px);padding:4px 8px;font-size:11px;font-weight:700;position:absolute;bottom:8px;right:10px}.flex-demo-verdict-badge{border-radius:6px;padding:4px 9px;font-size:11px;font-weight:800;position:absolute;top:8px;left:10px}.flex-demo-verdict-badge.is-pass{color:#1f6a3a;background:#e6f7ec;border:1px solid #c9e6d4}.flex-demo-verdict-badge.is-fail{color:#a83a44;background:#fdf3f4;border:1px solid #f0d4d8}.flex-demo-config{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.flex-demo-config b{font-weight:800}.flex-demo .flex-demo-check{border-color:var(--ink);background:var(--ink);color:var(--color-white);font-weight:800}.flex-demo .flex-demo-check:hover{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.flex-demo-status{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.flex-demo-verdict{border:1px solid var(--line);background:var(--color-white);border-left-width:4px;border-radius:8px;gap:3px;margin:0;padding:10px 12px;display:grid}.flex-demo-verdict strong{font-size:14px;line-height:1.3}.flex-demo-verdict span{color:var(--muted);font-size:12px;line-height:1.5}.flex-demo-verdict.is-pass{background:var(--color-white);border-left-color:#1f6a3a}.flex-examples{gap:var(--element-gap,12px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.flex-examples article{border:1px solid var(--line,#e6e6eb);background:var(--surface-card,#fff);border-radius:10px;align-content:start;gap:8px;min-width:0;padding:14px 16px;display:grid}.flex-examples article.is-good{border-left:4px solid var(--ink);background:var(--color-white)}.flex-examples article.is-bad{border-left:4px dashed var(--color-deco);background:var(--color-faint)}.flex-examples header{align-items:baseline;gap:8px;display:flex}.flex-examples header strong{color:var(--ink);font-size:14px}.flex-examples article.is-good header strong:before{content:"✓ "}.flex-examples article.is-bad header strong:before{content:"✗ ";color:var(--muted)}.flex-examples header small{color:var(--muted);font-size:11px;font-weight:650}.flex-examples p{color:var(--ink);margin:0;font-size:13px;line-height:1.6}.flex-examples span{color:var(--muted);font-size:12px;line-height:1.5}@media (max-width:560px){.flex-examples{grid-template-columns:1fr}.flex-demo-controls [role=group]{gap:5px}}.term-card .term-preview.flex-card-preview{color:#eaf5f2;background:#163442;border-color:#45667a}.flex-card-preview>small,.flex-card-preview>p,.flex-card-result{color:#b8d1ce}.flex-card-result b{color:#eaf5f2}.flex-card-stage{background:#102b37;border-color:#547c88}.flex-card-item{color:#eaf5f2;background:#1e4350;border-color:#527580}.flex-card-item.is-grow{background:#275e69}.flex-card-item.is-solid{color:#1a2f38;background:#d17b35;border-color:#d17b35}.term-interactive-demo.flex-demo{color:#edf8f3;background:linear-gradient(145deg,#12313e,#1b4850);border-color:#416b75}.flex-demo-brief,.flex-demo-controls [role=group]>small,.flex-demo-status,.flex-demo-item-meta{color:#bfd8d3}.flex-demo-stage{background:#102a35;border-color:#527d85;box-shadow:7px 7px #05171f3b}.flex-demo-item{color:#f1fbf7;background:#1d4450;border-color:#56818a}.flex-demo-item.is-grow{background:#245b66}.flex-demo-item.is-growing{background:#286d70;border-color:#77d1b9}.flex-demo-item.is-primary{color:#182c35;background:#d47b34;border-color:#d47b34}.flex-demo-item.is-primary .flex-demo-item-meta{color:#16323a}.flex-demo-task{color:#eefbf5;background:#081f28b8;border-left:3px solid #ffd277;border-radius:6px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.term-interactive-demo.flex-demo button{color:#eaf5f2;background:#173b47;border-color:#56818a}.term-interactive-demo.flex-demo button:hover{color:#fff;background:#245b66;border-color:#83d7c2}.term-interactive-demo.flex-demo button[aria-pressed=true]{color:#fff;background:#337d78;border-color:#7dd2bc}.term-interactive-demo.flex-demo .flex-demo-check,.term-interactive-demo.flex-demo .flex-demo-check:hover{color:#152d35;background:#e09142;border-color:#e09142}.term-interactive-demo.flex-demo button:focus-visible{outline-offset:3px;outline:3px solid #ffd277}.flex-demo-config{color:#e3f3ee}.flex-demo-verdict{background:#173b47;border-color:#5b8790}.flex-demo-verdict span{color:#c1d8d4}.flex-demo-verdict.is-pass{border-left-color:#78d2ae}.flex-demo-verdict.is-pass strong{color:#8ce0bd}.flex-demo-verdict.is-fail{background:#4d2b30;border-left-color:#ee9187}.flex-demo-verdict.is-fail strong{color:#ffd0c8}.flex-demo-advanced-controls{border:1px dashed;border-radius:8px;padding:0 10px 10px}.flex-demo-advanced-controls summary{cursor:pointer;padding:9px 0;font-weight:800}.flex-demo-advanced-controls{color:#d4e7df;background:#09252f47;border-color:#5c8f91;order:1}.flex-demo-stage-wrap{order:-1}
