/* Shared navigation uses the original Method-page type treatment. */
.masthead .masthead-nav { gap: 22px; }
.masthead .masthead-nav a.nav-plain, .intro-site .masthead-nav a.nav-plain {
  font-family: var(--serif); font-size: 12.5px; font-weight: 400;
  letter-spacing: .15em; text-transform: uppercase;
}
.masthead .masthead-nav a.nav-cta { font-family: var(--serif); font-size: 12.5px; letter-spacing: .15em; text-transform: uppercase; white-space: nowrap; }
.masthead .menu-toggle { display: none; }
/* 1100px (was 1050) since Pricing and Account joined the menu (2026-10-20): between
   1051 and 1099px the pages without the intro layout wrapped the menu onto two rows. */
@media(max-width:1100px) {
 .masthead .menu-toggle { display:inline-flex; margin-left:auto; padding:8px 12px; background:none; color:var(--ink); border:1px solid var(--rule-dark); font:12.5px var(--serif); letter-spacing:.15em; text-transform:uppercase; }
 .masthead .masthead-nav { display:none; position:absolute; top:100%; left:0; right:0; padding:22px; background:var(--paper); border-bottom:1px solid var(--rule); flex-wrap:wrap; }
 .masthead .masthead-nav.open { display:flex; }
 .masthead .masthead-nav a.nav-plain { display:inline-block; font-size:12.5px; }
}