/* Site footer: legal links and publisher below every page. Its links stay
   underlined; the current legal page, marked by aria-current, is also bolder
   and darker, so colour is never the only cue. */

.site-footer {
  background-color: var(--bg-surface);
  border-block-start: 1px solid var(--border-subtle);
  padding-block: var(--space-xs);
  color: var(--text-secondary);
  font-size: var(--step--1);
}

.site-footer__nav ul {
  --cluster-space: var(--space-3xs) var(--space-m);
}

.site-footer__link {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--tap-min);
  color: var(--text-secondary);
  text-underline-offset: var(--space-3xs);
  transition: color var(--dur-fast) var(--ease-standard);
}

.site-footer__link:hover {
  color: var(--accent-hover);
}

.site-footer__link:active {
  color: var(--accent);
}

.site-footer__link[aria-current="page"] {
  color: var(--text-primary);
  font-weight: 600;
}