.faq-list__items {
  display: grid;
  gap: var(--space-3);
}

.faq-list__items details {
  padding: var(--space-5);
  border: 1px solid var(--glass-border-base);
  border-radius: calc(var(--radius-lg) * 0.8);
  background: var(--glass-fill-soft);
  backdrop-filter: var(--glass-blur-soft);
  transition:
    border-color var(--transition-base),
    box-shadow var(--transition-base),
    background var(--transition-base);
}

.faq-list__items details[open] {
  border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 6%, transparent), transparent 50%),
    var(--glass-fill-strong);
  box-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--color-primary) 8%, transparent);
}

.faq-list__items summary {
  color: var(--color-text);
}

.faq-list__items p {
  color: var(--color-text-muted);
}