.resource-page .section {
  padding-top: 34px;
  padding-bottom: 34px;
}

.resource-breadcrumb {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-soft);
  display: flex;
  gap: var(--space-8);
  flex-wrap: wrap;
}

.resource-breadcrumb a {
  color: var(--color-ocean-700);
}

.resource-hero {
  display: grid;
  gap: var(--space-12);
}

.resource-hero .page-title {
  max-width: 18ch;
}

.resource-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-24);
  justify-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
}

.resource-card {
  display: grid;
  gap: 10px;
  align-content: start;
  width: min(100%, 336px);
}

.resource-card__meta {
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-gold-500);
  font-weight: 700;
}

.resource-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-24);
}

.resource-links .panel {
  min-height: 100%;
}

.resource-links ul {
  display: grid;
  gap: 8px;
}

.resource-links a {
  color: var(--color-ocean-700);
}

@media (max-width: 1080px) {
  .resource-grid,
  .resource-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .resource-grid,
  .resource-links {
    grid-template-columns: 1fr;
  }
}