/*
 * The site footer. One definition, linked by every page, so the footer cannot
 * drift between the homepage and the long-form pages.
 *
 * The registered office lives on the about page and the page list lives in the
 * section menu. What remains is one row holding the analytics control and the legal
 * links, spread across the width, and a centred copyright line.
 */
footer {
  border-top: 1px solid var(--s2-divider);
  padding: 44px 0 56px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 13px;
  line-height: 1.7;
  text-align: left;
}

.footer-row {
  display: flex;
  flex-wrap: wrap;
  /* space-evenly, not space-between: between pins the first and last item hard
     against the edges, so the gaps are equal but the row is not distributed across
     the width. evenly gives the outer margins the same share as the inner gaps,
     which is what reads as centred. */
  justify-content: space-evenly;
  align-items: center;
  gap: 10px 24px;
  margin-bottom: 22px;
}

.footer-row a { text-decoration: none; }
.footer-row a:hover { text-decoration: underline; }

/* Once the row wraps there is no width left to spread across, and distributing
   across two lines strands items at odd intervals. Plain centring reads better. */
@media (max-width: 620px) {
  .footer-row { justify-content: center; text-align: center; }
}

.footer-meta { margin: 0; text-align: center; }

.s2-consent-link {
  background: none; border: 0; padding: 0; font: inherit;
  color: var(--s2-glow-gold); text-decoration: underline; cursor: pointer;
}