.category-page{--red:#b5121b;--red-dark:#851018;--ink:#171a21;--muted:#667085;--line:#e4e7ec;--soft:#f7f8fa;padding:18px 0 64px;background:#fff}.category-page a{color:inherit;text-decoration:none}.category-page img{display:block;width:100%;object-fit:cover;background:#f2f4f7}.category-breadcrumb{display:flex;align-items:center;gap:9px;margin:4px 0 20px;color:#7b8190;font-size:13px}.category-breadcrumb a:hover{color:var(--red)}.category-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:0 0 22px;border-bottom:3px solid var(--ink)}.category-heading__copy{max-width:800px}.category-heading__eyebrow,.section-title-row__eyebrow,.sidebar-box__heading>span{display:block;margin-bottom:5px;color:var(--red);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.category-heading h1{margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,5vw,55px);line-height:1.05}.category-heading p{max-width:720px;margin:11px 0 0;color:var(--muted);font-size:16px}.category-heading__meta{flex:0 0 auto;min-width:96px;padding-left:22px;border-left:1px solid var(--line);text-align:right}.category-heading__meta strong,.category-heading__meta span{display:block}.category-heading__meta strong{color:var(--red);font-size:30px;line-height:1}.category-heading__meta span{margin-top:5px;color:var(--muted);font-size:12px;text-transform:uppercase}.category-subnav{display:flex;gap:8px;margin:18px 0 0;overflow-x:auto;scrollbar-width:thin}.category-subnav a{flex:0 0 auto;padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:#344054;font-size:13px;font-weight:700}.category-subnav a:hover{border-color:var(--red);color:var(--red)}.category-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:28px;margin-top:28px}.category-lead{min-width:0}.category-lead__image,.hero-mini__image,.category-card__image,.sidebar-latest__image{display:block;overflow:hidden;border-radius:3px}.category-lead__image img{aspect-ratio:16/9;transition:transform .35s ease}.category-lead__image:hover img,.hero-mini__image:hover img,.category-card__image:hover img,.sidebar-latest__image:hover img{transform:scale(1.025)}.category-lead__body{padding-top:17px}.article-kicker{margin-bottom:7px;color:var(--red);font-size:12px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.category-lead h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,42px);line-height:1.14}.category-lead h2 a:hover,.hero-mini h3 a:hover,.category-card h3 a:hover,.ranking-item h3 a:hover,.sidebar-latest h3 a:hover{color:var(--red)}.category-lead p{margin:11px 0 0;color:#4b5565;font-size:16px;line-height:1.62}.article-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:13px;color:#8a909c;font-size:12px}.category-hero__side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:21px 16px}.hero-mini{min-width:0}.hero-mini__image img{aspect-ratio:16/9;transition:transform .35s ease}.hero-mini__body{padding-top:10px}.hero-mini h3{display:-webkit-box;overflow:hidden;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}.hero-mini time{display:block;margin-top:8px;color:#9298a3;font-size:11px}.category-divider{height:1px;margin:34px 0;background:var(--line)}.category-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:13px;border-bottom:2px solid var(--ink)}.section-title-row h2,.sidebar-box__heading h2{margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif}.section-title-row h2{font-size:28px}.section-title-row__count{color:#8a909c;font-size:12px}.category-feed__list{display:grid}.category-card{display:grid;grid-template-columns:minmax(220px,34%) minmax(0,1fr);gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.category-card__image img{height:100%;min-height:180px;aspect-ratio:5/3;transition:transform .35s ease}.category-card__body{min-width:0}.category-card h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.25}.category-card p{display:-webkit-box;overflow:hidden;margin:10px 0 0;color:#606875;font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.category-empty{padding:42px 20px;border-bottom:1px solid var(--line);text-align:center}.category-empty strong{font-size:18px}.category-empty p{color:var(--muted)}.category-sidebar{position:sticky;top:84px;display:grid;gap:25px}.sidebar-box{padding-top:18px;border-top:3px solid var(--ink)}.sidebar-box--ranking{border-top-color:var(--red)}.sidebar-box__heading{margin-bottom:13px}.sidebar-box__heading h2{font-size:25px}.ranking-list{display:grid}.ranking-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.ranking-item__number{color:#d6d9df;font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:700;line-height:1}.ranking-item h3{margin:0;font-size:14px;line-height:1.4}.ranking-item div>span{display:block;margin-top:6px;color:#949aa5;font-size:11px}.sidebar-latest{display:grid;gap:15px}.sidebar-latest article{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}.sidebar-latest__image img{aspect-ratio:5/3;transition:transform .35s ease}.sidebar-latest h3{margin:0;font-size:13px;line-height:1.4}.sidebar-latest time{display:block;margin-top:6px;color:#9298a3;font-size:11px}.sidebar-newsletter{padding:24px;border-radius:4px;background:#f4f5f7}.sidebar-newsletter__icon{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--red);color:#fff}.sidebar-newsletter h2{margin:14px 0 4px;font-family:Georgia,"Times New Roman",serif;font-size:23px}.sidebar-newsletter p{margin:0;color:var(--muted);font-size:13px}.sidebar-newsletter form{display:grid;gap:8px;margin-top:15px}.sidebar-newsletter input{width:100%;height:42px;padding:0 12px;border:1px solid #d0d5dd;border-radius:3px;background:#fff;font:inherit}.sidebar-newsletter button{height:42px;border:0;border-radius:3px;background:var(--red);color:#fff;font:inherit;font-weight:800;cursor:pointer}.sidebar-newsletter button:hover{background:var(--red-dark)}.category-pagination{padding-top:28px}.category-pagination nav>div:first-child{display:none}.category-pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.category-pagination svg{width:18px;height:18px}.category-pagination a,.category-pagination span[aria-current=page]>span,.category-pagination span[aria-disabled=true]>span{border-radius:2px!important}@media(max-width:1050px){.category-hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr)}.category-content-grid{grid-template-columns:minmax(0,1fr) 290px;gap:30px}}@media(max-width:860px){.category-heading{align-items:flex-start}.category-hero,.category-content-grid{grid-template-columns:1fr}.category-hero__side{grid-template-columns:repeat(2,minmax(0,1fr))}.category-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-newsletter{grid-column:1/-1}}@media(max-width:620px){.category-page{padding-top:10px}.category-heading{display:block;padding-bottom:17px}.category-heading__meta{display:flex;align-items:baseline;gap:7px;margin-top:15px;padding:0;border:0;text-align:left}.category-heading__meta strong{font-size:20px}.category-heading__meta span{margin:0}.category-hero{gap:22px;margin-top:21px}.category-hero__side{grid-template-columns:1fr}.hero-mini{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}.hero-mini__body{padding-top:0}.hero-mini h3{font-size:15px;-webkit-line-clamp:3}.category-divider{margin:25px 0}.category-card{grid-template-columns:120px minmax(0,1fr);gap:13px;padding:17px 0}.category-card__image img{min-height:88px}.category-card h3{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.35}.category-card p,.category-card .article-kicker{display:none}.category-card .article-meta{margin-top:7px}.category-card .article-meta span:first-child,.category-card .article-meta span:last-child{display:none}.category-sidebar{grid-template-columns:1fr}.sidebar-newsletter{grid-column:auto}.category-pagination nav>div:last-child{display:block}}
/* =========================================================
   FIX RESPONSIVE TRANG CHUYÊN MỤC
   Chống tràn ở màn hình 1024px và trình duyệt/Windows cũ.
   ========================================================= */
.category-page,
.category-page .container,
.category-heading,
.category-heading__copy,
.category-hero,
.category-lead,
.category-lead__body,
.category-hero__side,
.category-content-grid,
.category-feed,
.category-card,
.category-card__body,
.category-sidebar {
    min-width: 0;
    max-width: 100%;
}

.category-page {
    overflow-x: clip;
}

@supports not (overflow: clip) {
    .category-page {
        overflow-x: hidden;
    }
}

.category-heading h1,
.category-lead h2,
.hero-mini h3,
.category-card h3,
.ranking-item h3,
.sidebar-latest h3 {
    max-width: 100%;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
}

.category-heading h1 {
    /* Fallback cho trình duyệt cũ không hỗ trợ clamp(). */
    font-size: 50px;
    font-size: clamp(34px, 4.2vw, 54px);
    line-height: 1.08;
    letter-spacing: -0.018em;
}

.category-lead h2 {
    font-size: 38px;
    font-size: clamp(27px, 3vw, 40px);
}

.category-subnav {
    max-width: 100%;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.category-card__image,
.category-lead__image,
.hero-mini__image,
.sidebar-latest__image {
    min-width: 0;
}

/* Màn hình laptop nhỏ và độ phân giải khoảng 1024px. */
@media (max-width: 1180px) {
    .category-heading h1 {
        font-size: 44px;
    }

    .category-hero {
        grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr);
        gap: 24px;
    }

    .category-content-grid {
        grid-template-columns: minmax(0, 1fr) 280px;
        gap: 28px;
    }

    .category-card {
        grid-template-columns: minmax(190px, 32%) minmax(0, 1fr);
        gap: 18px;
    }

    .category-card h3 {
        font-size: 21px;
    }
}

/* Chuyển bố cục về một cột trước khi nội dung bị ép quá hẹp. */
@media (max-width: 960px) {
    .category-heading {
        align-items: flex-start;
    }

    .category-hero,
    .category-content-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .category-hero__side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .category-sidebar {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sidebar-newsletter {
        grid-column: 1 / -1;
    }

    .category-heading h1 {
        font-size: 40px;
    }
}

@media (max-width: 700px) {
    .category-heading {
        display: block;
        padding-bottom: 17px;
    }

    .category-heading h1 {
        font-size: 35px;
        line-height: 1.14;
        letter-spacing: -0.01em;
    }

    .category-heading p {
        font-size: 15px;
        line-height: 1.55;
    }

    .category-heading__meta {
        display: flex;
        align-items: baseline;
        gap: 7px;
        margin-top: 15px;
        padding: 0;
        border: 0;
        text-align: left;
    }

    .category-heading__meta strong {
        font-size: 20px;
    }

    .category-heading__meta span {
        margin: 0;
    }

    .category-lead h2 {
        font-size: 30px;
        line-height: 1.18;
    }

    .category-lead p {
        font-size: 15px;
    }
}

@media (max-width: 620px) {
    .category-hero__side {
        grid-template-columns: minmax(0, 1fr);
    }

    .category-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }

    .sidebar-newsletter {
        grid-column: auto;
    }

    .category-card {
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 13px;
    }

    .category-card h3 {
        font-size: 16px;
        line-height: 1.35;
    }
}

@media (max-width: 420px) {
    .category-heading h1 {
        font-size: 31px;
    }

    .category-lead h2 {
        font-size: 27px;
    }

    .category-card {
        grid-template-columns: 104px minmax(0, 1fr);
    }
}

/* =========================================================
   THANG CHỮ TRANG CHUYÊN MỤC THEO PHONG CÁCH DÂN TRÍ
   ========================================================= */
.category-heading h1 {
    font-size: clamp(34px, 3.8vw, 44px);
    line-height: 1.12;
    letter-spacing: -0.018em;
}

.category-heading p {
    font-size: 15px;
    line-height: 1.55;
}

.category-lead h2 {
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.2;
}

.category-lead p {
    font-size: 15px;
    line-height: 1.58;
}

.hero-mini h3 {
    font-size: 16px;
    line-height: 1.4;
}

.section-title-row h2 {
    font-size: 26px;
    line-height: 1.25;
}

.category-card h3 {
    font-size: 21px;
    line-height: 1.32;
}

.category-card p {
    font-size: 14px;
    line-height: 1.58;
}

.sidebar-box__heading h2 {
    font-size: 23px;
}

.ranking-item h3 {
    font-size: 14px;
    line-height: 1.45;
}

.sidebar-latest h3 {
    font-size: 13px;
    line-height: 1.45;
}

@media (max-width: 1180px) {
    .category-heading h1 {
        font-size: 40px;
    }

    .category-lead h2 {
        font-size: 34px;
    }

    .category-card h3 {
        font-size: 20px;
    }
}

@media (max-width: 960px) {
    .category-heading h1 {
        font-size: 38px;
    }

    .category-lead h2 {
        font-size: 32px;
    }
}

@media (max-width: 700px) {
    .category-heading h1 {
        font-size: 32px;
    }

    .category-lead h2 {
        font-size: 27px;
    }

    .category-card h3 {
        font-size: 16px;
        line-height: 1.4;
    }
}

@media (max-width: 420px) {
    .category-heading h1 {
        font-size: 29px;
    }

    .category-lead h2 {
        font-size: 25px;
    }
}