.resource-grid-list { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); 
    gap: 30px; 
}
.resource-box { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); display: flex; align-items: center; gap: 15px; transition: transform 0.2s ease, box-shadow 0.2s ease; border: 1px solid #eee; }
.resource-box:hover { transform: translateY(-3px); box-shadow: 0 8px 15px rgba(0,0,0,0.1); }
.res-box-icon { font-size: 28px; min-width: 50px; height: 50px; background: #f9fafb; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.res-box-content h4 { margin: 0 0 5px 0; font-size: 16px; color: #333; font-weight: 700; }
.res-box-content p { margin: 0 0 10px 0; font-size: 13px; color: #666; }
.res-btn { font-size: 12px; font-weight: 800; text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px; }
.res-btn:hover { text-decoration: underline; }

/* PAGINATION */