.focus-card-preview{color:#302b51;background:#edeaf5;border:2px solid #3f3b62;gap:7px;padding:11px;display:grid;box-shadow:5px 5px #b8b0d2}.focus-card-head{color:#faf8f0;background:#38335d;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:10px;font-weight:800;display:flex}.focus-card-head b{color:#352c1d;background:#dfb45a;padding:2px 5px;font-size:9px}.focus-card-bar{background:#fffdf7;border:1px solid #aaa2c9;flex-wrap:wrap;align-items:center;gap:7px;padding:9px;display:flex}.focus-card-chip{color:#332d56;background:#f8f5ff;border:1px solid #8178aa;align-items:center;gap:4px;padding:6px 8px;font-size:10px;font-weight:750;display:inline-flex}.focus-card-chip.is-focused{outline-offset:3px;border-color:#413a70;outline:3px solid #d28b39}.focus-card-chip em{color:#fffdf7;background:#413a70;padding:1px 4px;font-size:7px;font-style:normal;font-weight:850}.focus-card-tab{color:#5a537e;font-size:9px;font-style:normal;font-weight:850;font-family:var(--font-geist-mono), ui-monospace, monospace}.focus-card-hint{color:#574f77;margin:0;font-size:9px;line-height:1.5}.focus-card-hint-hover{color:#9a463f;font-weight:850}.focus-card-hint-focus{color:#3d3570;font-weight:850}.focus-card-verdict{color:#342e55;background:#e0dcef;border-left:3px solid #d28b39;padding:7px 9px;font-size:10px;font-weight:750;line-height:1.5}.term-interactive-demo.focus-demo{border-color:var(--line);background:var(--color-white)}.focus-demo .focus-demo-intro{gap:4px;display:grid}.focus-demo .focus-demo-eyebrow{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.focus-demo .focus-demo-intro p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.focus-demo .focus-demo-mode{flex-wrap:wrap;gap:6px;display:flex}.focus-demo .focus-demo-mode button{border:1px solid var(--line);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;border-radius:7px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:650;display:inline-flex}.focus-demo .focus-demo-mode button small{background:var(--soft);color:var(--muted);border-radius:999px;padding:1px 6px;font-weight:700;font-size:10px!important}.focus-demo .focus-demo-mode button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.focus-demo .focus-demo-mode button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.focus-demo .focus-demo-mode button[aria-pressed=true],.term-interactive-demo.focus-demo .focus-demo-mode button[aria-pressed=true]:hover{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.focus-demo .focus-demo-mode button[aria-pressed=true] small{background:var(--ink);color:var(--color-white)}.focus-demo .focus-demo-stage{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:10px;padding:14px;display:grid}.focus-demo .focus-demo-stage-head{gap:6px;display:grid}.focus-demo .focus-demo-stage-head>small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.focus-demo .focus-demo-pos-banner{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:7px;align-self:start;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:700;line-height:1.4;display:inline-flex}.focus-demo .focus-demo-pos-banner.is-on{color:#2f7a4a;background:#f2fbf4;border-color:#bfe6cd}.focus-demo .focus-demo-pos-banner.is-lost{color:#a83a44;background:#fdf3f4;border-color:#ecc9ce}.focus-demo .focus-demo-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.term-interactive-demo.focus-demo .focus-demo-btn{border:1px solid var(--line);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;text-align:center;border-radius:10px;justify-items:center;gap:6px;padding:12px 10px;display:grid}.term-interactive-demo.focus-demo .focus-demo-btn:focus-visible{outline-offset:0;outline:2px solid #0000}.term-interactive-demo.focus-demo .focus-demo-btn:hover{border-color:var(--color-rausch);color:var(--color-rausch-600);background:#fff1f3}.term-interactive-demo.focus-demo .focus-demo-btn.is-focused{border-color:var(--ink);outline:3px solid var(--ink);outline-offset:3px;font-weight:800}.term-interactive-demo.focus-demo .focus-demo-btn.is-hovered{border-color:var(--color-rausch);color:var(--color-rausch-600);background:#fff1f3}.term-interactive-demo.focus-demo .focus-demo-btn.is-activated{color:#2f7a4a;background:#f2fbf4;border-color:#bfe6cd}.focus-demo .focus-demo-btn-label{font-size:14px;font-weight:750}.focus-demo .focus-demo-btn-verdict{background:var(--soft);color:var(--muted);text-align:center;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700;display:inline-flex}.term-interactive-demo.focus-demo .focus-demo-btn.is-focused .focus-demo-btn-verdict{background:var(--ink);color:var(--color-white)}.term-interactive-demo.focus-demo .focus-demo-btn.is-hovered .focus-demo-btn-verdict{background:var(--color-rausch);color:var(--color-white)}.term-interactive-demo.focus-demo .focus-demo-btn.is-activated .focus-demo-btn-verdict{color:var(--color-white);background:#2f7a4a}.focus-demo .focus-demo-stage-note{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.focus-demo .focus-demo-actions{flex-wrap:wrap;gap:7px;display:flex}.term-interactive-demo.focus-demo .focus-demo-actions button{border:1px solid var(--line);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:650;display:inline-flex}.term-interactive-demo.focus-demo .focus-demo-actions button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.focus-demo .focus-demo-actions button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.focus-demo .focus-demo-actions button[aria-pressed=true]{border-color:var(--color-rausch);color:var(--color-rausch-600);background:#fff1f3}.term-interactive-demo.focus-demo .focus-demo-reset{margin-left:auto}.focus-demo .focus-demo-status{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.term-interactive-demo.focus-demo{color:#faf8ef;background:#302957;border:2px solid #3d3563;gap:13px;padding:16px;display:grid;box-shadow:8px 8px #b7afd0}.focus-demo .focus-demo-eyebrow{color:#f0c66f}.focus-demo .focus-demo-intro p{color:#eeeafa}.focus-demo .focus-demo-mode{color:#eeeafa;gap:5px;max-width:34rem;font-size:12px;font-weight:800;display:grid}.focus-demo .focus-demo-mode select{color:#332c58;width:100%;min-height:39px;font:inherit;background:#fffdf7;border:2px solid #a79dc9;border-radius:0;padding:7px 9px;font-weight:750}.focus-demo .focus-demo-mode select:focus-visible{outline-offset:3px;outline:3px solid #f0c66f}.focus-demo .focus-demo-mode small{color:#d8d0ee}.focus-demo .focus-demo-stage{color:#352e59;background:#f7f3ff;border:1px solid #a69cc8;border-radius:0;gap:11px}.focus-demo .focus-demo-stage-head{border-bottom:1px solid #c5bedc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.focus-demo .focus-demo-stage-head>small{color:#504776}.focus-demo .focus-demo-stage-head b{color:#372f1d;background:#dfb65c;padding:3px 7px;font-size:10px}.focus-demo .focus-demo-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.term-interactive-demo.focus-demo .focus-demo-controls button{color:#342d59;min-height:76px;font:inherit;text-align:left;background:#fffdf7;border:2px solid #8177aa;border-radius:0;justify-items:start;gap:5px;padding:12px;display:grid}.term-interactive-demo.focus-demo .focus-demo-controls button:hover{color:#682f31;background:#fff0ec;border-color:#9a463f}.term-interactive-demo.focus-demo .focus-demo-controls button:focus-visible,.term-interactive-demo.focus-demo .focus-demo-controls button.is-focused{outline-offset:3px;border-color:#443a72;outline:3px solid #d18a3f;box-shadow:0 0 0 2px #fffdf7}.term-interactive-demo.focus-demo .focus-demo-stage.is-broken .focus-demo-controls button:focus-visible{box-shadow:none;outline:none}.term-interactive-demo.focus-demo .focus-demo-controls button span{font-weight:850}.term-interactive-demo.focus-demo .focus-demo-controls button small{color:#60577f;font-size:11px}.term-interactive-demo.focus-demo .focus-demo-controls button.is-paid{color:#195541;background:#ddf1e3;border-color:#438064}.term-interactive-demo.focus-demo .focus-demo-controls button.is-paid small{color:#27634d}.focus-demo .focus-demo-stage-note{color:#51486f}.focus-demo .focus-demo-status{color:#f5f2e9;background:#201b3c;border-left:4px solid #f0c66f;margin:0;padding:10px 11px}@media (max-width:560px){.focus-demo .focus-demo-controls{grid-template-columns:1fr}.term-interactive-demo.focus-demo{padding:12px;box-shadow:4px 4px #b7afd0}}.focus-recap{gap:8px;margin:0;padding:0;list-style:none;display:grid}.focus-recap li{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.6}.focus-recap li b{color:var(--ink)}.focus-recap code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.focus-how-steps{color:var(--ink);gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.focus-how-steps li{padding-left:4px}.focus-how-steps code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.focus-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.focus-example{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-content:start;gap:5px;padding:13px 14px;display:grid}.focus-example.is-good{background:#f2fbf4;border-color:#bfe6cd}.focus-example.is-bad{background:#fdf3f4;border-color:#ecc9ce}.focus-example small{letter-spacing:.03em;border-radius:999px;justify-self:start;padding:1px 8px;font-size:11px;font-weight:800;display:inline-flex}.focus-example.is-good small{color:#2f7a4a;background:#d9f0e1}.focus-example.is-bad small{color:#a83a44;background:#f7dfe2}.focus-example b{color:var(--ink);font-size:14px}.focus-example p{color:var(--ink);margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.focus-demo .focus-demo-controls{grid-template-columns:1fr}.term-interactive-demo.focus-demo .focus-demo-reset{margin-left:0}.focus-examples{grid-template-columns:1fr}}