.mh-footer-social{margin-top:12px}
.mh-footer-social-links{display:flex;flex-wrap:wrap;gap:7px}
.mh-footer-social-links .mh-social-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:#fff;background:#111;transition:transform .15s,opacity .15s}
.mh-footer-social-links .mh-social-icon svg{display:block;fill:currentColor;width:14px;height:14px}
.mh-footer-social-links .mh-social-instagram{background:linear-gradient(135deg,#833ab4,#c13584,#e1306c,#f77737)}
.mh-footer-social-links .mh-social-youtube{background:#f00}
.mh-footer-social-links .mh-social-facebook{background:#0866ff}
.mh-footer-social-links .mh-social-linkedin{background:#0a66c2}
.mh-footer-social-links .mh-social-icon:hover{color:#fff;opacity:.85;transform:translateY(-2px)}
.mh-footer-social-links .mh-social-icon:focus-visible{outline:3px solid #36a7ed;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.mh-footer-social-links .mh-social-icon{transition:none}}

@media screen and (max-width:767px){
 .mh-site .mh-footer-top>div:first-child{width:100%;text-align:center}
 .mh-site .mh-footer-top>div:first-child>.mh-brand{justify-content:center}
 .mh-site .mh-footer-social-links{justify-content:center}
}

/* Publication description below the official footer logo. */
.mh-site .mh-footer-directory .mh-footer-description{max-width:34ch;margin:16px 0 0;color:var(--ui-secondary);font-size:13px;line-height:1.7;overflow-wrap:break-word}
@media screen and (max-width:767px){.mh-site .mh-footer-directory .mh-footer-description{margin-inline:auto;max-width:42ch;text-align:center}}