/* Monochrome platform logos shared by the footers and contact profiles. */
.social-logo{display:block;flex-shrink:0;width:26px;height:26px;fill:currentColor;stroke:none}
.social-logo--xiaohongshu{width:44px}
.social-footer{color:#bdbdbd;font-family:inherit}
.social-footer .footer-content{position:relative;z-index:1;width:100%;max-width:1920px;margin-inline:auto;padding:18px var(--gutter,24px) 26px}
.social-footer .footer-social{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px clamp(12px,2.4vw,40px);padding-bottom:20px}
.social-footer .footer-social a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;color:#bdbdbd;text-decoration:none;flex-shrink:0}
.social-footer .footer-social a:hover{color:#dedede;text-decoration:none}
.social-footer .footer-social a:focus-visible{outline:2px solid #d0d0d0;outline-offset:4px;color:#dedede}
.social-footer .footer-meta{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;font-size:12px;line-height:1.6}
.social-footer .footer-meta p{margin:0;width:auto;font-size:12px;color:#bdbdbd}
.social-footer .footer-name{justify-self:start;display:inline-flex;align-items:center;min-height:44px;color:#fff;font-size:15px}
.social-footer .footer-actions{display:flex;align-items:center;justify-self:end}
.social-footer .footer-actions a{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:12px;white-space:nowrap}
.social-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.social-footer a:focus-visible{outline:2px solid #ffd400;outline-offset:4px;color:#fff}
.archive-footer.social-footer{display:block;padding:0}
.about-footer{border-top:1px solid #30302e;background:rgba(0,0,0,.8)}
@media(max-width:700px){
  .social-footer .footer-content{padding-block:14px 22px}
  .social-footer .footer-social{justify-content:center;gap:8px 12px;padding-bottom:14px}
  .social-footer .footer-meta{grid-template-columns:minmax(0,1fr) auto;gap:8px 18px}
  .social-footer .footer-meta p{grid-column:1 / -1;grid-row:2}
}