/* Explicit navigation without changing the image-led page layouts. */
.hud-top .site-home {
  pointer-events: auto; display: inline-flex; align-items: center; gap: 14px;
  min-height: 44px; color: #fff; text-decoration: none; opacity: 1;
}
.hud-top { padding-top: 4px; padding-bottom: 4px; }
.hud-top .site-home > span { opacity: 1; }
.cinematic-nav .nav-menu a { min-height: 44px; display: inline-flex; align-items: center; opacity: 1; }
.field-story-copy .field-story-link,
.archive-entry-link,
.immersive-page .space-preview-entry {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 24px;
  min-height: 48px; padding: 13px 20px; border: 1px solid #b8e4e8;
  border-radius: 3px; background: #dff7f9; color: #102126;
  font: 700 16px/1.4 var(--font-sans, sans-serif); letter-spacing: 0;
  text-decoration: none; opacity: 1;
}
.field-story-copy .field-story-link:hover, .archive-entry-link:hover,
.immersive-page .space-preview-entry:hover { background: #fff; color: #102126; }
.immersive-page .space-sample-caption { flex-wrap: wrap; }
.immersive-page .space-sample .space-sample-caption .sample-open {
  font: 600 14px/1.4 sans-serif; padding: 10px 12px; border: 1px solid #859ea5;
  background: #182b32; color: #e4fbff; border-radius: 3px; white-space: nowrap;
}
.preview-header { position: sticky; top: 0; z-index: 20; background: #080c10f5; height: auto; min-height: 64px; gap: 16px; padding-top: 8px; padding-bottom: 8px; }
.preview-navigation { display: flex; align-items: center; gap: 10px; }
.preview-navigation a { display: inline-flex; align-items: center; min-height: 44px;
  padding: 10px 14px; border: 1px solid #778e98; border-radius: 3px;
  color: #effdff; background: #14212b; font: 600 14px/1.4 sans-serif; }
.site-home:focus-visible, .preview-header a:focus-visible, .field-story-link:focus-visible,
.archive-entry-link:focus-visible, .space-sample:focus-visible, .space-preview-entry:focus-visible {
  outline: 3px solid #8de6ec; outline-offset: 5px;
}
@media(max-width:600px) {
  .hud-top .site-home { gap: 10px; max-width: none; }
  .hud-top .hud-stats { display: none; }
  .preview-header { flex-wrap: wrap; gap: 6px; padding: 8px 18px; }
  .preview-brand { font-size: 24px; }
  .preview-navigation { gap: 6px; }
  .preview-navigation a { padding: 10px; font-size: 13px; }
  .field-story-copy .field-story-link { width: 100%; }
  .immersive-page .space-preview-entry { white-space: normal; }
}