/* FaulTrace — small hand-written styles layered on top of Tailwind.
   Tailwind handles the bulk; this file is for things utilities don't cover. */

html { scroll-behavior: smooth; }

/* Respect users who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}

/* Hide the default <details> marker; we use a Lucide plus icon instead. */
summary { list-style: none; }
summary::-webkit-details-marker { display: none; }

/* Crisp focus rings for keyboard users. */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role="switch"]:focus-visible {
  outline: 2px solid #6E8BFF;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Canvas should never overflow its column. */
#demo-graph { display: block; max-width: 100%; }