.hcd-cat-desc { max-width: 900px; margin: 0 auto; color: var(--hcd-color-text); }
.hcd-cat-desc__title { margin: 0 0 12px; font-size: clamp(20px, 2.6vw, 28px); font-weight: 700; line-height: 1.25; }
.hcd-cat-desc__content { color: var(--hcd-color-muted); font-size: 15px; line-height: 1.75; }
.hcd-cat-desc__content h2, .hcd-cat-desc__content h3 { margin: 20px 0 8px; color: var(--hcd-color-text); font-weight: 700; }
.hcd-cat-desc__content p { margin: 0 0 12px; }
.hcd-cat-desc__content a { color: var(--hcd-color-primary); }
/* Thu gọn mặc định; bỏ class --open (hoặc dùng JS/checkbox #hcd-cat-desc__toggle) để xem đầy đủ. */
.hcd-cat-desc__more { position: relative; max-height: 160px; overflow: hidden; }
.hcd-cat-desc__more::after { content: ''; position: absolute; inset: auto 0 0; height: 64px; background: linear-gradient(to bottom, transparent, var(--hcd-color-surface)); }
.hcd-cat-desc__more.is-open { max-height: none; }
.hcd-cat-desc__more.is-open::after { display: none; }
.hcd-cat-desc__toggle { display: inline-flex; margin-top: 12px; padding: 8px 16px; border: 1px solid var(--hcd-color-border); border-radius: var(--hcd-radius-sm); background: var(--hcd-color-surface); color: var(--hcd-color-primary); font-size: 14px; font-weight: 700; cursor: pointer; }
@media (max-width: 549px) { .hcd-cat-desc__more { max-height: 120px; } }