/* Compact, locally inlined social icons. No external icon/font dependency. */
.social-navigation{width:100%;margin:18px auto 22px;color:#6d756e}
.social-navigation__row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;margin:0 auto;padding:0;max-width:440px}
.social-navigation .social-navigation__icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;flex:0 0 44px;margin:0;padding:12px;border:0;border-radius:50%;background:transparent;color:#70786f;line-height:1;text-decoration:none;cursor:pointer;transition:color .16s,background-color .16s}
.social-navigation__icon svg{display:block;width:20px;height:20px;max-width:none;flex:none}
.social-navigation .social-navigation__icon:hover{color:#2d7b43;background:#edf6ef}
.social-navigation .social-navigation__icon--line{color:#49b867}
.social-navigation :is(button,a):focus-visible{outline:2px solid #49b867;outline-offset:3px}

@media(max-width:480px){.social-navigation{margin:14px auto 18px}.social-navigation__row{max-width:224px;gap:3px 10px}}
@media(prefers-reduced-motion:reduce){.social-navigation *{transition:none!important}}
