/* 6 项导航的自适应补丁（2026-10-24）。
   背景：全局导航从 3 项扩到 6 项（Product / Use cases / Benchmarks / Research /
   Pricing / Company）。实测 1440/1280/1024 正常，但 721–1000px 之间居中菜单会
   与左侧 logo 相撞（810px 处重叠 39px）。这里把「折叠为抽屉」的断点从原来的
   720px 提前到 1000px，并把 1001–1180px 的间距收窄（pricing 页导航是 16px 字号，
   那里更早吃紧）。

   写成独立文件而不是改 base-*.css：那些是内容哈希生成物，手改会被
   scripts/check-generated-css.py 拦下（文件名哈希必须等于内容 sha256 前 12 位）。 */
@media (min-width:1001px) and (max-width:1180px){
  .navbar .menu{gap:16px}
}

@media (min-width:721px) and (max-width:1000px){
  .navbar .menu-toggle{display:flex !important}
  .navbar .menu-toggle span{background:#111827 !important}
  .navbar .menu{display:none !important}
  .navbar .menu.open{
    display:flex !important;
    position:fixed !important;
    top:0; left:0;
    width:100vw !important; height:100vh; height:100dvh;
    margin:0 !important;
    padding:0 !important;
    background:rgba(255,255,255,.98) !important;
    -webkit-backdrop-filter:blur(20px) !important;
    backdrop-filter:blur(20px) !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    transform:none !important;
    z-index:21 !important;
  }
  .navbar .menu.open a{
    color:#111827 !important;
    font-size:22px !important;
    font-weight:500 !important;
    letter-spacing:-.01em !important;
    padding:14px 0 !important;
    display:inline-flex !important;
  }
  .navbar .menu.open a:hover{color:#1D4ED8 !important}
}