.tips-intro {
  align-items: stretch;
}

.tips-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.tips-list h3,
.tips-list h4 {
  margin-bottom: var(--space-1);
}

.tips-list p {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
}