/* Cat-framed social links, shared by journal, menu and travel planet. */
.social-links{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;margin:0;padding:0;color:inherit}
.social-links .social-link{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-width:64px;min-height:64px;padding:0 3px 3px;border-radius:9px;color:inherit;text-decoration:none;font-size:11px;font-weight:600;line-height:1.3;letter-spacing:0;flex-shrink:0;transition:color .18s ease,transform .18s ease}
.social-links .social-link svg{display:block;width:48px;height:48px;overflow:visible}
.social-links .social-frame{fill:var(--social-fill,transparent);stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;transition:fill .18s ease}
.social-links .social-mark{fill:currentColor;stroke:none}
.social-links .social-link:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.social-links .social-link:focus-visible .social-frame{fill:var(--social-hover,#f4cfcb)}
.social-strip{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;margin:4px 0 30px}
.social-intro{display:flex;align-items:center;gap:12px;min-width:0}
.social-intro img{display:block;width:44px;height:44px;object-fit:contain;flex-shrink:0}
.social-intro p{margin:0;font-size:14px;font-weight:500;line-height:1.7}
.social-intro small{display:block;margin-top:2px;font-size:11px;opacity:.75}
.footer .social-strip{--social-fill:transparent;--social-hover:#3a5746;color:#f2f7ee}
.menu>.social-links{margin:24px 0 8px;--social-hover:var(--pink,#f4cfcb)}
.world-footer>.social-links{justify-content:center;margin:16px auto 0;--social-hover:#f4cfcb;color:#173e35}
@media(hover:hover) and (pointer:fine){
 .social-links .social-link:hover{color:inherit;transform:translateY(-2px)}
 .social-links .social-link:hover .social-frame{fill:var(--social-hover,#f4cfcb)}
}
@media(max-width:760px){
 .social-strip{margin-bottom:26px;gap:18px}
 .social-strip .social-links{width:100%;gap:14px}
 .social-intro p{font-size:13px}
 .social-intro small{font-size:11px}
 .world-footer>.social-links{gap:14px}
}
.motion-off .social-links .social-link,.motion-off .social-links .social-frame{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){
 .social-links .social-link,.social-links .social-frame{transition:none!important;transform:none!important}
}