/* /categories/ — full category browse grid. Original layout. */

.cg-hero{padding:48px 0 12px;max-width:840px}
.cg-hero h1{font-size:clamp(26px,3.6vw,38px);margin:.3em 0 .5em}
.cg-lede{font-size:17px;color:#C4C6C8}

.cg-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
@media (max-width:1180px){.cg-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:700px){.cg-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:440px){.cg-grid{grid-template-columns:1fr}}
.cg-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:block;transition:box-shadow .15s ease}
.cg-card:hover{box-shadow:var(--shadow)}
.cg-card-img{aspect-ratio:1;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}
.cg-card-img img{width:100%;height:100%;object-fit:contain;padding:8px}
.cg-card-body{padding:12px 12px 14px}
.cg-card-body h2{font-size:13.5px;font-family:var(--font-body);font-weight:700;margin:0 0 6px}
.cg-card-body p{font-size:12px;color:var(--muted);margin:0;line-height:1.4}
.cg-q{color:var(--coral);font-weight:700}
.cg-detail{margin-top:8px !important;padding-top:8px;border-top:1px solid var(--border);color:var(--muted)}
@media (max-width:1180px){.cg-card-body h2{font-size:15px}.cg-card-body p{font-size:12.5px}}