/* Simulator FAQ: one stylesheet for the React setups (imported by SimulatorFaq.tsx) and the
   static documents (linked). Inherits the surface's ink, so it works in the dark default and
   the ?heroMode=light preview. Square corners, one rule per row, no box around the list. */
.sim-faq{max-width:760px;margin:32px 0 0;color:inherit}
.sim-faq h2{margin:0 0 12px;font:700 italic 18px/1.25 var(--font-exo,Arial),sans-serif;letter-spacing:.02em;text-transform:uppercase}
.sim-faq-item{border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.sim-faq-item:first-of-type{border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.sim-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 0;cursor:pointer;list-style:none;font:700 15px/1.35 var(--font-exo,Arial),sans-serif}
.sim-faq-item summary::-webkit-details-marker{display:none}
.sim-faq-item summary::after{content:"";flex:none;width:8px;height:8px;margin-right:4px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:.6;transition:transform .2s}
.sim-faq-item[open] summary::after{transform:rotate(225deg)}
.sim-faq-item summary:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.sim-faq-item p{margin:0;padding:0 0 14px;font:400 14px/1.6 var(--font-actor,Arial),sans-serif;opacity:.82}
@media (prefers-reduced-motion:reduce){.sim-faq-item summary::after{transition:none}}