/* Dailies · Shared surface nav styles.
   Mirrors the feed header's .v2-head-navlink so every surface's nav reads the
   same. Scrolls horizontally on narrow headers instead of breaking the row.
   ============================================================ */

.surface-nav {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.surface-nav::-webkit-scrollbar { display: none; }

.surface-navlink {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--bsp-fg-dim);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--bsp-dur-fast, .3s) var(--bsp-ease-out, ease);
}
.surface-navlink:hover,
.surface-navlink:focus-visible { color: var(--bsp-yellow); }
.surface-navlink:focus-visible { outline: 1px solid var(--bsp-border-gold); outline-offset: 3px; }

/* The archive sits a little apart from the sibling-page links. */
.surface-navlink.is-archive {
  color: var(--bsp-fg-muted);
  padding-left: 16px;
  border-left: 1px solid var(--bsp-border);
}