.resources-hero {
    background: #08243b;
    color: #fff;
    border-top: 6px solid #f6c443;
}
.resources-hero h1 { color: #fff; }
.resources-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.resource-card { overflow: hidden; }
.resource-preview { display: block; width: 100%; height: 240px; object-fit: contain; background: #e9eef2; }
.resource-label { color: #42566a; font-weight: bold; }
.resource-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.resource-actions a { white-space: normal; }
.resource-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.resource-filters label { display: block; font-weight: bold; margin-bottom: 4px; }
.resource-filters > div { flex: 1 1 150px; }
.resource-filters > .resource-search { flex: 1 1 100%; min-width: 0; }
@media (max-width: 650px) {
    .resources-grid { grid-template-columns: 1fr; }
    .resource-preview { height: 220px; }
}