/* NewClientEngine — top-nav one-line fix.
 * After adding "Our Work", the horizontal nav had too little room and the
 * labels wrapped onto two lines. This widens the nav band, tightens spacing a
 * little, forces single-line labels, and collapses to the hamburger *before*
 * the row would ever wrap. Loaded last (just before </head>) on every page,
 * so it overrides the page's inline nav CSS without needing !important.
 */

/* Use a wider band and keep every label on one line. */
nav .wrap{max-width:1300px}
.navlinks{gap:16px}
.navlinks a{white-space:nowrap;font-size:.92rem}
.brand-logo{height:54px}

/* Header/footer Get Free Report CTAs open the form; Free Report nav links go to /free-report. */
button.nav-cta,button.m-report{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
button.m-menu-cta{justify-content:center;width:100%}
button.footer-link{display:block;text-align:left}
.navlinks{gap:14px}
@media(max-width:1280px){.navlinks{gap:12px}.navlinks a{font-size:.88rem}}

/* Anchor offset: the nav is position:sticky (≈92px), so jumping to an in-page
 * anchor (#our-work, #sample-report, #faq, …) must leave room or the heading
 * hides under the bar. */
section[id],[id].nce-title,h2[id]{scroll-margin-top:108px}

/* Collapse to the hamburger while there is still comfortable room, so the
 * desktop links never wrap. Mirrors the existing mobile nav rules. */
@media(max-width:1160px){
  .navlinks{display:none}
  .mobile-actions{display:flex;gap:8px;flex-shrink:0}
  nav .wrap{padding:0 14px}
  .brand-logo{height:auto;width:230px;max-width:230px;transform:none}
  .m-report{padding:7px 12px;font-size:.8rem;line-height:1.1;text-align:center;white-space:nowrap}
  .menu-btn{width:40px;height:38px}
}