/* =====================================================================
   DIGITAL FLOW — homepage header and footer links to the service pages.
   Loaded after flow-ambient.css. The header links sit in .nav__center,
   which flow-ambient.css already hides below 820px; the footer links
   carry the same destinations at every width.
   ===================================================================== */

.nav__links { display: flex; align-items: center; gap: 2px; }

.nav__links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  font-family: var(--df-font-mono, monospace);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--df-text-muted, rgba(244, 240, 231, 0.76));
  border-radius: 6px;
}

.nav__links a:hover { color: var(--df-text-headline, #F2EEE6); background: rgba(244, 240, 231, 0.06); }

.nav__links a:focus-visible,
.foot__link:focus-visible {
  outline: 2px solid var(--df-signal-green, #B6FF2E);
  outline-offset: 3px;
}

.foot__actions { flex-wrap: wrap; row-gap: 4px; }

/* Four entries: never wrap a label. Where they no longer fit on one line the
   header links step aside (the footer carries the same destinations). */
.nav__links a { white-space: nowrap; }
@media (max-width: 1040px) { .nav__center { display: none; } }