/* C19g (klara): footer social icons. Muted like footer links; hover = the footer link hover colour. 20px icon, 44px tap target. */
.al-footer .al-social{list-style:none;margin:14px 0 0 -12px;padding:0;display:flex;gap:4px}
.al-footer .al-social li{margin:0;padding:0}
.al-footer .al-social a.al-social__a{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0!important;border-radius:8px;color:var(--ail-muted-on-dark);transition:color .15s ease}
.al-footer .al-social a.al-social__a:hover{color:var(--ail-text-on-dark)}
.al-footer .al-social a.al-social__a:focus-visible{color:var(--ail-text-on-dark);outline:2px solid var(--ail-focus-on-dark);outline-offset:2px}
.al-footer .al-social__ico{width:20px;height:20px;display:block}
@media (prefers-reduced-motion:reduce){.al-footer .al-social a.al-social__a{transition:none}}
/* C19i (klara): footer lockup 28px high on every page (alx.css only sized it on home; other pages showed it at 77px/34px). */
.al-footer .alm-lockup{height:28px;width:auto;display:block}