.term-preview.test-card-preview{align-content:start;gap:5px;display:grid}.test-card-suite{gap:3px;margin:0;padding:0;list-style:none;display:grid}.test-card-suite li{background:#fff;border:1px solid #e6e3dc;border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:5px;min-width:0;padding:4px 6px;display:grid}.test-card-suite li.is-pass{background:#f1f7f3;border-left:3px solid #2f7a4a}.test-card-suite li.is-fail{background:#fbeaee;border-left:3px solid #a83a44}.test-card-suite li b{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;font-family:var(--font-geist-mono), ui-monospace, monospace;overflow:hidden}.test-card-suite li em{color:#4a4a52;text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:8px;font-style:normal;font-weight:700;overflow:hidden}.test-card-suite li.is-fail em{color:#a83a44}.test-card-suite .test-mark{font-size:11px;font-weight:800}.test-card-suite li.is-pass .test-mark{color:#2f6a4d}.test-card-suite li.is-fail .test-mark{color:#a83a44}.test-card-diff{background:#fff;border:1px solid #e6ccd2;border-radius:5px;gap:2px;margin:0;padding:5px 7px;display:grid}.test-card-diff small{color:#a83a44;letter-spacing:.02em;font-size:7px;font-weight:800}.test-card-diff p{color:#3a3a42;align-items:center;gap:4px;margin:0;font-size:8px;line-height:1.3;display:flex}.test-card-diff p i{color:#6a6256;background:#efece4;border-radius:3px;flex:none;width:22px;padding:1px 3px;font-size:7px;font-style:normal;font-weight:800}.test-card-conclude{color:var(--ink);text-align:center;font-size:10px;font-weight:800;line-height:1.4}.term-interactive-demo.test-demo{border-color:var(--line);background:#faf9f6;gap:12px;padding:16px}.term-interactive-demo.test-demo button{color:var(--ink);background:#fff;border:1px solid #dcdacf;border-radius:8px;font-weight:650}.term-interactive-demo.test-demo button:hover{border-color:var(--ink);color:var(--ink)}.term-interactive-demo.test-demo button:focus-visible{outline:3px solid color-mix(in srgb, var(--ink) 30%, #fff);outline-offset:2px}.test-demo-eyebrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.test-demo-eyebrow>span{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:700}.test-demo-phase{color:#4a4a52;background:#efece4;border-radius:9999px;padding:3px 9px;font-size:12px;font-weight:700}.test-demo-phase.is-idle{color:#4a4a52;background:#efece4}.test-demo-phase.is-pass{color:#2f6a4d;background:#e6f0e9}.test-demo-phase.is-fail{color:#a83a44;background:#fbeaee}.test-impl-row{background:#f4f2ec;border:1px solid #e6e3dc;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 11px;display:flex}.test-impl-row>small{color:var(--muted);font-size:12px;font-weight:700}.test-impl-mode{font-size:12.5px;font-weight:800}.test-impl-mode.is-correct{color:#2f6a4d}.test-impl-mode.is-broken{color:#a83a44}.test-impl-summary{color:#4a4a52;font-size:11.5px;font-weight:650}.test-suite-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.test-suite-item{background:#fff;border:1px solid #e6e3dc;border-radius:9px;gap:0;padding:0;display:grid;overflow:hidden}.test-suite-item.is-pending{background:#fff}.test-suite-item.is-pass{background:#f1f7f3;border-color:#cfe4d6 #cfe4d6 #cfe4d6 #2f7a4a;border-left-style:solid;border-left-width:3px}.test-suite-item.is-fail{background:#fbeaee;border-color:#e6ccd2 #e6ccd2 #e6ccd2 #a83a44;border-left-style:solid;border-left-width:3px}.test-suite-row{grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:9px 11px;display:grid}.test-mark{border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;font-weight:800;display:inline-flex}.is-pending .test-mark{color:#6a6256;background:#efece4}.is-pass .test-mark{color:#2f6a4d;background:#dcefe2}.is-fail .test-mark{color:#a83a44;background:#f4d3d8}.test-level{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.02em;border-radius:4px;flex:none;padding:2px 7px;font-size:11px;font-weight:700}.test-level.is-unit{color:#3a4252;background:#eef0f3}.test-level.is-integration{color:#44403a;background:#edece6}.test-level.is-e2e{color:#463452;background:#f1eef4}.test-suite-fn{min-width:0;color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;overflow-wrap:anywhere;font-size:12.5px;font-weight:700}.test-suite-input{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;overflow:hidden}.test-suite-ms{color:#6a6256;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#efece4;border-radius:4px;flex:none;padding:2px 6px;font-size:11px;font-weight:700}.test-suite-state{border-radius:9999px;flex:none;padding:2px 8px;font-size:11.5px;font-weight:700}.is-pending .test-suite-state{color:#6a6256;background:#efece4}.is-pass .test-suite-state{color:#2f6a4d;background:#dcefe2}.is-fail .test-suite-state{color:#a83a44;background:#f4d3d8}.test-diff{background:#fff;border-top:1px solid #e6ccd2;gap:5px;padding:10px 12px;display:grid}.test-diff>small{color:#a83a44;letter-spacing:.02em;font-size:11.5px;font-weight:800}.test-diff p{align-items:center;gap:8px;margin:0;font-size:13px;line-height:1.5;display:flex}.test-diff p span{color:#6a6256;background:#efece4;border-radius:4px;flex:none;width:38px;padding:2px 6px;font-size:11px;font-weight:800}.test-diff p b{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:13px;font-weight:700}.test-diff .is-expected{color:#2f6a4d}.test-diff .is-actual{color:#a83a44}.test-diff-hint{color:#4a4a52;background:#f4f2ec;border:1px solid #e6e3dc;border-radius:6px;margin:4px 0 0;padding:7px 9px;font-size:12px;font-style:normal;font-weight:650;line-height:1.5}.test-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.test-demo-actions .test-demo-secondary{border-radius:8px;min-height:36px;padding:8px 12px;font-size:13px}.term-interactive-demo.test-demo .test-cta{min-height:38px;font:inherit;padding:9px 18px;font-size:14px;font-weight:750;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important;border-radius:8px!important}.term-interactive-demo.test-demo .test-cta:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 85%, #000)!important;color:var(--color-white)!important}.term-interactive-demo.test-demo .test-cta:focus-visible{outline:3px solid color-mix(in srgb, var(--color-rausch-600) 38%, #fff);outline-offset:2px}.term-interactive-demo.test-demo .test-cta:disabled{opacity:.55;cursor:not-allowed}.test-demo-status{border:1px solid var(--line);border-left:3px solid color-mix(in srgb, var(--ink) 30%, var(--line));color:#3f3f47;background:#fff;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.test-howto{color:#3a3a42;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.55;display:grid}.test-howto li b{color:var(--ink)}.test-boundary-note{color:#4a4a52;background:#f4f2ec;border:1px solid #e0ddd4;border-radius:7px;margin:10px 0 0;padding:10px 12px;font-size:13px;line-height:1.55}@media (max-width:600px){.test-suite-row{grid-template-columns:auto auto minmax(0,1fr) auto}.test-suite-input{display:none}}.term-card .term-preview.test-card-preview{--test-ink:#1c2430;--test-pass:#2f9e6a;gap:8px;padding:10px;color:var(--test-ink)!important;background:radial-gradient(circle at 82% 14%,#2f9e6a29,#0000 34%),linear-gradient(168deg,#eef2f6,#d8e0ea)!important;border-color:#c8d0dc!important;grid-template-columns:minmax(0,1fr)!important;display:grid!important}.test-card-row{background:#f7f9fc;border:1px solid #c8d0dc;border-radius:12px;gap:5px;padding:10px;display:grid;box-shadow:0 10px 22px #1c243014}.test-card-row header{justify-content:space-between;gap:8px;display:flex}.test-card-row small{font-weight:850;color:#4a5868!important;font-size:8px!important}.test-card-row header b{background:var(--test-pass);border-radius:999px;padding:2px 6px;color:#f4fff8!important;font-size:8px!important}.test-card-row strong{letter-spacing:-.03em;color:var(--test-ink)!important;font-size:15px!important}.test-card-row p{margin:0;color:#3a4654!important;font-size:9px!important}.test-card-conclusion{margin:0;font-weight:650;line-height:1.45;color:#1c2430!important;font-size:10px!important}.term-interactive-demo.test-demo{--test-ink:#1c2430;--test-pass:#2f9e6a;--test-fail:#c43c3c;color:var(--test-ink);background:#d8e0ea;border-color:#c8d0dc;gap:12px;padding:12px;display:grid}.test-demo-row{background:#f7f9fc;border:1px solid #c8d0dc;border-radius:18px;gap:8px;padding:18px;display:grid;box-shadow:0 16px 36px #1c243014}.test-demo-row.is-broken{border-color:var(--test-fail);background:#fff4f4}.test-demo-row header{justify-content:space-between;gap:8px;display:flex}.test-demo-row small{color:#4a5868;font-size:12px;font-weight:800}.test-demo-stamp{background:var(--test-pass);color:#f4fff8;border-radius:999px;padding:4px 8px;font-size:12px}.test-demo-row.is-broken .test-demo-stamp{background:var(--test-fail);color:#fff7f4}.test-demo-row h3{letter-spacing:-.03em;margin:0;font-size:clamp(18px,3vw,26px)}.test-demo-row p{color:#3a4654;margin:0}.test-demo-ok{background:#e4f6ec;border-radius:10px;padding:8px 10px;font-weight:750}.test-demo-empty{background:#f8e0e0;border-radius:10px;padding:8px 10px;font-weight:750;color:var(--test-fail)!important}.test-demo-controls{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.test-demo button{color:var(--test-ink);background:#f7f9fc;border-color:#c8d0dc;border-radius:11px;min-height:40px;padding:8px 12px;font-weight:800}.term-interactive-demo.test-demo button:hover,.term-interactive-demo.test-demo button[aria-pressed=true]{border-color:var(--test-pass);background:var(--test-pass);color:#f4fff8}.term-interactive-demo.test-demo button:focus-visible{outline-offset:3px;outline:3px solid #2f9e6a73!important}.term-interactive-demo.test-demo .test-demo-recover{border-color:var(--test-fail);background:var(--test-fail);color:#fff7f4}.test-demo-note{margin:0;font-size:14px;line-height:1.55}.test-examples article.is-good{border-left:3px solid #2f9e6a}.test-examples article.is-bad{border-left:3px solid #c43c3c}@media (max-width:780px){.test-demo-controls{flex-direction:column}.term-interactive-demo.test-demo button{width:100%}}
