/* Shared seven-column header, including original news articles.
   Only #nav is adapted. Original mobile rules remain at <=760px. */
@media(min-width:761px){
 #nav{
  --nav-logo-height:clamp(44px,calc(2.884615vw + 14.461538px),56px);
  --nav-link-size:clamp(16px,calc(.480769vw + 11.076923px),18px);
  --nav-contact-size:clamp(14px,calc(.480769vw + 9.076923px),16px);
 }
 #nav .nav-inner{
  max-width:1280px;
  gap:clamp(10px,calc(1.923077vw - 9.692308px),18px);
  padding:12px clamp(16px,calc(1.923077vw - 3.692308px),24px);
 }
 #nav .logo{flex:0 0 auto}
 #nav .logo-lockup{
  height:var(--nav-logo-height);
  width:calc(var(--nav-logo-height) * 6.639004);
  max-width:none;
  object-fit:contain;
 }
 #nav .nav-links{
  display:flex;
  position:static;
  flex-direction:row;
  flex:0 0 auto;
  align-items:center;
  gap:clamp(8px,calc(1.923077vw - 11.692308px),16px);
  margin:0 auto;
  padding:0;
  border:0;
  background:transparent;
  max-height:none;
  overflow:visible;
 }
 #nav .nav-links a{
  font-size:var(--nav-link-size);
  padding:0;
  border:0;
  white-space:nowrap;
 }
 #nav .nav-links a[aria-current="page"]::after{display:block;bottom:-9px}
 #nav .nav-links .nav-cta-m,
 #nav .nav-links .nav-phone-m,
 #nav .nav-toggle{display:none}
 #nav .nav-phone{
  display:inline-flex;
  flex:0 0 auto;
  font-size:var(--nav-contact-size);
 }
 #nav .btn-sm{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  font-size:var(--nav-contact-size);
  padding:11px clamp(12px,calc(.961538vw + 2.153846px),16px);
  white-space:nowrap;
 }
}
/* Safe offsets before JS measures the rendered header, also usable without JS. */
@media(min-width:1024px){:root{--mp-nav-height:81px}}
/* Once a readable single row is too tight, keep all information in two rows. */
@media(min-width:761px) and (max-width:1023px){
 :root{--mp-nav-height:108px}
 #nav{--nav-logo-height:40px;--nav-link-size:16px;--nav-contact-size:14px}
 #nav .nav-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  column-gap:12px;
  row-gap:10px;
  padding:10px 16px 14px;
 }
 #nav .logo{grid-column:1;grid-row:1;justify-self:start}
 #nav .nav-phone{grid-column:2;grid-row:1}
 #nav .btn-sm{grid-column:3;grid-row:1;padding:10px 12px}
 #nav .nav-links{
  grid-column:1 / -1;
  grid-row:2;
  justify-content:space-between;
  gap:12px;
  margin:0;
 }
}
