/* Mile I Shipping V86.97
   Public navigation labels are approximately 30% larger than the approved
   baseline on laptop and desktop only. The hover-only red indicator,
   transparent header, logo sizing and phone navigation remain unchanged. */

/* No persistent/current-page underline. */
html body.public-site .site-header nav a,
html body.rates-page .site-header nav a{
  border-bottom-color:transparent!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

/* Full desktop: about 30% larger than the approved baseline. */
@media (min-width:1421px){
  html body.public-site .site-header nav a,
  html body.rates-page .site-header nav a{
    font-size:16.25px!important;
    line-height:1.08!important;
    letter-spacing:.018em!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
}

/* Standard laptops: keep every tab on one row without crowding. */
@media (min-width:1200px) and (max-width:1420px){
  html body.public-site .site-header nav,
  html body.rates-page .site-header nav{
    gap:clamp(9px,.9vw,14px)!important;
  }
  html body.public-site .site-header nav a,
  html body.rates-page .site-header nav a{
    font-size:15.5px!important;
    line-height:1.08!important;
    letter-spacing:.012em!important;
    font-weight:850!important;
    padding-inline:1px!important;
    white-space:nowrap!important;
  }
}

/* Compact laptops: preserve the approved two-row header. */
@media (min-width:901px) and (max-width:1199px){
  html body.public-site .site-header nav,
  html body.rates-page .site-header nav{
    gap:clamp(10px,1.5vw,20px)!important;
  }
  html body.public-site .site-header nav a,
  html body.rates-page .site-header nav a{
    font-size:15px!important;
    line-height:1.08!important;
    letter-spacing:.008em!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
}

/* Hover-only short red indicator. */
@media (min-width:901px){
  html body.public-site .site-header nav a::after,
  html body.public-site .site-header nav a.active::after,
  html body.public-site .site-header nav a.is-current-section::after,
  html body.public-site .site-header nav a[aria-current="page"]::after,
  html body.rates-page .site-header nav a::after,
  html body.rates-page .site-header nav a.active::after,
  html body.rates-page .site-header nav a.is-current-section::after,
  html body.rates-page .site-header nav a[aria-current="page"]::after{
    content:""!important;
    display:block!important;
    opacity:0!important;
    transform:scaleX(.22)!important;
    transform-origin:center!important;
    pointer-events:none!important;
    transition:opacity .14s ease,transform .18s ease!important;
  }

  html body.public-site .site-header nav a:focus-visible,
  html body.rates-page .site-header nav a:focus-visible{
    outline:2px solid rgba(255,255,255,.9)!important;
    outline-offset:4px!important;
    border-radius:5px!important;
  }
}

@media (min-width:901px) and (hover:hover) and (pointer:fine){
  html body.public-site .site-header nav a:hover::after,
  html body.rates-page .site-header nav a:hover::after{
    opacity:1!important;
    transform:scaleX(1)!important;
  }
}

/* Phone and touch navigation remain unchanged and never show the line. */
@media (max-width:900px), (hover:none), (pointer:coarse){
  html body.public-site .site-header nav a::after,
  html body.rates-page .site-header nav a::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    transform:none!important;
  }
}
