.happio-social-section{padding-top:4px}
.happio-social-intro{margin:0 0 18px;color:#354039}
.happio-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.happio-social-link{display:flex;flex-direction:column;gap:4px;padding:15px 16px;border:1px solid var(--happio-line);border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(23,33,27,.04)}
.happio-social-link:hover{border-color:#f0a08f;background:#fff7f4}
.happio-social-link.is-static{cursor:default}
.happio-social-link.is-static:hover{border-color:var(--happio-line);background:#fff}
.happio-social-link strong{font-size:15px}
.happio-social-link span{color:var(--happio-muted);font-size:13px}
.happio-social-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.happio-social-card{overflow:hidden;border:1px solid var(--happio-line);border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(23,33,27,.04);transition:.25s ease}
.happio-social-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(23,33,27,.1)}
.happio-social-card a{display:block;height:100%;padding:0 0 16px}
.happio-social-media{display:block;aspect-ratio:1/1;overflow:hidden;background:#edf1ee}
.happio-social-media img{display:block;width:100%;height:100%;object-fit:cover}
.happio-social-card strong,.happio-social-card p,.happio-social-card time{display:block;padding:0 16px}
.happio-social-card strong{margin-top:14px;font-size:16px;line-height:1.3}
.happio-social-card p{margin:7px 0 0;color:#3e4942;font-size:14px}
.happio-social-card time{margin-top:10px;color:var(--happio-muted);font-size:12px}
.happio-social-note{padding:14px 16px;border:1px dashed #d2d8d3;border-radius:15px;background:#fafbfa;color:var(--happio-muted)}

@media (max-width: 820px){
    .happio-social-feed{grid-template-columns:1fr 1fr}
}

@media (max-width: 560px){
    .happio-social-links,
    .happio-social-feed{grid-template-columns:1fr}
}