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

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

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

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

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