/* index.footer.css — public terminal site (index.html): footer. One of the index.*.css files, linked in order from index.html. */
/* Two layers, so it is never a question of which rule wins: "page" holds the normal stylesheet rules, "element" holds exact
   styles for single elements. Anything in "element" beats anything in "page", whatever the selectors look like. */
@layer page, element;

@layer page {
/* ─────────────────────────────────────────
   FOOTER
   ───────────────────────────────────────── */
footer {
  margin-top: 60px; padding-top: 20px;
  border-top: 1px solid var(--border);
  color: var(--text-dim); font-size: 11px;
  display: flex; justify-content: space-between;
}
.footer-links { display: flex; gap: 16px; }
footer a { color: var(--text-dim); }
footer a:hover { color: var(--accent); }
}