/* Shared light footer, scoped to the existing footer component. */
.site-footer {
  padding-bottom: 20px;
  color: #4e5969;
  border-top: 1px solid #e5eaf2;
  background: #f7f9fc;
}
.site-footer .footer-cta { gap: 32px; padding: 38px 4px 30px; color: #1d2129; border-bottom-color: #e1e7ef; }
.site-footer .footer-cta span { color: #165dff; }
.site-footer .footer-cta h2 { margin: 6px 0 0; font-size: 28px; line-height: 1.4; }
.site-footer .footer-cta p { color: #4e5969; line-height: 1.75; }
.site-footer .footer-cta-actions a { color: #165dff; border-color: #cddbf5; background: #fff; }
.site-footer .footer-cta-actions a:hover { border-color: #165dff; background: #edf3ff; }
.site-footer .footer-cta-actions a:last-child { color: #fff; border-color: #165dff; background: #165dff; }
.site-footer .footer-cta-actions a:last-child:hover { border-color: #124ed8; background: #124ed8; }
.site-footer .footer-cta-actions a:focus-visible,
.site-footer a:focus-visible { outline: 2px solid #165dff; outline-offset: 4px; }
.site-footer .footer-grid { gap: 48px; padding: 30px 4px 24px; }
.site-footer .footer-brand,
.site-footer .footer-brand .brand-name { color: #1d2129; }
.site-footer .footer-brand .brand-symbol { color: #fff; background: #165dff; }
.site-footer .footer-link-group > strong,
.site-footer .footer-company > strong { margin-bottom: 14px; color: #1d2129; }
.site-footer .footer-links a { color: #4e5969; }
.site-footer .footer-links a:hover,
.site-footer .footer-company p a:hover { color: #165dff; }
.site-footer .city-footer-links,
.site-footer .friend-links { gap: 22px; margin-top: 14px; padding-top: 16px; border-top-color: #e1e7ef; }
.site-footer .city-footer-links strong,
.site-footer .friend-links strong { color: #1d2129; }
.site-footer .city-footer-links a,
.site-footer .friend-links a { color: #4e5969; }
.site-footer .city-footer-links a:hover,
.site-footer .friend-links a:hover { color: #165dff; }
.site-footer .copyright { padding-top: 16px; color: #64748b; border-top-color: #e1e7ef; }
@media (max-width: 760px) {
  .site-footer .footer-cta { padding: 30px 0 26px; gap: 20px; }
  .site-footer .footer-cta h2 { font-size: 24px; }
  .site-footer .footer-grid { gap: 24px; padding: 26px 0 20px; }
}