/* SpeedPy UI — standalone component styles (no Tailwind build required) */

/* Collapsible section — native <details>/<summary> with chevron rotation */
.collapsible-section > summary {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  list-style: none;
}

.collapsible-section > summary::-webkit-details-marker {
  display: none;
}

.collapsible-section > summary > * {
  margin: 0;
}

.collapsible-section > summary::after {
  content: '';
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.collapsible-section[open] > summary::after {
  transform: rotate(45deg);
}

.collapsible-section--lg > summary::after {
  width: 0.6em;
  height: 0.6em;
  border-width: 2.5px;
}

.collapsible-section--sm > summary::after {
  width: 0.4em;
  height: 0.4em;
}