/* HCT CLIENT01 CATEGORY BASE V3 — phần riêng của trang Category (grid layout/card shell/sidebar dùng chung đã chuyển sang css/core/hctclient01-layout-system.css) */
.hctclient01-category{min-width:0}.hctclient01-category__header{padding:0 0 18px}.hctclient01-category__header>.beoi-container,.hctclient01-category__introduction>.beoi-container,.hctclient01-category__listing>.beoi-container{width:100%;max-width:none;padding:0}.hctclient01-category__title{margin:0;color:var(--hctclient01-text,#4c3732);font-size:var(--hctclient01-text-section-title,clamp(1.75rem,3vw,2.25rem));line-height:1.18}.hctclient01-category__sapo{max-width:920px;margin-top:10px;color:var(--hctclient01-muted,#76635e);font-size:var(--hctclient01-text-body,1rem);line-height:1.7}.hctclient01-category__introduction{margin-bottom:24px}.hctclient01-category__static-banner,.hctclient01-category__banner{margin-bottom:24px;overflow:hidden;border-radius:18px}.hctclient01-category__static-banner img{display:block;width:100%;max-height:360px;object-fit:cover}

.hctclient01-category-button{display:inline-flex;margin-top:15px;padding:10px 15px;border-radius:999px;color:#fff;background:var(--hctclient01-primary);text-decoration:none;font-weight:700;font-size:var(--hctclient01-text-button)}

/* News/Post article row (không thuộc đợt redesign lần này, giữ nguyên hành vi cũ) */
.hctclient01-category-list{display:grid;gap:16px}
.hctclient01-article-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding:16px;border:1px solid var(--hctclient01-border,#f0d7d1);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(91,39,31,.07);transition:transform .2s ease,box-shadow .2s ease}
.hctclient01-article-row:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(91,39,31,.11)}
.hctclient01-article-row__media{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:13px;background:var(--hctclient01-soft,#fff5f2)}
.hctclient01-article-row__media img{width:100%;height:100%;object-fit:cover}
.hctclient01-article-row__title{margin:0 0 7px;font-size:var(--hctclient01-text-card-title,1.2rem);line-height:1.35}
.hctclient01-article-row__title a{color:var(--hctclient01-text,#4c3732);text-decoration:none;transition:color .18s ease}
.hctclient01-article-row__title a:hover,.hctclient01-article-row__title a:focus-visible{color:var(--hctclient01-color-primary);text-decoration:underline;text-underline-offset:3px}
.hctclient01-article-row__date{margin-bottom:8px;color:var(--hctclient01-muted,#76635e);font-size:var(--hctclient01-text-meta,.875rem)}
.hctclient01-article-row__sapo{margin:0 0 12px;color:var(--hctclient01-muted,#76635e);font-size:var(--hctclient01-text-body,.98rem);line-height:1.65}
.hctclient01-article-row__more{display:inline-flex;align-items:center;gap:6px;color:var(--hctclient01-color-primary);font-size:var(--hctclient01-text-meta,.875rem);font-weight:700;text-decoration:none}
.hctclient01-article-row__more svg{transition:transform .18s ease}
.hctclient01-article-row__more:hover,.hctclient01-article-row__more:focus-visible{text-decoration:underline;text-underline-offset:3px}
.hctclient01-article-row__more:hover svg,.hctclient01-article-row__more:focus-visible svg{transform:translateX(3px)}

/* Pagination + empty state — dùng chung cho các trang listing (category) */
.hctclient01-pagination{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:28px}.hctclient01-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--hctclient01-border,#f0d7d1);border-radius:10px;color:var(--hctclient01-text,#4c3732);background:#fff;text-decoration:none}.hctclient01-pagination a.is-active{color:#fff;background:var(--hctclient01-primary);border-color:var(--hctclient01-primary)}
.hctclient01-category-empty{padding:34px;border:1px dashed var(--hctclient01-border,#f0d7d1);border-radius:18px;text-align:center}

@media(max-width:1024px){.hctclient01-article-row{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:640px){.hctclient01-article-row{grid-template-columns:110px minmax(0,1fr);gap:13px;padding:12px}.hctclient01-article-row__sapo{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
@media(max-width:420px){.hctclient01-article-row{grid-template-columns:1fr}.hctclient01-article-row__media{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.hctclient01-article-row{transition:none!important}}