/* One link style for navigation, FAQs, Who We Help and the complete service list. */
#app > .footer { padding: 44px 0 24px; }
#app .footer .footer-unified {
  grid-template-columns: minmax(145px,.85fr) minmax(155px,.85fr) minmax(235px,1.15fr) minmax(270px,1.35fr);
  gap: 32px;
  padding-top: 12px;
  padding-bottom: 32px;
}
#app .footer .footer-unified :is(.footer-navigation-column,.footer-services-column) h3 { margin-bottom: 12px; }
#app .footer .footer-unified .footer-link-list { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; }
#app .footer .footer-unified .footer-link-list > a {
  display: flex;
  align-items: center;
  min-height: 44px;
  box-sizing: border-box;
  padding: 9px 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #dce4d7;
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0;
  overflow-wrap: normal;
  text-align: left;
  text-decoration: none;
  text-underline-offset: 5px;
  transition: color .2s;
}
#app .footer .footer-unified .footer-link-list > a:hover { color: #e0c18a; text-decoration: underline; }
#app .footer .footer-unified .footer-link-list > a:focus-visible { color: #fffdf7; outline: 2px solid #e0c18a; outline-offset: 3px; }
#app .footer .footer-bottom { margin-top: 0; padding-top: 22px; }
@media (max-width:1100px) {
  #app .footer .footer-unified { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 40px; }
  #app .footer .footer-unified .footer-brand { grid-column: auto; }
  #app .footer .footer-unified .footer-contact-panel { grid-column: auto; }
}
@media (max-width:700px) {
  #app .footer .footer-unified { gap: 30px 26px; }
  #app .footer .footer-unified .footer-brand,
  #app .footer .footer-unified .footer-contact-panel { grid-column: 1 / -1; }
}
@media (max-width:600px) {
  #app > .footer { padding-top: 30px; }
  #app .footer .footer-unified { grid-template-columns: minmax(0,1fr); gap: 28px; padding-top: 4px; padding-bottom: 28px; }
  #app .footer .footer-unified .footer-stelini-links { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 22px; }
  #app .footer .footer-unified .footer-brand,
  #app .footer .footer-unified .footer-contact-panel { grid-column: auto; }
  #app .footer .footer-unified .footer-link-list > a { font-size: 15px; min-height: 44px; }
}
@media (prefers-reduced-motion:reduce) {
  #app .footer .footer-unified .footer-link-list > a { transition: none; }
}