/* Hong Kong Chinese and English navigation: Insights remains in the mobile drawer and footer. */
@media (min-width: 980px) {
  body:is(.site-hk-zh, .site-hk-en) .site-head .nav-item--mobile-only {
    display: none;
  }

  body:is(.site-hk-zh, .site-hk-en) .site-head .site-nav,
  body:is(.site-hk-zh, .site-hk-en) .site-head .nav-list,
  body:is(.site-hk-zh, .site-hk-en) .site-head .nav-cta {
    flex-shrink: 0;
  }

  body:is(.site-hk-zh, .site-hk-en) .site-head .nav-cta {
    white-space: nowrap;
  }
}

/* Keep the compact desktop spacing through laptop widths, not just small tablets. */
@media (min-width: 980px) and (max-width: 1279px) {
  body:is(.site-hk-zh, .site-hk-en) .site-head .container {
    width: min(1200px, 96%);
  }

  body:is(.site-hk-zh, .site-hk-en) .site-head .site-head-row,
  body:is(.site-hk-zh, .site-hk-en) .site-head .site-header-bar,
  body:is(.site-hk-zh, .site-hk-en) .site-head .site-header-end,
  body:is(.site-hk-zh, .site-hk-en) .site-head .lang-switch {
    gap: 8px;
  }

  body:is(.site-hk-zh, .site-hk-en) .site-head .brand {
    margin-right: 0;
  }

  body:is(.site-hk-zh, .site-hk-en) .site-head .brand img {
    width: 108px;
  }

  body:is(.site-hk-zh, .site-hk-en) .site-head .lang-switch__icon {
    display: none;
  }

  body:is(.site-hk-zh, .site-hk-en) .site-head .lang-switch__link,
  body:is(.site-hk-zh, .site-hk-en) .site-head .lang-switch__current {
    min-width: 2.1rem;
    min-height: 34px;
    padding: 6px 8px;
  }

  body:is(.site-hk-zh, .site-hk-en) .site-head .site-nav,
  body:is(.site-hk-zh, .site-hk-en) .site-head .nav-list {
    gap: 3px;
  }

  body:is(.site-hk-zh, .site-hk-en) .site-head .nav-trigger,
  body:is(.site-hk-zh, .site-hk-en) .site-head .nav-link {
    padding-right: 7px;
    padding-left: 7px;
    font-size: .78rem;
  }

  body:is(.site-hk-zh, .site-hk-en) .site-head .nav-cta {
    margin-left: 2px;
    padding: .52rem .7rem;
    font-size: .78rem;
  }
}

/* English labels need more room even after removing the desktop Insights link. */
@media (min-width: 980px) and (max-width: 1100px) {
  body.site-hk-en .site-head .nav-trigger,
  body.site-hk-en .site-head .nav-link {
    padding-inline: 4px;
  }
}

@media (min-width: 1280px) {
  body.site-hk-en .site-head .nav-trigger,
  body.site-hk-en .site-head .nav-link {
    padding-inline: 10px;
  }

  body.site-hk-en .site-head .site-header-bar {
    gap: 12px;
  }

  body.site-hk-en .site-head .lang-switch__icon {
    display: none;
  }

  body.site-hk-en .site-head .lang-switch__link,
  body.site-hk-en .site-head .lang-switch__current {
    min-width: 2.1rem;
    min-height: 34px;
    padding: 6px 8px;
  }
}