/*
 * footer.css — dark band containing admin-authored HTML.
 * The wrapper controls layout; author's HTML styles the inner content.
 */

.site-footer {
  background: var(--color-ink);
  color: var(--color-paper);
  margin-top: var(--space-9);
  padding: var(--space-7) 0;
}

.site-footer__inner {
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--gutter);
  font-size: var(--type-sm);
  color: #9ca3af;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  justify-content: space-between;
  align-items: center;
}

.site-footer a {
  color: var(--color-paper);
  text-decoration: underline;
}
.site-footer a:hover { color: var(--color-brand); }

.site-footer p { margin: 0; }
.site-footer .muted { color: #6b7280; }