/* FOOTER — site footer links row. BEM block: footer. */
.footer {
  display: flex; justify-content: center; flex-wrap: wrap;
  gap: 28px;
  padding: 18px 26px;
  background: var(--surface-sunken);
  border-top: var(--border-w-bold) solid var(--border);
}
.footer__link {
  font-family: var(--font-mono); font-size: 12px; text-transform: uppercase; letter-spacing: 1px;
  color: var(--text); text-decoration: none;
}
.footer__link:hover { color: var(--primary); }