.resource-intro { max-width: 58rem; margin-bottom: 2.5rem; }
.resource-intro h2 { margin-top: 0; }
.featured-resources, .resource-collections { display: grid; gap: 1rem; margin: 1rem 0 2.75rem; }
.featured-resources { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.resource-collections { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.featured-resource, .collection-card { padding: 1.4rem; border: 1px solid var(--site-border); border-radius: 1rem; background: var(--site-surface); }
.featured-resource { border-top: 0.3rem solid var(--bs-primary); }
.featured-resource > .bi, .collection-card > .bi { color: var(--bs-primary); font-size: 1.5rem; }
.featured-resource h3, .collection-card h3 { margin: 0.65rem 0 0.6rem; font-size: 1.15rem; }
.featured-resource h3 a, .collection-card h3 a { text-decoration: none; }
.collection-card { transition: border-color 150ms ease, transform 150ms ease; }
.collection-card:hover { border-color: color-mix(in srgb, var(--bs-primary) 55%, transparent); transform: translateY(-2px); }
.resource-tag { display: inline-block; margin: 0.25rem 0.2rem 0 0; padding: 0.18rem 0.52rem; border: 1px solid color-mix(in srgb, var(--bs-primary) 32%, transparent); border-radius: 999px; font-size: 0.78rem; line-height: 1.35; white-space: nowrap; }
.resource-entry { margin: 1rem 0; padding: 1rem 1.15rem; border-left: 0.22rem solid color-mix(in srgb, var(--bs-primary) 55%, transparent); background: color-mix(in srgb, var(--bs-body-bg) 97%, var(--bs-primary)); }
.resource-entry h3 { margin-top: 0; font-size: 1.08rem; }
.resource-entry p:last-child { margin-bottom: 0; }
.resource-note { max-width: 58rem; padding: 1rem 1.15rem; border-left: 0.25rem solid var(--bs-primary); background: color-mix(in srgb, var(--bs-primary) 8%, transparent); }
.resource-back { display: inline-block; margin-bottom: 1.25rem; text-decoration: none; }
@media (max-width: 991.98px) { .featured-resources { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767.98px) { .resource-collections { grid-template-columns: minmax(0, 1fr); } .featured-resource, .collection-card { width: 100%; } }