/* Mobile drawer nav — cream type on dark panel (beats ink fill + tiny type locks) */
html body .nav,
html body .nav.is-open,
html body nav.nav[data-nav],
html body #site-nav {
  background: rgba(20, 14, 10, 0.96) !important;
  background-color: rgba(20, 14, 10, 0.96) !important;
  color: #f5efe4 !important;
  -webkit-text-fill-color: #f5efe4 !important;
}

html body .nav *,
html body #site-nav *,
html body .nav .nav__brand,
html body .nav .nav__brand *,
html body .nav .nav__brand-word,
html body .nav .logo__word,
html body .nav .nav__close,
html body .nav .nav__links a,
html body #site-nav .nav__links a,
html body #site-nav a {
  color: #f5efe4 !important;
  -webkit-text-fill-color: #f5efe4 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Drawer links were locked to 0.66rem by type sheet — unreadable on dark panel */
html body .nav .nav__links a,
html body #site-nav .nav__links a,
html body #site-nav a {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.35 !important;
}

html body .nav .nav__links a:hover,
html body .nav .nav__links a.is-active,
html body #site-nav .nav__links a:hover,
html body #site-nav .nav__links a.is-active,
html body #site-nav a:hover,
html body #site-nav a.is-active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body .nav .nav__close span {
  background: #f5efe4 !important;
}

html body .nav-backdrop,
html body .nav-backdrop:not([hidden]) {
  background: rgba(20, 14, 10, 0.55) !important;
}