.social-logos{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.social-logos>a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:12px;background:transparent;padding:4px;transition:background .15s}.social-logos>a:hover{background:#e6eddd}.social-logos>a:focus-visible{outline:3px solid #608a22;outline-offset:3px}.social-logos img{display:block;width:40px;height:40px;object-fit:contain}.lesson-social .social-logos{gap:14px}.lesson-social .social-logos>a{padding:4px;border:0;border-radius:12px;background:transparent}.lesson-social .social-logos>a:hover{background:#e6eddd}.footer .footer-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.15fr) minmax(0,.85fr) minmax(0,1.2fr);gap:28px}.footer .footer-links{grid-template-columns:1fr;gap:10px}.footer-social{min-width:0}.footer-social>strong{display:block;font-size:12px;font-weight:750;margin-bottom:12px}.footer-social .social-logos{gap:8px}.footer-social .social-logos>a{flex-basis:44px;width:44px;height:44px}.footer-social .social-logos img{width:36px;height:36px}
@media(max-width:1050px){.footer .footer-top{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:640px){.footer .footer-top{grid-template-columns:1fr;gap:27px}.footer .footer-links,.footer .footer-contact{margin-top:0}.footer-social>strong{font-size:14px}.footer-social .social-logos{gap:12px}.footer-social .social-logos>a{width:48px;height:48px;flex-basis:48px}.footer-social .social-logos img{width:40px;height:40px}.lesson-social .social-logos{gap:12px}}
@media(prefers-reduced-motion:reduce){.social-logos>a{transition:none}}

/* The wide YouTube mark needs slightly more width for equal optical weight. */
.social-logos{--social-icon-size:40px}
.social-logos img{width:var(--social-icon-size);height:var(--social-icon-size);flex-shrink:0}
.social-logos img[src$="/youtube.png"]{width:calc(var(--social-icon-size)*1.1);max-width:none}
.footer-social .social-logos{--social-icon-size:36px}
.footer-social .social-logos img{width:var(--social-icon-size);height:var(--social-icon-size)}
.footer-social .social-logos img[src$="/youtube.png"]{width:calc(var(--social-icon-size)*1.1)}
@media(max-width:640px){.footer-social .social-logos{--social-icon-size:40px}}