/* Categories uses the app's independent list and the site's existing rails. */
.categories-intro { padding-top: 32px; padding-bottom: 28px; }
.categories-intro .section-title { font-size: clamp(36px, 5vw, 56px); line-height: 1.15; }
.categories-intro > p { color: var(--text-2); margin: 16px 0 0; max-width: 55ch; font-size: 17px; }
.categories-page .catalog .shelf { padding-bottom: 57px; scroll-margin-top: 100px; }
.categories-page .shelf__head {
  margin-bottom: 0;
  padding-block: 12px;
  border-bottom: 1px solid #303030;
  background: var(--bg);
}
.categories-page .shelf__title { font-size: clamp(22px, 2.7vw, 30px); line-height: 1.25; }
.categories-page .shelf__description { max-width: 68ch; margin: 18px 0 24px; color: var(--text-2); font-size: 16px; line-height: 1.6; }
.categories-page .shelf__head + .shelf__rail { margin-top: 24px; }
.categories-page .catalog .shelf__rail { --rail-overhang: 0px; margin-right: 0; }
@media print {
  .categories-page .shelf__head { position: static; background: #fff; }
  .categories-page .shelf__description { color: #333; }
  .categories-page .shelf__rail { flex-wrap: wrap; overflow: visible; }
  .categories-page .shelf__tools { display: none; }
}