.ali-faq__grid {
  display: grid;
  gap: clamp(2rem, 6vw, 5rem);
}

.ali-faq__items {
  display: grid;
  gap: 0.75rem;
}

.ali-faq details {
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: oklch(96% 0.01 84 / 0.055);
  transition:
    border-color 220ms var(--ease-out),
    background-color 220ms var(--ease-out),
    box-shadow 220ms var(--ease-out);
}

.ali-faq summary {
  cursor: pointer;
  padding: 1rem 1.15rem;
  font-weight: 800;
  color: var(--color-gold-soft);
  outline: none;
  transition: color 180ms var(--ease-out);
}

.ali-faq details p {
  margin: 0;
  padding: 0 1.15rem 1.15rem;
  color: var(--color-muted);
}

.ali-faq details:hover,
.ali-faq details[open] {
  --ali-hover-y: -2px;

  border-color: var(--color-line-strong);
  background: oklch(96% 0.01 84 / 0.072);
}

.ali-faq details:hover {
  box-shadow: 0 16px 42px oklch(4% 0.01 78 / 0.18);
}

.ali-faq summary:focus-visible {
  color: var(--color-ink);
}

@media (min-width: 900px) {
  .ali-faq__grid {
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr);
  }
}