.social-page{max-width:1320px;margin:auto;padding:30px 16px 70px;color:#f4f4f7}.social-heading{min-height:160px;padding:28px 32px;margin-bottom:24px;border:1px solid #ffffff24;border-radius:18px;background:linear-gradient(110deg,#17181ee8,#171017ab),url('/images/dmd/convoi.png') center 55%/cover;display:flex;justify-content:space-between;align-items:end;gap:18px}.social-heading h1{font-size:clamp(25px,3vw,40px);margin:8px 0;letter-spacing:-1px}.social-heading p:not(.eyebrow){margin:0;color:#e5e5ea}.social-heading>span{padding:10px 14px;border-radius:30px;background:#07080cba;white-space:nowrap;font-size:12px}.social-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,280px);justify-content:center;align-items:start;gap:24px}.social-stream{min-width:0}.social-card,.social-post,.social-empty{background:#17191f;border:1px solid #ffffff21;border-radius:16px;box-shadow:0 12px 32px #0003}.social-card{padding:22px}.social-composer-head,.social-post-head{display:flex;gap:12px;align-items:center}.social-composer-head img,.social-post-head img,.social-comment-form img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #eb293f}.social-composer-head strong,.social-author{font-weight:700;color:#fff}.social-composer-head small,.social-post-head time{display:block;font-size:11px;color:#a5a8b4;margin-top:4px}.social-page textarea{resize:vertical;min-height:100px;width:100%;margin:18px 0 12px;padding:16px;background:#101218;color:#fff;border:1px solid #ffffff20;border-radius:12px;font:inherit;outline:none}.social-page textarea:focus,.social-comment-form input:focus{border-color:#f23046;box-shadow:0 0 0 3px #f2304626}.social-photo-preview{display:flex;gap:8px;flex-wrap:wrap}.social-photo-preview img{width:110px;height:90px;object-fit:cover;border-radius:8px}.social-composer-actions{border-top:1px solid #ffffff16;padding-top:15px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.social-add-photo{display:inline-flex;align-items:center;margin:0;padding:10px 13px;color:#fff;background:#252830;border-radius:8px;cursor:pointer}.social-add-photo input{display:none}.social-composer-actions>span{font-size:11px;color:#9fa3b2}.social-composer-actions .primary{margin:0 0 0 auto;width:auto}.social-page button:disabled{opacity:.5;cursor:wait}#social-feedback{font-size:12px;color:#97d8a9;margin:10px 0 0;min-height:0}#social-feedback:empty{display:none}#social-feedback.is-error{color:#ff9aa4}.social-feed-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}.social-feed-head h2{font-size:19px;margin:0}.social-feed-head button{color:#ff536a;background:transparent}.social-post{padding:20px;margin-bottom:14px}.social-post-head{height:auto;border:0;margin:0 0 14px;justify-content:flex-start}.social-avatar-button,.social-comment-avatar{padding:0;background:none;border-radius:50%;flex:none}.social-author,.social-comment-body button{background:none;border:0;padding:0;text-align:left}.social-post-head>div{flex:1}.social-delete,.social-comment-delete{background:#ffffff0a;color:#ccd0db;border-radius:8px;padding:7px 12px;font-size:20px;line-height:1}.social-post-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65;margin:0 0 14px;color:#e5e6ec}.social-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow:hidden;border-radius:10px}.social-photo-count-1{grid-template-columns:1fr}.social-photo-grid img{display:block;width:100%;height:260px;object-fit:cover}.social-photo-count-1 img{height:auto;max-height:500px;object-fit:contain;background:#0e0f14}.social-totals{display:flex;justify-content:space-between;gap:10px;padding:14px 0 10px;color:#a8abb7;font-size:11px;border-bottom:1px solid #ffffff14}.social-reactions{display:flex;gap:6px;justify-content:space-around;padding:10px 0;border-bottom:1px solid #ffffff14}.social-reactions button{background:transparent;color:#c3c5ce;padding:7px 12px;border-radius:8px;font-size:18px}.social-reactions button span{font-size:12px;margin-left:5px}.social-reactions button:hover,.social-reactions button.selected{background:#f02e4425;color:#fff}.social-comments{padding-top:12px}.social-comment{display:flex;gap:8px;align-items:start;margin:10px 0}.social-comment-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.social-comment-body{background:#252830;padding:9px 13px;border-radius:12px;min-width:0;max-width:calc(100% - 85px)}.social-comment-body button{font-size:12px;font-weight:700;color:white}.social-comment-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0;font-size:13px}.social-comment-body small{font-size:10px;color:#a5a8b4}.social-comment-delete{font-size:16px;padding:3px 7px}.social-comment-form{display:flex;align-items:center;gap:8px;margin-top:14px}.social-comment-form img{width:32px;height:32px}.social-comment-form input{min-width:0;flex:1;margin:0;background:#252830}.social-comment-form button{background:#e61f37;color:#fff;border-radius:8px;padding:12px}.social-side{position:sticky;top:18px}.social-side h2{margin:0 0 12px;font-size:17px}.social-side p{font-size:12px;color:#b8bac3;line-height:1.6}.social-empty,.social-loading{text-align:center;padding:35px;color:#b5b8c2}.social-empty strong{color:#fff}.social-page .sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.social-page #social-load-more{display:block;margin:15px auto}.social-page #social-load-more[hidden]{display:none}@media(max-width:900px){.social-layout{grid-template-columns:minmax(0,1fr)}.social-side{position:static}}@media(max-width:600px){.social-page{padding:16px 0 50px}.social-heading{padding:20px;min-height:145px}.social-heading>span,.social-side{display:none}.social-card,.social-post{padding:15px}.social-photo-grid img{height:175px}.social-photo-count-1 img{height:auto}.social-composer-actions>span{display:none}.social-reactions button{padding:6px;font-size:17px}.social-comment-form button{padding:10px;font-size:11px}}