/* Quiet site navigation below the player. */
:root { --site-nav-height: 42px; }
body .site-navigation {
  position: fixed;
  z-index: 5;
  inset: auto 0 0;
  height: var(--site-nav-height);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 0 24px;
  background: #06090a;
  border: 0;
}
.site-navigation a { color: #9faaa9; text-decoration: none; }
.site-navigation a:hover { color: #e0e9e8; text-decoration: underline; text-underline-offset: 4px; }
.site-navigation a:focus-visible { outline: 2px solid #ff594f; outline-offset: 4px; }
.site-navigation .site-signature { color: #9fcdc7; font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: nowrap; }
.site-links { display: flex; align-items: center; gap: 11px; font: 13px Georgia, serif; white-space: nowrap; }
.site-links span { color: #44534f; }
body #shell { inset: 0 0 var(--site-nav-height); }
.site-links a { text-decoration: underline; text-decoration-color: #44534f; text-underline-offset: 3px; }
body #shell:fullscreen { inset: 0; background: #06090a; }
@media (max-width: 600px) {
  :root { --site-nav-height: 68px; }
  body .site-navigation { flex-direction: column; justify-content: center; gap: 8px; padding: 8px; }
  .site-links { gap: 7px; font-size: 11px; }
}