/* 春禾 · 栏目条窄屏折行（2026-10-11 刘总：栏目条变成两行）
   原来 nav.mm 是单行横滑（overflow-x:auto），窄屏上右端若干栏目藏在屏幕外，不易发现。
   本文件只在 ≤760px 生效：折行、取消横滑、胶囊略收紧，使 360px 以上机型都排成 2 行；
   桌面端一字不动（>760px 不受影响）。
   选择器加 html 前缀＋必要的 !important：页面自身的 <style> 在本文件之后，同权重会盖掉本文件。
   注：「更多」菜单可见性由 assets/lib/chunhe-nav.js 负责，不依赖本文件。 */
@media (max-width: 760px) {
  html nav.mm {
    flex-wrap: wrap !important;
    overflow: visible !important;
    gap: 4px !important;
    row-gap: 5px !important;
    padding: 8px 0 6px !important;
    scrollbar-width: none;
  }
  html nav.mm > a,
  html nav.mm > details,
  html nav.mm > details > summary {
    flex: 0 0 auto;
  }
  html nav.mm a,
  html nav.mm details > summary {
    font-size: 13px !important;
    padding: 5px 8px !important;
  }
}

/* 宽屏：菜单里不重复显示条上已有的栏目（mm-narrow 收起） */
@media (min-width: 761px) {
  html nav.mm a.mm-narrow { display: none !important; }
}
/* 窄屏：栏目条上把这三项挪进「更多」，保证 2 行 */
@media (max-width: 760px) {
  html nav.mm a.mm-wide { display: none !important; }
}

/* 「更多」本身是当前所在（关于本栏目／阅读指引／法律页）：让「更多 ▾」也加重 */
html nav.mm details.on > summary {
  background: #414143 !important;
  border-color: #414143 !important;
  color: #fff !important;
}