/* ===== Shared cross-site components (subpages) =====
   Loaded by every page except the landing page (which uses style.css).
   Design tokens still live inline per page; new shared components go here. */

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--confirmed);
  color: var(--bg-primary);
  padding: 12px 16px;
  z-index: 100;
  font-family: var(--font-mono);
}
.skip-link:focus { left: 24px; top: 24px; }

.nav-links { display: flex; gap: 22px; }
.nav-links a {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--text-muted);
}
.nav-links a:hover { color: var(--confirmed); }
@media (max-width: 760px) { .nav-links { display: none; } }

.footer-brand .footer-tagline { margin-top: 2px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.footer-links a { font-size: 0.92rem; color: var(--text-muted); }
.footer-links a:hover { color: var(--text-primary); }
.footer-copyright {
  width: 100%;
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--text-muted);
  margin-top: 8px;
}