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

.ali-rich h2 {
  margin: 1rem 0;
  font-size: var(--fs-h2);
  color: var(--color-gold-soft);
}

.ali-rich p {
  color: var(--color-muted);
}

.ali-rich__lists {
  display: grid;
  gap: 1rem;
}

.ali-rich__lists > div {
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  padding: clamp(1.2rem, 3vw, 1.8rem);
  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-rich__lists h3 {
  margin: 0 0 1rem;
}

.ali-rich__lists ul {
  display: grid;
  gap: 0.65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ali-rich__lists li {
  position: relative;
  padding-inline-start: 1.2rem;
  color: var(--color-muted);
  transition: color 180ms var(--ease-out);
}

.ali-rich__lists li::before {
  position: absolute;
  inset-inline-start: 0;
  content: "•";
  color: var(--color-brass-dark);
  transition: color 180ms var(--ease-out), transform 180ms var(--ease-out);
}

.ali-rich__lists > div:hover {
  --ali-hover-y: -3px;

  border-color: var(--color-line-strong);
  background: oklch(96% 0.01 84 / 0.072);
  box-shadow: 0 20px 52px oklch(4% 0.01 78 / 0.2);
}

.ali-rich__lists li:hover {
  --ali-hover-y: -1px;

  color: var(--color-ink-soft);
}

.ali-rich__lists li:hover::before {
  color: var(--color-gold-soft);
  transform: translateX(-2px);
}

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