/* The main destinations share the homepage action-button surface and geometry.
   Loaded by both HTML entry points so server-rendered and hydrated navs agree. */
[data-navigation] nav .site-nav-links {
  gap: 8px;
  padding: 4px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

[data-navigation] nav .site-nav-links > .site-nav-link {
  box-sizing: border-box;
  min-height: 37.4px;
  font-size: 13.6px;
  padding: 6.8px 14px;
  border: 1px solid rgb(223 187 143 / .44);
  border-radius: var(--mi-button-radius, 7px);
  background: #19100b;
  color: #fff8ed;
  font-weight: 300;
  line-height: 1.25;
  text-shadow: none;
  box-shadow: inset 0 1px 0 rgb(255 236 210 / .12), 0 3px 12px rgb(19 12 7 / .12);
  cursor: pointer;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

[data-navigation] nav .site-nav-links > .site-nav-link::before { display: none; }
[data-navigation] nav .site-nav-links > .site-nav-link::after { bottom: 4px; }

[data-navigation] nav .site-nav-links > .site-nav-link[aria-current="page"] {
  background: #372619;
  border-color: #d3ad7b;
  box-shadow: inset 0 1px 0 rgb(255 236 210 / .18), 0 0 0 1px rgb(211 173 123 / .12);
}

[data-navigation] nav .site-nav-links > .site-nav-link:focus-visible {
  background: #2c1d13;
  border-color: #f3d0a4;
  outline: 2px solid #f3d0a4;
  outline-offset: 3px;
}

@media (hover: hover) {
  [data-navigation] nav .site-nav-links > .site-nav-link:hover {
    background: #2c1d13;
    border-color: rgb(243 208 164 / .85);
    box-shadow: inset 0 1px 0 rgb(255 236 210 / .18), 0 4px 14px rgb(19 12 7 / .22);
    transform: translateY(-1px);
  }
}
[data-navigation] nav .site-nav-links > .site-nav-link:active {
  transform: translateY(1px);
  box-shadow: inset 0 2px 4px rgb(0 0 0 / .24);
}

@media (min-width: 1024px) {
  [data-navigation] nav .site-nav-links { padding: 8px 10px; width: calc(var(--research-rail-width, 400px) + 80px); max-width: calc(100vw - 112px); }
  [data-navigation] nav .site-nav-links > .site-nav-link {
    min-height: 39.1px;
    padding: 6.8px 9px;
    font-size: clamp(14.45px, 1.3175vw, 18.7px);
  }
}

@media (max-width: 1023px) {
  [data-navigation="mobile"] nav .site-nav-links > .site-nav-link { min-height: 34px; font-size: 11.9px; }
}

@media (max-width: 760px) {
  [data-navigation] nav .site-nav-links { gap: 6px; padding: 0; }
  [data-navigation] nav .site-nav-links > .site-nav-link {
    min-height: 34px;
    padding: 6.8px 9px;
    font-size: 11.9px;
  }
}
@media (max-width: 360px) {
  [data-navigation] nav .site-nav-links { gap: 4px; }
  [data-navigation] nav .site-nav-links > .site-nav-link { padding-inline: 4px; font-size: 11.05px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-navigation] nav .site-nav-links > .site-nav-link { transition: none; transform: none; }
}
@media (forced-colors: active) {
  [data-navigation] nav .site-nav-links > .site-nav-link {
    background: Canvas;
    color: LinkText;
    border-color: LinkText;
    box-shadow: none;
  }
  [data-navigation] nav .site-nav-links > .site-nav-link[aria-current="page"] { border-color: Highlight; }
  [data-navigation] nav .site-nav-links > .site-nav-link:focus-visible { outline-color: Highlight; }
}