/* Shared visible navigation candidate. Values resolve from primitives.css. */
.site-header.preview-header { display: block; padding-bottom: var(--pb-space-header-bottom); margin-bottom: var(--pb-space-header-content); }
.preview-header__top { display: flex; justify-content: space-between; align-items: baseline; gap: var(--pb-space-small); }
.preview-header .mark { white-space: normal; }
.preview-nav { display: flex; flex-wrap: wrap; gap: 0 var(--pb-space-nav-gap); margin-top: 0; font-size: var(--pb-type-apparatus); }
.preview-nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink-2); }
.preview-nav a:hover, .preview-nav a[aria-current] { color: var(--ink); text-decoration: underline; text-underline-offset: 0.35em; }
.preview-header__top .mail { display: inline-flex; align-items: center; min-height: 44px; flex-shrink: 0; }
@media (max-width: 600px) {
  .preview-nav { font-size: var(--pb-type-apparatus-narrow); gap: 0 var(--pb-space-nav-gap-narrow); }
  .site-header.preview-header { margin-bottom: var(--pb-space-header-content-narrow); }
}