/* The site header's base row on the static pages under public/ (server.js
   injects the header and this file). The same rules as inner.css, which those
   pages do not load; chrome.css follows with the phone menu. */
.lp-nav-links { display: flex; gap: 22px; align-items: center; }
.lp-nav-links a { text-decoration: none; color: inherit; }
.lp-nav-links a.nav-cta { color: var(--gold-dim, #6e4d12); }
@media (max-width: 760px) {
  .lp-nav-links { gap: 14px; font-size: 0.9rem; }
  .lp-nav-links .lp-hide-sm { display: none; }
}
@media (max-width: 480px) {
  .lp-nav-links { gap: 12px; }
  .lp-nav-links .lp-hide-xs { display: none; }
  .lp-nav-links .nav-cta { padding: 6px 10px; white-space: nowrap; }
  .nav-logo img { height: 30px; }
}

/* The skip link: off screen at rest, shown on the first Tab (same as inner.css). */
.tp-skip {
  position: absolute;
  left: 16px;
  top: -8px;
  transform: translateY(-100%);
  background: #fff;
  color: #1a1510;
  padding: 8px 12px;
  z-index: 10000;
}
.tp-skip:focus { top: 8px; transform: none; }