/* categories.html (page-only, tidy pass 2026-10-18): one card per category hub (picture or drawing, name, one line,
   three short links) in place of the eight photo tiles, the "what each covers" list and the start rows. */
.ct-hubs{display:grid;gap:.6rem}
@media (min-width:640px){.ct-hubs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}}
@media (min-width:1024px){.ct-hubs{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}
.ct-hub{display:flex;flex-direction:column;gap:.6rem;padding:.5rem .5rem .7rem;border-radius:var(--r-l);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);transition:border-color .18s,box-shadow .18s}
.ct-hub:hover{border-color:var(--aqua-pale);box-shadow:var(--sh-2)}
.ct-hub__top{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.85rem;align-items:center;color:var(--ink);text-decoration:none}
.ct-hub__img{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border-radius:var(--r-m);overflow:hidden;background:var(--mist)}
.ct-hub__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ct-hub__top:hover .ct-hub__img img{transform:scale(1.04)}
.ct-hub__img.rc-art>svg{width:84%;height:auto;max-height:84%}
.ct-hub__txt{display:grid;gap:.25rem}
.ct-hub__txt h3{font-size:1.02rem;line-height:1.25}
.ct-hub__top:hover h3{color:var(--aqua-900);text-decoration:underline}
.ct-hub__txt p{font-size:.875rem;line-height:1.45;color:var(--muted)}
.ct-hub__links{display:flex;flex-wrap:wrap;gap:.4rem;padding-inline:.2rem}
.ct-hub__links .rc-tag{font-size:.8125rem;padding-inline:.7rem}
.ct-hub__links .rc-tag .ic{color:var(--mint)}
/* wide screens: four columns, the picture on top */
@media (min-width:1024px){
  .ct-hub__top{grid-template-columns:1fr;gap:.7rem;align-items:start}
  .ct-hub__img{aspect-ratio:16/10}
  .ct-hub__img.rc-art>svg{width:auto;height:80%}
  .ct-hub__txt{padding-inline:.25rem}
  .ct-hub__links{margin-top:auto}
}