.social-feed-section { padding: 28px; background: #fff; margin-bottom: 30px; border-radius: 12px; }
.social-feed-section h2 { text-align:center; color:#0073aa; margin-bottom: 18px; font-size:1.4rem; }
.srf-posts { display:flex; flex-wrap:wrap; gap:18px; justify-content:center; }
.srf-post { border-radius:10px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,0.08); background:#fff; width:calc(25% - 18px); transition: transform .28s, box-shadow .28s; }
.srf-post:hover { transform:translateY(-6px); box-shadow:0 8px 22px rgba(0,0,0,0.12); }
.srf-post img { width:100%; height:auto; display:block; }
.srf-post p { padding:10px; font-size:0.95rem; color:#2b2b2b; min-height:48px; }
.srf-post a { display:block; text-align:center; padding:8px 0; background:#0073aa; color:#fff; text-decoration:none; font-weight:600; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
.srf-post a:hover { background:#005177; }
.srf-load-more { display:block; margin:18px auto 0; padding:10px 18px; background:#0073aa; color:#fff; border-radius:6px; border:none; cursor:pointer; font-weight:600; }
.srf-load-more:hover { background:#005177; }
@media (max-width:1200px){ .srf-post { width:calc(33.333% - 18px); } }
@media (max-width:768px){ .srf-post { width:calc(50% - 18px); } }
@media (max-width:480px){ .srf-post { width:100%; } }