.dt-cat-page-wrap{padding:1.5rem 0 2.5rem}
.dt-page__header{margin-bottom:1.1rem;border-bottom:2px solid #7a1620;padding-bottom:.5rem}
.dt-page__title{margin:0;color:#5c0f17;font-family:'Noto Serif',Georgia,serif;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.25}
.dt-cat-page__empty{margin:0;color:#6b7384}

/* Bố cục 2 cột: danh sách + tiêu điểm */
.dt-cat2{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:34px;align-items:start}

/* Hàng bài viết (ảnh trái + nội dung phải) */
.dt-artrow{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #ece3d2;color:inherit;text-decoration:none}
.dt-artrow:first-child{padding-top:0}
.dt-artrow__media{flex:0 0 232px;width:232px;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#efe7d6}
.dt-artrow__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.dt-artrow:hover .dt-artrow__media img{transform:scale(1.04)}
.dt-artrow__ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#f6efe0,#eaddc2)}
.dt-artrow__ph::after{content:"";width:58%;height:58%;background:url(../img/ditich-logo.png) center/contain no-repeat;opacity:.5}
.dt-artrow__body{flex:1;min-width:0}
.dt-artrow__title{margin:0 0 .45rem;font-family:'Noto Serif',Georgia,serif;font-size:1.12rem;line-height:1.4;color:#1f1710;font-weight:700}
.dt-artrow:hover .dt-artrow__title{color:#7a1620}
.dt-artrow__sum{margin:0 0 .5rem;color:#5f5647;font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dt-artrow__date{color:#9a8568;font-size:.78rem}

/* Bài dẫn đầu (lớn hơn) */
.dt-artrow--lead{padding-top:0}
.dt-artrow--lead .dt-artrow__media{flex-basis:320px;width:320px}
.dt-artrow--lead .dt-artrow__title{font-size:1.5rem;line-height:1.3;margin-bottom:.55rem}
.dt-artrow--lead .dt-artrow__sum{font-size:.96rem;-webkit-line-clamp:4}

/* Cột Tiêu điểm */
.dt-cat2__aside{position:sticky;top:16px}
.dt-focus__head{font-family:'Noto Serif',Georgia,serif;font-size:1.15rem;font-weight:700;color:#5c0f17;text-transform:uppercase;letter-spacing:.03em;padding-bottom:.5rem;margin-bottom:1rem;border-bottom:2px solid #7a1620}
.dt-focus__lead{display:block;color:inherit;text-decoration:none;margin-bottom:1rem}
.dt-focus__lead-media{aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#efe7d6;margin-bottom:.6rem}
.dt-focus__lead-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.dt-focus__lead:hover .dt-focus__lead-media img{transform:scale(1.04)}
.dt-focus__lead-title{margin:0;font-family:'Noto Serif',Georgia,serif;font-size:1.08rem;line-height:1.4;font-weight:700;color:#1f1710}
.dt-focus__lead:hover .dt-focus__lead-title{color:#7a1620}
.dt-focus__list{display:flex;flex-direction:column}
.dt-focus__item{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ece3d2;color:inherit;text-decoration:none}
.dt-focus__item:last-child{border-bottom:none}
.dt-focus__item-title{flex:1;font-size:.92rem;line-height:1.4;color:#2a2018;font-weight:600}
.dt-focus__item:hover .dt-focus__item-title{color:#7a1620}
.dt-focus__item-thumb{flex:0 0 84px;width:84px;height:60px;overflow:hidden;border-radius:6px;background:#efe7d6}
.dt-focus__item-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dt-focus__item-thumb .dt-artrow__ph{font-size:20px}

@media(max-width:991px){
  .dt-cat2{grid-template-columns:1fr;gap:26px}
  .dt-cat2__aside{position:static}
}
@media(max-width:560px){
  .dt-artrow__media{flex-basis:130px;width:130px}
  .dt-artrow--lead{flex-direction:column}
  .dt-artrow--lead .dt-artrow__media{flex-basis:auto;width:100%}
  .dt-artrow__title{font-size:1rem}
  .dt-artrow--lead .dt-artrow__title{font-size:1.2rem}
  .dt-artrow__sum{-webkit-line-clamp:2}
}