#media-sosial .hsn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
#media-sosial .hsn-card{display:flex;flex-direction:column;min-width:0;color:inherit;text-decoration:none;background:#fff;border:1px solid #dce2ed;border-radius:16px;overflow:hidden;transition:box-shadow .18s}
#media-sosial .hsn-card:hover{box-shadow:0 6px 22px #243b6b18}
#media-sosial .hsn-card:focus-visible{outline:3px solid #364a9a;outline-offset:4px}
#media-sosial .hsn-visual{position:relative;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(145deg,#364a9a,#1e2854)}
#media-sosial .hsn-visual img{display:block;width:100%;height:100%;object-fit:cover}
#media-sosial .hsn-label{position:absolute;bottom:12px;left:10px;right:10px;background:#101827d9;color:white;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:700;text-align:center}
#media-sosial .hsn-caption{margin:12px 12px 7px;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#media-sosial .hsn-card time{font-size:11px;color:#596477;margin:auto 12px 12px}
#media-sosial .hsn-status{font-size:12px;color:#596477;margin:10px 0 20px}
#media-sosial .hsn-fallback{padding:24px 16px;background:#f3f5fb;border-radius:12px;color:#46536c;font-size:14px}
@media(max-width:380px){#media-sosial .hsn-grid{gap:9px}#media-sosial .hsn-caption{margin:9px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#media-sosial .hsn-card{transition:none}}