/* Blog categories hub (blog-categories.php) and the "Other categories" row on
   category archives (parts/resources/blog-index.php). Every selector scoped to .rs. */
.rs .catg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rs .catc{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:22px;border:1px solid var(--line);background:#fff;transition:border-color .2s,box-shadow .45s var(--ease),transform .45s var(--ease);min-width:0}
.rs .catc:hover{border-color:color-mix(in srgb,var(--k) 45%,var(--line));box-shadow:0 18px 40px -26px color-mix(in srgb,var(--k) 60%,transparent)}
.rs .catc-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
.rs .catc h3{font-size:21px;margin:0}
.rs .catc h3 a{color:var(--ink);text-decoration:none}
.rs .catc h3 a:hover{color:var(--royal);text-decoration:underline}
.rs .catc>p{font-size:14.5px;color:var(--ink-2);line-height:1.55}
.rs .catc-l{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.rs .catc-l li{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid var(--line)}
.rs .catc-l a{color:var(--ink);text-decoration:none;font-weight:600;font-size:14.5px;line-height:1.35}
.rs .catc-l a:hover{color:var(--royal);text-decoration:underline}
.rs .catc-l .meta{font-size:12.5px}
.rs .catc-more{margin-top:auto;font-weight:700;text-decoration:none;display:inline-flex;gap:6px;align-items:center;--ic-ink:var(--royal);padding-top:4px}
.rs .catc-more .sbi{width:18px;height:18px}

/* Category archive: hero facts and "Other categories" */
.rs .cat-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.rs .cat-other{margin-top:8px}
.rs .cat-other .chips{display:flex;gap:8px;flex-wrap:wrap}
.rs .cat-other .chips a small{font-size:12.5px;color:var(--muted);font-weight:600}
.rs .bl-cats{font-weight:700;text-decoration:none;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;--ic-ink:var(--royal)}
.rs .bl-cats .sbi{width:16px;height:16px}

@media (max-width:1000px){.rs .catg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.rs .catg{grid-template-columns:minmax(0,1fr)}.rs .catc{padding:18px}}
@media (prefers-reduced-motion:reduce){.rs .catc{transition:none}}