/* Compact resources: keep banners readable, do not crop or overlap. */
.resource-section .resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.resource-section .resource-card{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:132px;height:auto;padding:11px 18px 12px;gap:7px;overflow:hidden;text-align:center}
.resource-section .resource-card img{box-sizing:border-box;display:block;width:100%;max-width:290px;height:74px;min-height:0;flex:0 0 74px;object-fit:contain;object-position:center;transform:none;mix-blend-mode:normal}
.resource-section .resource-card>span:not(.external){position:static;display:block;flex:0 0 auto;max-width:100%;padding:0;font-size:13px;line-height:1.3;font-weight:650;overflow-wrap:anywhere}
.resource-section .resource-card .external{position:absolute;top:7px;right:9px;font-size:13px}
.resource-section .more-resources__grid a img{width:64px;height:54px;flex:0 0 64px;object-fit:contain;transform:none}
@media(max-width:740px){.resource-section .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.resource-section .resource-card{min-height:124px;padding:10px 12px;gap:6px}.resource-section .resource-card img{height:66px;flex-basis:66px}.resource-section .resource-card>span:not(.external){font-size:12px}}
@media(max-width:350px){.resource-section .resource-grid{grid-template-columns:1fr}}
/* The ninth recommendation fills the final two-column mobile row. */
@media (min-width:351px) and (max-width:740px){
 .resource-section .resource-grid>.resource-card:last-child:nth-child(odd){grid-column:1/-1}
 .resource-section .resource-grid>.resource-card:last-child:nth-child(odd) img{max-width:280px}
}