/* Quiet resources variant of the existing article grid. */
.ccl-resources-section { background: var(--ccl-color-surface-warm); }
.ccl-resources-section__heading { max-width: 52rem; margin-bottom: var(--ccl-space-2xl); }
.ccl-resources-section__heading > p:last-child { margin-bottom: 0; }
.ccl-blog-grid--resources { gap: clamp(1.5rem, 3vw, 2.75rem); }
.ccl-blog-grid--resources .ccl-blog-card { grid-template-rows: auto 1fr; }
.ccl-blog-grid--resources .ccl-blog-card__image,
.ccl-blog-grid--resources .ccl-blog-card__placeholder { aspect-ratio: 16 / 10; }
.ccl-blog-grid--resources .ccl-blog-card__content { padding-block: var(--ccl-space-lg) 0; }
.ccl-blog-grid--resources .ccl-blog-card__meta:empty { display: none; }
.ccl-blog-grid--resources .ccl-blog-card__title { font-size: clamp(1.15rem, 1.6vw, 1.5rem); line-height: 1.3; }
.ccl-blog-grid--resources .ccl-blog-card__link { padding-top: var(--ccl-space-md); }
.ccl-blog-grid--resources .ccl-blog-card__image { transition: none; }
.ccl-blog-grid--resources .ccl-blog-card__media:hover .ccl-blog-card__image,
.ccl-blog-grid--resources .ccl-blog-card__media:focus-visible .ccl-blog-card__image { transform: none; }
.ccl-resources-section__all { margin-top: var(--ccl-space-2xl); }
@media (max-width: 820px) { .ccl-blog-grid--resources { grid-template-columns: 1fr; } }