/* Shared by the React footer and standalone article shell. */
footer.footer .social-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 18px;
}
footer.footer .social-icons > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #72839b;
  border-radius: 12px;
  background: #223b5d;
  color: #fff;
  text-decoration: none;
  transition: background .15s, color .15s;
}
footer.footer .social-icons > a:hover {
  background: #ffcd38;
  border-color: #ffcd38;
  color: #10233f;
}
footer.footer .social-icons > a:focus-visible {
  outline: 3px solid #ffcd38;
  outline-offset: 4px;
}
footer.footer .social-icons svg.social-icon {
  display: block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: inherit !important;
}
footer.footer .footer-container { padding-inline: clamp(20px, 4vw, 40px); }
footer.footer .footer-column { min-width: 0; }
footer.footer .footer-column li a { display: inline-block; padding-block: 4px; line-height: 1.5; }
footer.footer .footer-grid { gap: 28px; }