/* Category H19: light content + dark purple header/footer */
.category-hero{background:#fff;color:#201926;padding:20px 0 0;border-bottom:1px solid #e5dce9}
.category-hero .breadcrumbs{color:#6f6477}
.category-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:30px}
.category-hero h1{font-family:var(--font-heading);font-size:clamp(36px,4vw,52px);text-transform:uppercase;margin:5px 0;color:#2d143d}
.category-hero p{color:#62586a;max-width:550px}
.category-hero-art img{width:100%;max-height:240px;object-fit:cover;object-position:center;border-radius:12px 12px 0 0}

.category-layout{background:#fff;color:#241d28}
.category-description{padding:16px 18px;margin-bottom:16px;border:1px solid #e2d8e7;background:#faf8fb;border-radius:8px}
.category-description h2{font-family:var(--font-heading);color:#4c1c70;margin-top:0}
.category-toolbar{margin-bottom:18px;border-bottom:1px solid #e4dbe8;padding-bottom:10px}
.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}
.filter-tabs a{padding:9px 14px;border:1px solid transparent;border-radius:4px;background:#fff;font-size:11px;font-weight:700;color:#4f3c5b}
.filter-tabs a.active,.filter-tabs a:hover{color:#7424c9;border-bottom:2px solid #8c36db;background:#faf7fc}
.content-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.category-list{display:grid;grid-template-columns:1fr;gap:12px}
.category-card-list{display:grid;grid-template-columns:220px minmax(0,1fr) 112px;align-items:center;gap:16px;min-height:138px;padding:10px;border:1px solid #e0d5e5;border-radius:8px;background:#fff;box-shadow:0 5px 16px rgba(49,18,72,.04)}
.category-thumb{height:118px;border-radius:6px;overflow:hidden}
.category-thumb img{width:100%;height:100%;object-fit:cover}
.category-card-body h2{font-family:var(--font-heading);font-size:20px;line-height:1.2;margin:0 0 8px;color:#221827}
.category-card-body h2 a:hover{color:#7626ca}
.category-card-body p{font-size:13px;color:#665b6c;margin:0 0 9px}
.card-meta{display:flex;gap:14px;flex-wrap:wrap;color:#8a7f90;font-size:11px}
.meta-cat{color:#7c28ce;font-weight:700;text-transform:uppercase}
.card-readmore{justify-self:end;white-space:nowrap}
.pagination-wrap,.nav-links{margin-top:20px}
.nav-links{display:flex;gap:7px}
.page-numbers{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid #d4c5dc;border-radius:5px;color:#4c3d55}
.page-numbers.current{background:#7924d0;border-color:#7924d0;color:#fff}