.platform-facebook { --primary:#1877F2; --primary-tint:#E7F0FD; }
.btn-facebook { background:#1877F2; color:#fff; border:none; padding:8px 18px; border-radius:8px; font-weight:600; cursor:pointer; }
.fb-layout { display:grid; grid-template-columns: 260px 1fr; gap: 18px; }
.fb-main { min-width: 0; }
.fb-left .card { margin-bottom: 12px; }
.fb-left a { display:block; padding: 6px 0; color: var(--text); }
.friend-row { display:flex; gap:8px; align-items:center; padding: 6px 0; }
.fb-cover { height: 220px; border-radius: 12px; background: #ddd center/cover no-repeat; margin-bottom: 12px; }
.fb-post { padding: 14px; }
.group-grid { display:grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 14px; }
.group-card { padding-top: 0; overflow: hidden; }
.group-cover { height: 120px; background:#ddd center/cover no-repeat; margin: -16px -16px 12px; }
.group-head h2 { margin: 0; }
@media (max-width: 900px) {
  .fb-layout { grid-template-columns: 1fr; }
  .fb-left { order: 2; }
}