/* Resources hub and standalone collections. Keep imagery at its native proportions. */
.collection-hero-copy { max-width: 65ch; }
.collection-section-head { margin-bottom: var(--space-6); }
.collection-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-bottom: var(--space-6); font-size: var(--font-size-small); }
.resource-collections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.resource-collection.card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); height: auto; }
.resource-collection__icon { display: block; width: 48px; height: 48px; margin-bottom: var(--space-3); }
.resource-collection :is(h3, p) { margin: 0; }
.resource-collection h3 { font-size: var(--font-size-h2); }
.resource-collection .btn { margin-top: auto; }
.resource-collection p:last-of-type { margin-bottom: var(--space-4); }
.collection-studies { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.collection-study.card { display: flex; flex-direction: column; gap: var(--space-5); min-width: 0; height: auto; }
.collection-study__media { margin: 0; width: 100%; }
.collection-study__media .media__frame { aspect-ratio: auto; max-width: 520px; margin-inline: auto; }
.collection-study__media .media__img { display: block; width: 100%; height: auto; object-fit: contain; }
.collection-study__body { display: flex; flex-direction: column; align-items: flex-start; flex: 1; gap: var(--space-3); }
.collection-study__body :is(h2, p) { margin: 0; }
.collection-study__body h2 { font-size: var(--font-size-h3); line-height: var(--line-height-heading); }
.collection-study__body p { line-height: var(--line-height-body); }
.collection-study__body .kicker { font-size: var(--font-size-small); }
.collection-study__body .btn { margin-top: auto; }
.collection-study__body p:last-of-type { margin-bottom: var(--space-4); }
.collection-help { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-5); margin-top: var(--space-7); padding-top: var(--space-6); border-top: 1px solid var(--color-border); }
.collection-help > div:first-child { max-width: 65ch; }
.collection-help h2 { font-size: var(--font-size-h3); }
.collection-help p { margin-bottom: 0; }
.collection-help .actions { margin-top: 0; }
@media (max-width: 980px) { .collection-studies { grid-template-columns: 1fr; } .collection-study.card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; } }
@media (max-width: 640px) { .resource-collections, .collection-study.card { grid-template-columns: 1fr; } .collection-help .actions { width: 100%; } .collection-help .btn { width: 100%; } }