.card {
  container-type: inline-size;
}
.card h2,
.card h3,
.card h4 {
  margin: 0 0 0.625rem 0;
  padding: 0;
  color: var(--primary-darker);
  font-family: 'Geologica', sans-serif;
  font-size: 1.625rem;
}
.card h2 a,
.card h3 a,
.card h4 a {
  color: var(--primary-darker);
}
.card h2 a:hover,
.card h3 a:hover,
.card h4 a:hover {
  color: var(--primary);
}
.card .card-media {
  margin-bottom: 0.9375rem;
}
@container (width > 800px) {
  .card .card-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
  }
  .card .card-content .card-media {
    margin-bottom: 0;
  }
}
