[data-role="site-footer"] {
  padding: 2rem max(2.4rem, calc((100% - 1194px) / 2)) 2.5rem; display: flex;
  gap: 2rem; align-items: flex-start; justify-content: space-between; background: var(--pale-blue); border-radius: 28px 28px 0 0;
}
[data-role="site-footer"] p { max-width: 54ch; font-size: 17px; color: var(--body); }
[data-role="site-footer"] nav { display: flex; flex-wrap: wrap; gap: .25rem 1rem; }
[data-role="site-footer"] a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; padding-block: .5rem; font-size: 17px; }
@media (max-width: 850px) {
  [data-role="site-footer"] { flex-direction: column; gap: 1rem; padding: 1.6rem 1.4rem 2rem; }
}
@media (max-width: 440px) {
  [data-role="site-footer"] { padding-inline: 1rem; }
}