.social-feed{padding:72px 7%;background:#eef2e9}
.social-feed-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.social-feed-heading h2{margin:0 0 10px}
.social-feed-heading p:last-child{max-width:440px;margin:0;color:#526575}
.social-feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.social-feed-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d8dfd5;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.social-feed-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #173e6415}
.social-feed-cover{height:205px;background:#dce8dd;overflow:hidden}
.social-feed-card--tiktok .social-feed-cover,.social-feed-card--youtube .social-feed-cover{position:relative}
.social-feed-cover>img{width:100%;height:100%;display:block;object-fit:cover}
.social-feed-card--tiktok .social-feed-cover{background:#f7f8f3}
.social-feed-card--tiktok .social-feed-cover>img{object-fit:contain;padding:20px}
.social-feed-play{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}
.social-feed-play-symbol{display:grid;place-items:center;width:62px;height:62px;padding-left:4px;border-radius:50%;background:#2864b4;color:#fff;box-shadow:0 3px 15px #122c4280;font-size:25px}
.social-feed-play:hover .social-feed-play-symbol{background:#174e94}
.social-feed-body{display:flex;flex:1;flex-direction:column;padding:18px 19px 20px}
.social-feed-source{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#526575;font-size:12px;font-weight:700}
.social-feed-source img{width:22px;height:22px;object-fit:contain}
.social-feed-card h3{font-size:19px;line-height:1.3;margin:0 0 9px}
.social-feed-card p{color:#526575;font-size:14px;line-height:1.55;margin:0 0 20px}
.social-feed-action{margin-top:auto;color:#2864b4;font-size:13px;font-weight:800}
.social-feed-action:is(button){align-self:start;border:0;border-bottom:1px solid currentColor;background:none;padding:0 0 3px;cursor:pointer;text-align:left}
.social-feed-note{color:#526575;font-size:12px;margin:17px 0 0}
.social-video-dialog{width:min(430px,calc(100vw - 22px));max-height:calc(100vh - 24px);border:0;border-radius:12px;padding:14px;background:#fff;color:#21394c;box-shadow:0 20px 70px #0006;overflow:auto}
.social-video-dialog::backdrop{background:#071b2ecc}
.social-video-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}
.social-video-toolbar strong{font:700 13px/1.4 Comfortaa,sans-serif}
.social-video-toolbar button{border:0;background:#e8f0df;color:#173e64;border-radius:5px;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap}
.social-video-dialog iframe{display:block;width:min(100%,330px);height:min(70vh,586px);aspect-ratio:9/16;border:0;border-radius:6px;margin:auto;background:#101820}
.social-video-original{display:block;margin-top:10px;text-align:center;text-decoration:underline;text-underline-offset:3px;color:#2864b4;font-size:12px;font-weight:700}
@media(max-width:800px){.social-feed{padding:55px 6%}.social-feed-heading{display:block}.social-feed-heading p:last-child{margin-top:12px}.social-feed-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 0 18px;scrollbar-width:thin}.social-feed-card{flex:0 0 min(78vw,310px);scroll-snap-align:start}.social-feed-cover{height:180px}}
@media(prefers-reduced-motion:reduce){.social-feed-grid{scroll-snap-type:none}.social-feed-card{transition:none}}
