/* ==========================================================================
   All Categories page — page-specific additions only.
   Reuses .panel, .band, .shell, .s-head, .bc (from custom-vector-design.css)
   sitewide. Enqueue ONLY on this template. Single-class selectors only.
   ========================================================================== */

/* quick-jump chip nav */
.cat-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--sp4)}
.cat-jump a{font-size:var(--t-sm);color:var(--slate);text-decoration:none;
  padding:6px 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--cream)}
.cat-jump a:hover{border-color:var(--action);color:var(--ink)}

/* category group panel */
.cat-group{margin-bottom:var(--sp5);scroll-margin-top:80px}
.cat-group__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cat-group__t{font-size:var(--h3);margin:0}
.cat-group__t a{color:var(--ink);text-decoration:none}
.cat-group__t a:hover{color:var(--action)}
.cat-group__count{font-size:var(--t-sm);color:var(--mute);white-space:nowrap}
.cat-group__desc{font-size:var(--t-sm);color:var(--slate);margin-bottom:var(--sp3)}

/* subcategory link grid */
.cat-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:4px 20px}
.cat-list li{border-top:1px solid var(--line-2)}
.cat-list a{display:flex;justify-content:space-between;gap:8px;padding:10px 0;
  font-size:var(--t-md);color:var(--slate);text-decoration:none}
.cat-list a:hover{color:var(--action)}
.cat-list__n{color:var(--mute);font-size:var(--t-sm);white-space:nowrap}

@media (max-width:768px){
  .cat-list{grid-template-columns:1fr}
}