/* Shared by every ResourceCard consumer: five intrinsic rows per card row. */
.article-grid.resource-card-grid, .resource-preview-grid.resource-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 clamp(1.5rem, 2.5vw, 2.25rem);
}
.resource-card-grid > .resource-card,
.resource-card-grid > .resource-card > a {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 5;
  min-width: 0;
}
.resource-card > a {
  color: inherit;
  text-decoration: none;
  padding-bottom: 2.5rem;
}
.resource-card .resource-card-image { margin: 0 0 1rem; min-width: 0; }
.resource-card .resource-card-image .media {
  width: 100%; aspect-ratio: 4 / 3; margin: 0;
}
.resource-card .resource-card-image img { width: 100%; height: 100%; object-fit: cover; }
.resource-card .resource-card-category { margin: 0 0 .5rem; font-size: 14px; line-height: 1.4; }
.article-card.resource-card h2 { margin: 0 0 .75rem; font-size: 24px; line-height: 1.35; overflow-wrap: break-word; }
.resource-card .resource-card-excerpt { margin: 0 0 1.25rem; font-size: 16px; line-height: 1.6; }
.resource-card .text-link { margin: 0; align-self: start; justify-self: start; }
.resource-card > a:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 5px; }
.resources-view-all { margin-top: .5rem; }
.resource-pagination { flex-wrap: wrap; justify-content: center; gap: .75rem 1.25rem; }
.resource-pagination [aria-current="page"] { font-weight: 700; text-decoration: underline; text-underline-offset: .3em; }
@media (max-width: 980px) {
  .article-grid.resource-card-grid, .resource-preview-grid.resource-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .article-card.resource-card h2 { font-size: 22px; }
}
@media (max-width: 640px) {
  .article-grid.resource-card-grid, .resource-preview-grid.resource-card-grid { grid-template-columns: minmax(0, 1fr); }
  .resource-card-grid > .resource-card,
  .resource-card-grid > .resource-card > a { grid-row: auto; grid-template-rows: auto; }
  .article-card.resource-card h2 { font-size: 21px; }
}