/**
 * @file site-footer.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description The footers: the site footer at the end of every view, and the older centred footer.
 *   Reads only the tokens in theme.css. The rules are theme.css's, moved unchanged and in order.
 * @usage Linked from public/spa.html right after theme.css, in the order theme.css held these rules
 *   (the shell block), and from every standalone page that links theme.css.
 * @version-history
 *   v1.0.0 — 2026-09-24 — Moved unchanged from css/theme.css (lines 1632-1651, 1658-1685), so theme.css
 *     holds tokens only (UI consolidation, a move).
 */

/* ── Footer ── */
.footer {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 3rem 1.25rem 3.5rem;
  font-size: var(--text-sm);
  color: var(--text-dim);
  line-height: 1.7;
  max-width: 500px;
  margin: 0 auto;
}

.footer .heart-icon {
  display: inline-block;
  color: var(--accent);
  font-size: var(--text-note);
  margin: 0 0.1rem;
}


/* ── Site footer ──
   Lives INSIDE .page-content, at the end of the view, so it scrolls away with the content. A
   third row in the #app column would take height from every screen instead, and a phone is
   where that is felt. Quiet by design: this is the surface a person reaches for on purpose,
   not one that competes with the page. */
.site-footer {
  margin-top: 3rem;
  padding: 1.5rem 1rem 2rem;
  border-top: 1px solid var(--border-subtle, var(--border));
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.site-footer-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1.25rem;
  font-size: 0.84rem;
}
.site-footer-row a { color: var(--text-dim); }
.site-footer-row a:hover { color: var(--accent); text-decoration: underline; }
/* The machine row is the same five documents the static .agent-footer carries. One step
   quieter than the row above it: a person looking for the OpenAPI contract knows to look
   down here, and everyone else should read past it. */
.site-footer-machine { font-size: 0.78rem; opacity: 0.75; }