/* Keep the page itself as the vertical scroll surface for sticky navigation. */
@supports (overflow: clip) {
  body { overflow-x: clip; }
}
.category-navigation {
  position: sticky;
  top: 0;
  z-index: 24;
  max-width: 1200px;
  margin: 0 auto 2.1rem;
  padding-top: env(safe-area-inset-top, 0px);
  border-bottom: 1px solid var(--line);
  background: var(--paper);
  box-shadow: 0 8px 14px #00000008;
}
.category-navigation .category-tabs {
  max-width: none;
  margin: 0;
  padding: .65rem .2rem;
  overscroll-behavior-x: contain;
}
.category-navigation .category { min-height: 44px; }
@media (max-width: 480px) {
  .category-navigation { margin-bottom: 1.4rem; }
  .category-navigation .category-tabs { padding-block: .55rem; }
}