/* Ephemeris / Instrument — critical CLS shell (mirror chart-critical.css) */

.hidden { display: none !important; }

.skip-link {
  position: absolute;
  top: -120px;
  left: var(--space-4, 1rem);
  z-index: 10001;
  padding: 0.65rem 1.1rem;
  background: var(--gold, #A8B0BC);
  color: var(--void, #08080b);
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md, 8px);
}
.skip-link:focus {
  top: var(--space-4, 1rem);
  outline: 2px solid var(--white, #f0e8d8);
  outline-offset: 2px;
}

@media (max-width: 1023px) {
  .page-instrument .navbar__nav { display: none; }
}

.page-instrument .navbar__logo {
  min-height: 44px;
  align-items: center;
  padding-block: 6px;
  box-sizing: border-box;
}

body.page-instrument {
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-heading: Georgia, 'Times New Roman', serif;
  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
html.ap-fonts-ready .page-instrument {
  --font-display: 'Cormorant Garamond', serif;
  --font-body: 'Inter', sans-serif;
}

.page-instrument .navbar__nav {
  min-height: 44px;
}
.page-instrument .navbar__link,
.page-instrument .navbar__more-btn,
.page-instrument .logo-text {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
html.ap-fonts-ready .page-instrument .navbar__link,
html.ap-fonts-ready .page-instrument .navbar__more-btn,
html.ap-fonts-ready .page-instrument .logo-text {
  font-family: var(--font-display);
}

.page-instrument .instrument-title,
.page-instrument .instrument-lede,
.page-instrument .grimoire {
  font-family: Georgia, 'Times New Roman', serif;
}
html.ap-fonts-ready .page-instrument .instrument-title {
  font-family: var(--font-display);
}
html.ap-fonts-ready .page-instrument .instrument-lede,
html.ap-fonts-ready .page-instrument .grimoire {
  font-family: 'Cormorant Garamond', serif;
}

/* Hero panel — reserve height before deferred CSS */
.page-instrument .instrument-hero {
  min-height: 420px;
}
.page-instrument #event-setup {
  min-height: 220px;
}