/* First-paint nav — load before site.css so the header never flashes unstyled. */
:root {
  --paper: #FAF7F2;
  --ink: #0A1833;
  --blue: #2E3A8C;
  --line: rgba(10, 24, 51, 0.08);
  --nav-height: 73px;
}

.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 90;
  box-sizing: border-box;
  height: var(--nav-height);
  min-height: var(--nav-height);
  max-height: var(--nav-height);
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--paper);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.nav-mobile {
  display: none;
}

@media (max-width: 900px) {
  .nav { padding: 0 20px; }
  .nav-mobile {
    display: flex;
    position: fixed;
    inset: 0;
    z-index: 88;
    opacity: 0;
    pointer-events: none;
  }
}