/* Shared Chinese detail-page navigation: topics first, local sections second. */
.detail-page .topic-nav-organized {
  display: grid; gap: 10px; padding: 20px var(--gutter);
  margin: 0 auto; max-width: calc(var(--max) + 2 * var(--gutter));
  background: transparent;
}
.topic-nav-organized .topic-nav-group {
  display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: baseline; gap: 12px;
}
.topic-nav-organized .topic-nav-label {
  color: var(--text-dim); font-size: 12px; letter-spacing: .05em; padding: 7px 0;
}
.topic-nav-organized .topic-nav-links { display: flex; flex-wrap: wrap; gap: 4px 10px; }
.topic-nav-organized a { border: 1px solid transparent; border-radius: 5px; padding: 5px 10px; font-size: 14px; }
.topic-nav-organized a:hover { color: var(--cyan); background: #22cad609; }
.topic-nav-organized a[aria-current="page"] { background: #22cad610; border-color: #22cad644; color: var(--cyan); }
.detail-page .detail-toc a:hover { background: #22cad608; color: var(--cyan); }
.detail-page .detail-section { scroll-margin-top: 100px; }
@media (max-width: 640px) {
  .detail-page .topic-nav-organized { gap: 12px; padding-block: 18px; }
  .topic-nav-organized .topic-nav-group { grid-template-columns: 1fr; gap: 3px; }
  .topic-nav-organized .topic-nav-label { padding: 0; font-size: 11px; }
  .topic-nav-organized .topic-nav-links { gap: 3px 6px; }
  .topic-nav-organized a { padding: 5px 7px; font-size: 13px; }
}