/*
 * QVFilm Movie Journal v1.5.2 — Canonical Journal Archive Golden Reference v1.1
 * Routes: /tin-tuc-dien-anh-2/ and /tin-tuc-dien-anh/
 */
body.qvf-journal-archive-surface {
    --qvf-ja-ink: #111315;
    --qvf-ja-paper: #e9e2d7;
    --qvf-ja-paper-soft: #f0e9de;
    --qvf-ja-night: #0b0c0e;
    --qvf-ja-night-soft: #14161a;
    --qvf-ja-muted: #686b70;
    --qvf-ja-line: rgba(17,19,21,.16);
    --qvf-ja-accent: #a61f2d;
    --qvf-ja-shell: 1260px;
    background: var(--qvf-ja-night);
    color: var(--qvf-ja-ink);
    font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
}
body.qvf-journal-archive-surface :where(h1,h2,h3,h4,p,a,span,strong,time,button) {
    font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
}
body.qvf-journal-archive-surface .qvf-journal-archive { overflow: clip; }
body.qvf-journal-archive-surface .qvf-journal-archive-shell {
    box-sizing: border-box;
    width: min(calc(100% - 64px), var(--qvf-ja-shell));
    margin-inline: auto;
}
body.qvf-journal-archive-surface .qvf-journal-archive-hero {
    position: relative;
    background:
        radial-gradient(circle at 82% 20%, rgba(166,31,45,.18), transparent 30%),
        linear-gradient(180deg, #090a0c 0%, #111317 100%);
    color: #f8f4ed;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
body.qvf-journal-archive-surface .qvf-journal-archive-hero__inner {
    min-height: clamp(390px, 50vw, 620px);
    padding: clamp(110px, 13vw, 170px) 0 clamp(54px, 7vw, 90px);
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, .7fr);
    gap: clamp(44px, 8vw, 110px);
    align-items: end;
}
body.qvf-journal-archive-surface .qvf-journal-archive-kicker,
body.qvf-journal-archive-surface .qvf-journal-archive-section-heading > span {
    color: #d44b56;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}
body.qvf-journal-archive-surface .qvf-journal-archive-hero h1 {
    max-width: 12ch;
    margin: 18px 0 18px;
    color: #fff;
    font-size: clamp(54px, 7.3vw, 112px);
    line-height: .9;
    font-weight: 520;
    letter-spacing: -.065em;
}
body.qvf-journal-archive-surface .qvf-journal-archive-hero__copy > p {
    max-width: 670px;
    margin: 0;
    color: rgba(248,244,237,.72);
    font-size: clamp(16px, 1.45vw, 20px);
    line-height: 1.65;
}
body.qvf-journal-archive-surface .qvf-journal-archive-hero__ledger {
    display: grid;
    gap: 0;
    border-top: 1px solid rgba(255,255,255,.16);
}
body.qvf-journal-archive-surface .qvf-journal-archive-hero__ledger > div {
    display: grid;
    grid-template-columns: 92px 1fr;
    align-items: baseline;
    gap: 18px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
body.qvf-journal-archive-surface .qvf-journal-archive-hero__ledger strong {
    color: #fff;
    font-size: 24px;
    font-weight: 520;
}
body.qvf-journal-archive-surface .qvf-journal-archive-hero__ledger span {
    color: rgba(248,244,237,.58);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}
body.qvf-journal-archive-surface .qvf-journal-section-nav {
    position: relative;
    z-index: 5;
    background: #111317;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
body.qvf-journal-archive-surface .qvf-journal-section-nav__inner {
    display: flex;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
}
body.qvf-journal-archive-surface .qvf-journal-section-nav__inner::-webkit-scrollbar { display: none; }
body.qvf-journal-archive-surface .qvf-journal-section-nav__item {
    flex: 0 0 auto;
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid rgba(255,255,255,.08);
    color: rgba(255,255,255,.62);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .07em;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .2s ease, background .2s ease;
}
body.qvf-journal-archive-surface .qvf-journal-section-nav__item:last-child { border-right: 1px solid rgba(255,255,255,.08); }
body.qvf-journal-archive-surface .qvf-journal-section-nav__item:hover,
body.qvf-journal-archive-surface .qvf-journal-section-nav__item.is-active { color: #fff; background: #191b20; }
body.qvf-journal-archive-surface .qvf-journal-section-nav__item.is-active { box-shadow: inset 0 -2px 0 var(--qvf-ja-accent); }
body.qvf-journal-archive-surface .qvf-journal-section-nav__item:focus-visible,
body.qvf-journal-archive-surface .qvf-journal-card-cta:focus-visible,
body.qvf-journal-archive-surface .qvf-journal-pagination a:focus-visible { outline: 2px solid #d44b56; outline-offset: 3px; }

body.qvf-journal-archive-surface .qvf-journal-archive__paper {
    background: var(--qvf-ja-paper);
    padding: clamp(70px, 7vw, 110px) 0 clamp(90px, 9vw, 138px);
}
body.qvf-journal-archive-surface .qvf-journal-archive-section-heading {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 24px;
    align-items: end;
    margin-bottom: clamp(26px, 3vw, 42px);
    padding-bottom: 16px;
    border-bottom: 1px solid var(--qvf-ja-line);
}
body.qvf-journal-archive-surface .qvf-journal-archive-section-heading h2 {
    margin: 0;
    color: var(--qvf-ja-ink);
    font-size: clamp(30px, 3.4vw, 52px);
    line-height: 1;
    font-weight: 520;
    letter-spacing: -.045em;
}
body.qvf-journal-archive-surface .qvf-journal-feature__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.72fr) minmax(330px, .78fr);
    gap: 22px;
}
body.qvf-journal-archive-surface .qvf-journal-lead-card {
    position: relative;
    min-height: clamp(520px, 54vw, 760px);
    overflow: hidden;
    background: #121315;
    color: #fff;
}
body.qvf-journal-archive-surface .qvf-journal-lead-card__media,
body.qvf-journal-archive-surface .qvf-journal-lead-card__media img,
body.qvf-journal-archive-surface .qvf-journal-lead-card__shade,
body.qvf-journal-archive-surface .qvf-journal-card-placeholder {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}
body.qvf-journal-archive-surface .qvf-journal-lead-card__media img { object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
body.qvf-journal-archive-surface .qvf-journal-lead-card:hover .qvf-journal-lead-card__media img { transform: scale(1.035); }
body.qvf-journal-archive-surface .qvf-journal-lead-card__shade { background: linear-gradient(180deg, rgba(5,6,7,.05) 24%, rgba(5,6,7,.9) 100%); }
body.qvf-journal-archive-surface .qvf-journal-lead-card__body {
    position: absolute;
    z-index: 2;
    inset: auto clamp(24px,4vw,56px) clamp(28px,4vw,56px);
    max-width: 760px;
}
body.qvf-journal-archive-surface .qvf-journal-card-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    color: var(--qvf-ja-muted);
    font-size: 9px;
    line-height: 1.4;
    font-weight: 750;
    letter-spacing: .07em;
    text-transform: uppercase;
}
body.qvf-journal-archive-surface .qvf-journal-card-meta i { font-style: normal; opacity: .45; }
body.qvf-journal-archive-surface .qvf-journal-lead-card .qvf-journal-card-meta { color: rgba(255,255,255,.66); }
body.qvf-journal-archive-surface .qvf-journal-lead-card h3 {
    max-width: 14ch;
    margin: 14px 0 14px;
    font-size: clamp(38px, 4.6vw, 72px);
    line-height: .98;
    font-weight: 520;
    letter-spacing: -.055em;
}
body.qvf-journal-archive-surface .qvf-journal-lead-card h3 a { color: #fff; text-decoration: none; }
body.qvf-journal-archive-surface .qvf-journal-lead-card p { max-width: 640px; margin: 0 0 20px; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.65; }
body.qvf-journal-archive-surface .qvf-journal-card-cta {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--qvf-ja-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
}
body.qvf-journal-archive-surface .qvf-journal-lead-card .qvf-journal-card-cta { color: #fff; }
body.qvf-journal-archive-surface .qvf-journal-feature__secondary { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 22px; }
body.qvf-journal-archive-surface .qvf-journal-compact-card { min-height: 0; display: grid; grid-template-columns: 43% minmax(0,1fr); background: var(--qvf-ja-paper-soft); border: 1px solid var(--qvf-ja-line); }
body.qvf-journal-archive-surface .qvf-journal-compact-card__media { display: block; min-height: 100%; overflow: hidden; background: #d7d0c4; }
body.qvf-journal-archive-surface .qvf-journal-compact-card__media img { display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease; }
body.qvf-journal-archive-surface .qvf-journal-compact-card:hover img { transform: scale(1.035); }
body.qvf-journal-archive-surface .qvf-journal-compact-card__body { padding: clamp(18px,2.2vw,30px); display:flex; flex-direction:column; min-width:0; }
body.qvf-journal-archive-surface .qvf-journal-compact-card h3 { margin: 12px 0 auto; font-size: clamp(20px,2vw,29px); line-height:1.12; font-weight:560; letter-spacing:-.035em; }
body.qvf-journal-archive-surface .qvf-journal-compact-card h3 a,
body.qvf-journal-archive-surface .qvf-journal-archive-card h3 a { color:var(--qvf-ja-ink); text-decoration:none; }
body.qvf-journal-archive-surface .qvf-journal-archive-grid-section { margin-top: clamp(74px,8vw,120px); }
body.qvf-journal-archive-surface .qvf-journal-archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:24px; row-gap:64px; }
body.qvf-journal-archive-surface .qvf-journal-archive-card { min-width:0; }
body.qvf-journal-archive-surface .qvf-journal-archive-card__media { display:block;aspect-ratio:16/10;overflow:hidden;background:#d7d0c4; }
body.qvf-journal-archive-surface .qvf-journal-archive-card__media img { display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s ease; }
body.qvf-journal-archive-surface .qvf-journal-archive-card:hover .qvf-journal-archive-card__media img { transform:scale(1.035);filter:saturate(1.06); }
body.qvf-journal-archive-surface .qvf-journal-archive-card__body { padding-top:17px; }
body.qvf-journal-archive-surface .qvf-journal-archive-card h3 { margin:12px 0 12px;font-size:clamp(22px,2.1vw,31px);line-height:1.08;font-weight:560;letter-spacing:-.04em; }
body.qvf-journal-archive-surface .qvf-journal-archive-card p { margin:0 0 14px;color:#4f5358;font-size:13.5px;line-height:1.65; }
body.qvf-journal-archive-surface .qvf-journal-card-placeholder { background:linear-gradient(135deg,#202328,#111316); }
body.qvf-journal-archive-surface .qvf-journal-compact-card .qvf-journal-card-placeholder,
body.qvf-journal-archive-surface .qvf-journal-archive-card .qvf-journal-card-placeholder { position:static;min-height:100%;aspect-ratio:16/10; }
body.qvf-journal-archive-surface .qvf-journal-pagination { display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:clamp(70px,8vw,110px); }
body.qvf-journal-archive-surface .qvf-journal-pagination :where(a,span) { min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid var(--qvf-ja-line);color:var(--qvf-ja-ink);font-size:10px;font-weight:750;text-decoration:none; }
body.qvf-journal-archive-surface .qvf-journal-pagination .current { background:var(--qvf-ja-night);border-color:var(--qvf-ja-night);color:#fff; }
body.qvf-journal-archive-surface .qvf-journal-archive-empty { width:min(calc(100% - 64px),860px);margin:auto;padding:90px 0;text-align:center; }
body.qvf-journal-archive-surface .qvf-journal-archive-empty span { color:var(--qvf-ja-accent);font-size:10px;font-weight:800;letter-spacing:.16em; }
body.qvf-journal-archive-surface .qvf-journal-archive-empty h2 { margin:18px 0 0;font-size:clamp(30px,4vw,54px);font-weight:520;letter-spacing:-.04em; }

@media (max-width: 980px) {
    body.qvf-journal-archive-surface .qvf-journal-archive-hero__inner { grid-template-columns:1fr; min-height:auto; }
    body.qvf-journal-archive-surface .qvf-journal-archive-hero__ledger { grid-template-columns:repeat(3,minmax(0,1fr)); }
    body.qvf-journal-archive-surface .qvf-journal-archive-hero__ledger > div { grid-template-columns:1fr;gap:4px;padding-right:12px; }
    body.qvf-journal-archive-surface .qvf-journal-feature__layout { grid-template-columns:1fr; }
    body.qvf-journal-archive-surface .qvf-journal-feature__secondary { grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto; }
    body.qvf-journal-archive-surface .qvf-journal-compact-card { grid-template-columns:1fr; }
    body.qvf-journal-archive-surface .qvf-journal-compact-card__media { aspect-ratio:16/9; }
    body.qvf-journal-archive-surface .qvf-journal-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
    body.qvf-journal-archive-surface .qvf-journal-archive-shell { width:calc(100% - 36px); }
    body.qvf-journal-archive-surface .qvf-journal-archive-hero__inner { padding-top:92px;padding-bottom:48px;gap:36px; }
    body.qvf-journal-archive-surface .qvf-journal-archive-hero h1 { font-size:clamp(48px,17vw,78px);max-width:10ch; }
    body.qvf-journal-archive-surface .qvf-journal-archive-hero__ledger { grid-template-columns:1fr; }
    body.qvf-journal-archive-surface .qvf-journal-archive-hero__ledger > div { grid-template-columns:80px 1fr; }
    body.qvf-journal-archive-surface .qvf-journal-section-nav__inner { width:100%;padding-left:18px;padding-right:18px; }
    body.qvf-journal-archive-surface .qvf-journal-section-nav__item { min-height:52px;padding:0 14px; }
    body.qvf-journal-archive-surface .qvf-journal-archive__paper { padding-top:58px; }
    body.qvf-journal-archive-surface .qvf-journal-archive-section-heading { grid-template-columns:1fr;gap:10px; }
    body.qvf-journal-archive-surface .qvf-journal-lead-card { min-height:580px; }
    body.qvf-journal-archive-surface .qvf-journal-lead-card h3 { font-size:clamp(36px,11vw,54px); }
    body.qvf-journal-archive-surface .qvf-journal-feature__secondary,
    body.qvf-journal-archive-surface .qvf-journal-archive-grid { grid-template-columns:1fr; }
    body.qvf-journal-archive-surface .qvf-journal-compact-card { grid-template-columns:42% minmax(0,1fr); }
    body.qvf-journal-archive-surface .qvf-journal-compact-card__media { aspect-ratio:auto; }
    body.qvf-journal-archive-surface .qvf-journal-archive-grid { row-gap:48px; }
}
@media (max-width: 430px) {
    body.qvf-journal-archive-surface .qvf-journal-compact-card { grid-template-columns:1fr; }
    body.qvf-journal-archive-surface .qvf-journal-compact-card__media { aspect-ratio:16/9; }
}
@media (prefers-reduced-motion: reduce) {
    body.qvf-journal-archive-surface * { scroll-behavior:auto!important; }
    body.qvf-journal-archive-surface .qvf-journal-lead-card__media img,
    body.qvf-journal-archive-surface .qvf-journal-compact-card__media img,
    body.qvf-journal-archive-surface .qvf-journal-archive-card__media img { transition:none!important;transform:none!important; }
}


/* -------------------------------------------------------------------------
 * v1.5.2 · Canonical archive Golden Reference v1.1
 * /tin-tuc-dien-anh/ is the only public Journal archive surface.
 * ---------------------------------------------------------------------- */
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 {
    --qvf-ja-ink: #f3f3f1;
    --qvf-ja-paper: #111317;
    --qvf-ja-paper-soft: #171a1f;
    --qvf-ja-night: #0a0c0e;
    --qvf-ja-night-soft: #14171b;
    --qvf-ja-muted: #989da4;
    --qvf-ja-line: rgba(255,255,255,.11);
    --qvf-ja-accent: #e45a66;
    background: #0a0c0e !important;
    color: #f3f3f1 !important;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11,
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 :where(h1,h2,h3,h4,p,a,span,strong,time,button,li) {
    font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive__paper {
    background: #111317;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-section-heading {
    border-bottom-color: rgba(255,255,255,.11);
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-section-heading h2,
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-compact-card h3 a,
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-card h3 a {
    color: #fff;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-card-meta {
    color: #8f949b;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-compact-card {
    overflow: hidden;
    border-color: rgba(255,255,255,.1);
    background: #171a1f;
    transition: transform .34s cubic-bezier(.2,.7,.2,1),border-color .34s ease,background .34s ease,box-shadow .34s ease;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-compact-card:hover {
    transform: translateY(-6px);
    border-color: rgba(228,90,102,.5);
    background: #1b1f24;
    box-shadow: 0 24px 60px rgba(0,0,0,.28);
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-compact-card h3 a,
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-card h3 a,
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-card-cta {
    transition: color .22s ease;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-compact-card:hover h3 a,
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-card:hover h3 a,
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-compact-card:hover .qvf-journal-card-cta,
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-card:hover .qvf-journal-card-cta {
    color: #ff7782;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-card {
    min-width: 0;
    padding: 12px;
    margin: -12px;
    border: 1px solid transparent;
    background: transparent;
    transition: transform .34s cubic-bezier(.2,.7,.2,1),border-color .34s ease,background .34s ease,box-shadow .34s ease;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-card:hover {
    transform: translateY(-7px);
    border-color: rgba(255,255,255,.11);
    background: #171a1f;
    box-shadow: 0 28px 70px rgba(0,0,0,.25);
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-card p {
    color: #a8acb1;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-lead-card {
    border: 1px solid rgba(255,255,255,.1);
    transition: border-color .32s ease,box-shadow .32s ease;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-lead-card:hover {
    border-color: rgba(228,90,102,.46);
    box-shadow: 0 30px 90px rgba(0,0,0,.32);
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-lead-card__media img,
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-compact-card__media img,
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-card__media img {
    filter: saturate(.92) contrast(1.02);
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-lead-card:hover .qvf-journal-lead-card__media img,
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-compact-card:hover .qvf-journal-compact-card__media img,
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-card:hover .qvf-journal-archive-card__media img {
    transform: scale(1.055);
    filter: saturate(1.05) contrast(1.03);
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-pagination :where(a,span) {
    border-color: rgba(255,255,255,.14);
    color: #d7d9dc;
    background: transparent;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-pagination a:hover {
    border-color: rgba(228,90,102,.6);
    background: rgba(228,90,102,.1);
    color: #fff;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-pagination .current {
    background: #fff;
    border-color: #fff;
    color: #111315;
}
body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-empty h2 { color:#fff; }
@media (prefers-reduced-motion: reduce) {
    body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-compact-card,
    body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-archive-card,
    body.qvf-journal-archive-surface.qvf-journal-archive-golden-v11 .qvf-journal-lead-card {
        transition:none!important;
        transform:none!important;
    }
}

/* -------------------------------------------------------------------------
 * v1.8.3 · Article Reading & Archive Art Direction II
 * Controlled presentation reopen on the v1.8.2 information architecture.
 * ---------------------------------------------------------------------- */
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-archive-section-heading h2 {
    font-size: clamp(28px, 2.65vw, 44px);
    line-height: 1.04;
    letter-spacing: -.04em;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-feature__layout {
    gap: 20px;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-lead-card {
    min-height: clamp(500px, 49vw, 690px);
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-lead-card h3 {
    max-width: 16ch;
    margin: 13px 0 13px;
    font-size: clamp(34px, 3.7vw, 60px);
    line-height: 1.01;
    letter-spacing: -.05em;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-lead-card p {
    max-width: 610px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-feature__secondary {
    gap: 20px;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card {
    grid-template-columns: 40% minmax(0, 1fr);
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card__body {
    padding: clamp(18px, 1.9vw, 26px);
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card h3 {
    margin: 10px 0 10px;
    font-size: clamp(18px, 1.45vw, 23px);
    line-height: 1.18;
    letter-spacing: -.028em;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card p {
    margin: 0 0 12px;
    color: #a8acb1;
    font-size: 12.5px;
    line-height: 1.55;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card .qvf-journal-card-cta {
    margin-top: auto;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-archive-grid-section {
    margin-top: clamp(64px, 7vw, 100px);
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-archive-grid {
    column-gap: 22px;
    row-gap: 30px;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-archive-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.09);
    background: #15181c;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-archive-card:hover {
    background: #191d21;
    border-color: rgba(228,90,102,.38);
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-archive-card__media {
    aspect-ratio: 16 / 9;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-archive-card__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 18px 18px 17px;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-archive-card h3 {
    margin: 10px 0 10px;
    font-size: clamp(18px, 1.42vw, 23px);
    line-height: 1.18;
    font-weight: 570;
    letter-spacing: -.03em;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-archive-card p {
    margin: 0 0 14px;
    color: #a8acb1;
    font-size: 12.8px;
    line-height: 1.58;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-archive-card .qvf-journal-card-cta {
    margin-top: auto;
}
body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-card-meta {
    font-size: 8.5px;
    letter-spacing: .065em;
}
@media (max-width: 980px) {
    body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card {
        grid-template-columns: 1fr;
    }
    body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card__media {
        aspect-ratio: 16 / 9;
    }
    body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-archive-grid {
        row-gap: 24px;
    }
}
@media (max-width: 680px) {
    body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-lead-card {
        min-height: 540px;
    }
    body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-lead-card h3 {
        font-size: clamp(32px, 9.6vw, 48px);
    }
    body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card {
        grid-template-columns: 40% minmax(0, 1fr);
    }
    body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card__media {
        aspect-ratio: auto;
    }
    body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card p {
        display: none;
    }
    body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-archive-card__body {
        padding: 16px;
    }
}
@media (max-width: 430px) {
    body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card {
        grid-template-columns: 1fr;
    }
    body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card__media {
        aspect-ratio: 16 / 9;
    }
    body.qvf-journal-archive-surface.qvf-journal-art-direction-ii .qvf-journal-compact-card p {
        display: -webkit-box;
    }
}


/* -------------------------------------------------------------------------
 * v1.8.4 · Responsive / Accessibility Regression QA I
 * No archive art-direction redesign; only interaction and forced-color hardening.
 * ---------------------------------------------------------------------- */
body.qvf-journal-archive-surface.qvf-journal-responsive-a11y-rqa-i :where(
    .qvf-journal-section-nav__item,
    .qvf-journal-lead-card a,
    .qvf-journal-compact-card a,
    .qvf-journal-archive-card a,
    .qvf-journal-pagination a
):focus-visible {
    outline: 3px solid var(--qvf-ja-accent, #e45a66);
    outline-offset: 4px;
}
body.qvf-journal-archive-surface.qvf-journal-responsive-a11y-rqa-i .qvf-journal-section-nav__item,
body.qvf-journal-archive-surface.qvf-journal-responsive-a11y-rqa-i .qvf-journal-pagination :where(a,span) {
    min-height: 44px;
}
body.qvf-journal-archive-surface.qvf-journal-responsive-a11y-rqa-i :where(.qvf-journal-compact-card h3,.qvf-journal-archive-card h3,.qvf-journal-lead-card h3) {
    overflow-wrap: anywhere;
}
@media (max-width: 680px) {
    body.qvf-journal-archive-surface.qvf-journal-responsive-a11y-rqa-i .qvf-journal-section-nav__inner {
        scroll-padding-inline: 18px;
        scrollbar-width: thin;
    }
    body.qvf-journal-archive-surface.qvf-journal-responsive-a11y-rqa-i .qvf-journal-section-nav__item {
        min-width: max-content;
    }
}
@media (forced-colors: active) {
    body.qvf-journal-archive-surface.qvf-journal-responsive-a11y-rqa-i :where(
        .qvf-journal-compact-card,
        .qvf-journal-archive-card,
        .qvf-journal-pagination a,
        .qvf-journal-pagination span,
        .qvf-journal-section-nav__item
    ) {
        border-color: CanvasText !important;
        forced-color-adjust: auto;
    }
    body.qvf-journal-archive-surface.qvf-journal-responsive-a11y-rqa-i :where(a,button):focus-visible {
        outline-color: Highlight !important;
    }
}

/* -------------------------------------------------------------------------
 * v1.9.4 · Mobile Safari Layout Integrity + AJAX Pagination I
 * - Removes cyclic percentage min-height behavior from archive cards.
 * - Keeps media ratio owned by the media box, not the image.
 * - Hardens pagination contrast against Safari/theme text-fill inheritance.
 * ---------------------------------------------------------------------- */
body.qvf-journal-archive-surface.qvf-journal-mobile-layout-fix-i .qvf-journal-archive-grid {
    align-items: stretch;
}
body.qvf-journal-archive-surface.qvf-journal-mobile-layout-fix-i .qvf-journal-archive-card {
    min-height: 0;
}
body.qvf-journal-archive-surface.qvf-journal-mobile-layout-fix-i .qvf-journal-archive-card__media {
    position: relative;
    width: 100%;
    min-height: 0;
    height: auto;
    aspect-ratio: 16 / 9;
    flex: 0 0 auto;
    overflow: hidden;
}
body.qvf-journal-archive-surface.qvf-journal-mobile-layout-fix-i .qvf-journal-archive-card__media img,
body.qvf-journal-archive-surface.qvf-journal-mobile-layout-fix-i .qvf-journal-archive-card__media .qvf-journal-card-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
}
body.qvf-journal-archive-surface.qvf-journal-ajax-pagination-i .qvf-journal-archive__paper {
    position: relative;
}
body.qvf-journal-archive-surface.qvf-journal-ajax-pagination-i .qvf-journal-archive__paper.is-qvf-journal-loading {
    cursor: progress;
}
body.qvf-journal-archive-surface.qvf-journal-ajax-pagination-i .qvf-journal-archive__paper.is-qvf-journal-loading > * {
    opacity: .46;
    transition: opacity .16s ease;
}
body.qvf-journal-archive-surface.qvf-journal-ajax-pagination-i .qvf-journal-pagination :where(a,span) {
    color: #d7d9dc !important;
    -webkit-text-fill-color: #d7d9dc !important;
    opacity: 1 !important;
    visibility: visible !important;
}
body.qvf-journal-archive-surface.qvf-journal-ajax-pagination-i .qvf-journal-pagination .current {
    color: #111315 !important;
    -webkit-text-fill-color: #111315 !important;
    background: #fff !important;
    border-color: #fff !important;
}
body.qvf-journal-archive-surface.qvf-journal-ajax-pagination-i .qvf-journal-pagination a:hover,
body.qvf-journal-archive-surface.qvf-journal-ajax-pagination-i .qvf-journal-pagination a:focus-visible {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
@media (max-width: 680px) {
    body.qvf-journal-archive-surface.qvf-journal-mobile-layout-fix-i .qvf-journal-archive-grid {
        align-items: start;
        row-gap: 28px;
    }
    body.qvf-journal-archive-surface.qvf-journal-mobile-layout-fix-i .qvf-journal-archive-card {
        align-self: start;
        width: 100%;
        min-height: 0 !important;
        height: auto !important;
    }
    body.qvf-journal-archive-surface.qvf-journal-mobile-layout-fix-i .qvf-journal-archive-card__media {
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
    }
    body.qvf-journal-archive-surface.qvf-journal-mobile-layout-fix-i .qvf-journal-archive-card__body {
        flex: 0 0 auto;
        min-height: 0;
        height: auto;
    }
    body.qvf-journal-archive-surface.qvf-journal-mobile-layout-fix-i .qvf-journal-archive-card .qvf-journal-card-cta {
        margin-top: 4px;
    }
}
body.qvf-journal-archive-surface.qvf-journal-mobile-layout-fix-i .qvf-journal-archive-card__media .qvf-journal-card-placeholder {
    aspect-ratio: auto !important;
}


/* -------------------------------------------------------------------------
 * v1.9.6 · Canonical Pagination Integrity + Cinematic Pager Polish II
 * - New public fallback URLs use ?journal_page=N to avoid the native Category
 *   pagination collision on /tin-tuc-dien-anh/.
 * - Replaces the heavy rectangular pager with a compact cinematic control rail.
 * ---------------------------------------------------------------------- */
body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination {
    margin-top: clamp(48px, 6vw, 76px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination__track {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    max-width: 100%;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 999px;
    background: rgba(255,255,255,.025);
    box-shadow: 0 18px 48px rgba(0,0,0,.18);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination .page-numbers {
    box-sizing: border-box;
    width: 46px;
    min-width: 46px;
    min-height: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.105) !important;
    border-radius: 999px;
    background: #15181c !important;
    color: rgba(255,255,255,.78) !important;
    -webkit-text-fill-color: rgba(255,255,255,.78) !important;
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: 0;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination a.page-numbers:hover,
body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination a.page-numbers:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(228,90,102,.62) !important;
    background: rgba(228,90,102,.105) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.22);
}
body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination .page-numbers.current {
    border-color: var(--qvf-ja-accent, #e45a66) !important;
    background: var(--qvf-ja-accent, #e45a66) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 10px 28px rgba(228,90,102,.24);
}
body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination .page-numbers.prev,
body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination .page-numbers.next {
    font-size: 16px;
    font-weight: 600;
}
body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination .page-numbers.dots {
    width: 30px;
    min-width: 30px;
    border-color: transparent !important;
    background: transparent !important;
    color: rgba(255,255,255,.42) !important;
    -webkit-text-fill-color: rgba(255,255,255,.42) !important;
    box-shadow: none;
}
@media (max-width: 680px) {
    body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination {
        width: calc(100% - 36px);
        margin-top: 44px;
    }
    body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination__track {
        gap: 5px;
        padding: 5px;
        border-radius: 24px;
    }
    body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination .page-numbers {
        width: 44px;
        min-width: 44px;
        min-height: 44px;
        height: 44px;
        font-size: 12px;
    }
    body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination .page-numbers.dots {
        width: 24px;
        min-width: 24px;
    }
    body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-archive__paper {
        padding-bottom: 84px;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination .page-numbers {
        transition: none !important;
    }
    body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination a.page-numbers:hover,
    body.qvf-journal-archive-surface.qvf-journal-pagination-polish-ii .qvf-journal-pagination a.page-numbers:focus-visible {
        transform: none;
    }
}