/* Explicitly opted-in surfaces only. Existing homepage navigation is isolated. */
body[data-tvi-nav="accessible"] .site-nav { padding: 14px clamp(20px, 4vw, 48px); gap: 20px; }
body[data-tvi-nav="accessible"] .nav-left { min-width: 0; gap: 28px; }
body[data-tvi-nav="accessible"] .nav-logo { flex-shrink: 0; white-space: nowrap; }
body[data-tvi-nav="accessible"] .nav-name { font-size: 17px; }
body[data-tvi-nav="accessible"] .nav-links { gap: 20px; }
body[data-tvi-nav="accessible"] .nav-links > a,
body[data-tvi-nav="accessible"] .nav-more-btn { color: #bbb6ae; white-space: nowrap; }
body[data-tvi-nav="accessible"] .nav-links a:hover,
body[data-tvi-nav="accessible"] .nav-links a.active { color: #dda36b; }
body[data-tvi-nav="accessible"] .nav-cta { white-space: nowrap; }
body[data-tvi-nav="accessible"] .nav-more-dd { max-height: calc(100dvh - 90px); overflow-y: auto; min-width: 190px; }
body[data-tvi-nav="accessible"] .nav-more-dd a { min-height: 44px; padding: 12px 16px; color: #ccc5ba; }
body[data-tvi-nav="accessible"] .hamburger { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
body[data-tvi-nav="accessible"] .mobile-menu {
  padding: 78px max(24px, calc((100vw - 560px) / 2)) 32px;
  justify-content: flex-start; align-items: stretch; gap: 4px;
  overflow-y: auto; overscroll-behavior: contain;
}
body[data-tvi-nav="accessible"] .mobile-menu > a {
  flex-shrink: 0; min-height: 48px; padding: 10px 0;
  font-size: 25px; line-height: 1.2; border-bottom: 1px solid #35312c;
}
body[data-tvi-nav="accessible"] .mobile-menu-close {
  position: fixed; top: 14px; right: clamp(20px, 4vw, 48px);
  width: 44px; height: 44px; padding: 0; border: 1px solid #575046;
  border-radius: 6px; background: #24211e; line-height: 1;
}
body[data-tvi-nav="accessible"] :is(.site-nav, .mobile-menu) :is(a, button):focus-visible {
  outline: 2px solid #dda36b; outline-offset: 4px;
}
@media (max-width: 1100px) {
  body[data-tvi-nav="accessible"] .nav-links { display: none; }
  body[data-tvi-nav="accessible"] .nav-left { gap: 0; }
  body[data-tvi-nav="accessible"] .hamburger { display: flex; }
  body[data-tvi-nav="accessible"] .nav-name { display: inline; }
  body[data-tvi-nav="accessible"] .nav-sep { display: block; }
}
@media (max-width: 540px) {
  body[data-tvi-nav="accessible"] .nav-name,
  body[data-tvi-nav="accessible"] .nav-sep { display: none; }
  body[data-tvi-nav="accessible"] .nav-cta { font-size: 11px; padding: 9px 12px; }
  body[data-tvi-nav="accessible"] .nav-right { gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-tvi-nav="accessible"] :is(.site-nav, .mobile-menu) * { transition: none !important; }
}