.when-to-use.svelte-9bfxjv{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;overflow:hidden;align-self:start;height:max-content;width:100%}.when-to-use-toggle.svelte-9bfxjv{padding:10px 14px;font-size:.82rem;font-weight:600;color:var(--text-2);cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}.when-to-use-toggle.svelte-9bfxjv::-webkit-details-marker{display:none}.when-to-use-toggle.svelte-9bfxjv:before{content:"▸";font-size:.7rem;transition:transform .18s ease}.when-to-use[open].svelte-9bfxjv .when-to-use-toggle:where(.svelte-9bfxjv):before{transform:rotate(90deg)}.when-to-use-toggle.svelte-9bfxjv:hover{color:var(--text)}.when-to-use-list.svelte-9bfxjv{padding:0 14px 12px 30px;margin:0;display:flex;flex-direction:column;gap:6px}.when-to-use-list.svelte-9bfxjv li:where(.svelte-9bfxjv){font-size:.82rem;line-height:1.5;color:var(--text-2)}.when-to-use-list.svelte-9bfxjv strong:where(.svelte-9bfxjv){color:var(--text)}