h1.svelte-a28jep{margin-bottom:.5em}p.svelte-a28jep{max-width:60em;margin-bottom:1em}.scenarios.svelte-a28jep{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6em;margin-bottom:1em;display:grid}.scenario-card.svelte-a28jep{text-align:left;cursor:pointer;font:inherit;color:inherit;user-select:text;background:light-dark(#00000005,#ffffff0f);border:1px solid light-dark(#00000026,#fff3);border-radius:6px;flex-direction:column;gap:.35em;padding:.7em .85em;transition:all .15s;display:flex}.scenario-card.svelte-a28jep:hover{border-color:var(--accent-color,#007acc);background:light-dark(#007acc14,#007acc2e)}.scenario-card.active.svelte-a28jep{border-color:var(--success-color,#00c853);background:light-dark(#00c85314,#00c85326)}.scenario-card.svelte-a28jep strong:where(.svelte-a28jep){font-size:.9em}.scenario-card.svelte-a28jep span:where(.svelte-a28jep){opacity:.75;font-size:.72em;line-height:1.35}.features.svelte-a28jep{background:var(--surface-bg,#f5f5f5);border-radius:6px;margin-top:1.5em;padding:1em;& h2:where(.svelte-a28jep){margin:0 0 .5rem;font-size:1.1rem}& ul:where(.svelte-a28jep){grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.4rem 1.5rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}}