.hero-card {
  padding: 1rem 1.25rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 14px;
  margin: 1rem 0;
}

.grid.cards ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.8rem;
  padding: 0;
}

.grid.cards li {
  list-style: none;
  margin: 0;
}