.social-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 280px;gap:18px}
.social-side,.social-right,.social-feed{padding:16px}
.profile-cover{height:220px;border-radius:16px;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28)), url('../img/cosmality-banner.jpeg') center/cover no-repeat;margin:-16px -16px 16px}
.profile-head{display:flex;align-items:end;gap:16px;margin-top:-70px;padding:0 8px 8px}
.profile-avatar{width:132px;height:132px;border-radius:50%;border:4px solid var(--surface);background:var(--surface-2);object-fit:cover}
.profile-title{font-size:36px;margin:0}
.facebook-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.feed-post{padding:16px 0;border-top:1px solid var(--line)}
.feed-post:first-child{border-top:none;padding-top:0}
.post-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.post-avatar{width:42px;height:42px;border-radius:50%}
.post-actions{display:flex;gap:22px;margin-top:12px;color:var(--muted)}
.info-list{display:grid;gap:10px}
.info-list a{display:block;padding:10px 12px;border-radius:12px;color:var(--text);text-decoration:none}
.info-list a:hover{background:var(--surface-2)}
@media (max-width:1120px){.social-layout{grid-template-columns:260px minmax(0,1fr)}}
@media (max-width:860px){.social-layout{grid-template-columns:1fr}.social-right{display:none}.profile-head{margin-top:-40px}.profile-avatar{width:96px;height:96px}.profile-title{font-size:30px}}