/* Shared marketing navigation additions, including the legal pages. */
.nav-links {
  display: flex;
  align-items: center;
  gap: var(--s-1);
}
.btn--nav {
  min-height: var(--h-row);
  padding: 0 var(--s-6);
  border-radius: var(--r-pill);
  font-size: var(--t-prose);
  line-height: var(--t-prose-lh);
  color: var(--ink-2);
}
.btn--nav:hover { background: var(--a-1); color: var(--ink); }
@media (min-width: 761px) {
  .nav { display: grid; grid-template-columns: 1fr auto 1fr; }
  .nav > .brand { justify-self: start; }
}
@media (max-width: 760px) {
  .mobile-menu[open] {
    max-height: calc(100dvh - var(--s-7) - var(--s-9));
    overflow-y: auto;
  }
  .nav-wrap:has(.mobile-menu[open]) .mobile-menu__backplate {
    height: calc(var(--h-navbar) + var(--s-13) + var(--h-cta) * 5 + var(--s-5) * 4 + var(--s-9));
    max-height: calc(100dvh - var(--s-7) - var(--s-9));
  }
}