/**
 * Innet — header fit (§1e Overflow / fit)
 * Mid-width: hide tagline / member hint before overlap; compress nav padding.
 * Load after header-dock.css / chrome-tools.css.
 */

/* Priority 4: tagline first to go when chrome gets crowded */
@media (max-width: 1099px) {
  .header-left .tagline {
    display: none !important;
  }
}

/* Priority 5: auth label off mid — keep status dot (§1e / §4d) */
@media (max-width: 1099px) {
  .auth-status__label {
    display: none !important;
  }

  .auth-status__toggle {
    padding-inline: 0.4rem;
  }
}

/* Mid band: keep lockup + tools; give nav flexible center without collision */
@media (min-width: 768px) and (max-width: 1099px) {
  .header-shell {
    padding-inline: clamp(0.5rem, 1.5vw, 1.25rem);
  }

  .header-inner--v3 {
    gap: 0.35rem;
  }

  .header-inner--v3 .header-left {
    flex: 0 0 auto;
    max-width: none;
  }

  .header-inner--v3 .nav-member-inline,
  .header-inner--v3 .nav-pill.nav-desktop {
    flex: 1 1 0;
    min-width: 0;
    margin-inline: 0.15rem;
  }

  .nav-pill a {
    padding-inline: 0.5rem;
    font-size: 0.8125rem;
  }

  .header-inner--v3 .header-actions {
    gap: 0.25rem;
  }

  .header-tools {
    gap: 0.2rem;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .nav-pill a {
    padding-inline: 0.4rem;
    font-size: 0.75rem;
    min-height: 2.1rem;
  }

  .logo-mark.logo-mark--img {
    width: clamp(3.75rem, 4vw + 2rem, 5rem);
  }
}

/* Aa+ / vision large: chrome needs room earlier */
@media (max-width: 1279px) {
  html[data-vision~="large"] .header-left .tagline {
    display: none !important;
  }

  html[data-vision~="large"] .auth-status__label {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  html[data-vision~="large"] .nav-pill a {
    padding-inline: 0.45rem;
    font-size: 0.8125rem;
  }
}