nav {
  flex-wrap: wrap;
}

.resources-title {
  max-width: 900px;
  font-size: clamp(30px, 4vw, 44px);
}

.resources-note {
  max-width: 760px;
  color: var(--muted);
}

.resource-list {
  border-top: 1px solid var(--line);
}

.resource-card {
  padding: 30px 0;
  border-bottom: 1px solid var(--line);
}

.resource-card h2 {
  font-size: 25px;
}

.resource-card p:not(.eyebrow) {
  max-width: 760px;
  color: var(--muted);
}

.resource-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 26px;
}

.resource-actions a {
  color: var(--teal-dark);
  font-weight: 700;
  text-underline-offset: 4px;
}

.collection-resources {
  margin-top: 24px;
  padding-left: 18px;
  border-left: 2px solid var(--line);
}

.collection-resources h3 {
  font-size: 17px;
}