/* Các bố cục mở rộng cho Khối Tin tức trang chủ.
   Dữ liệu và cấu hình nằm ở Giao diện > Cấu hình > Khối Tin tức. */
.vf-home-news__portal-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, .75fr) minmax(240px, .8fr);
  gap: 22px;
  align-items: start;
}
.vf-home-news__portal-lead,
.vf-home-news__spotlight-lead { min-width: 0; }
.vf-home-news__portal-image,
.vf-home-news__editorial-image,
.vf-home-news__spotlight-image { display:block; overflow:hidden; background:#edf1f5; }
.vf-home-news__portal-image { aspect-ratio: 16 / 10; border-radius: 12px; }
.vf-home-news__portal-image img,
.vf-home-news__editorial-image img,
.vf-home-news__spotlight-image img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.vf-home-news__portal-image:hover img,
.vf-home-news__editorial-image:hover img,
.vf-home-news__spotlight-image:hover img { transform:scale(1.03); }
.vf-home-news__portal-lead-body { padding:14px 2px 0; }
.vf-home-news__portal-lead h3,
.vf-home-news__spotlight-lead h3 { margin:0 0 8px; font-size:25px; line-height:1.2; font-weight:800; }
.vf-home-news__portal-lead h3 a,
.vf-home-news__spotlight-lead h3 a,
.vf-home-news__editorial-intro h3 a { color:var(--vf-text); }
.vf-home-news__portal-lead p,
.vf-home-news__spotlight-lead p,
.vf-home-news__editorial-intro p { margin:0; color:#5b6572; font-size:14px; line-height:1.5; }
.vf-home-news__portal-middle { display:grid; gap:18px; }
.vf-home-news__portal-middle .vf-home-news__card { box-shadow:none; border:0; border-radius:0; }
.vf-home-news__portal-middle .vf-home-news__body { padding:10px 0 0; }
.vf-home-news__portal-middle .vf-home-news__body h3 { font-size:16px; line-height:1.35; }
.vf-home-news__portal-quick,
.vf-home-news__editorial-quick { display:grid; gap:0; border-left:1px solid #e4e8ed; padding-left:22px; }
.vf-home-news__compact { display:flex; align-items:flex-start; gap:10px; padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #e4e8ed; }
.vf-home-news__compact:last-child { margin-bottom:0; }
.vf-home-news__compact-body { flex:1 1 auto; min-width:0; }
.vf-home-news__compact h3 { margin:0; font-size:15px; line-height:1.35; font-weight:700; }
.vf-home-news__compact h3 a { color:var(--vf-text); }
.vf-home-news__compact h3 a:hover { color:var(--vf-blue); }
.vf-home-news__compact .vf-home-news__date { margin-bottom:4px; }
.vf-home-news__compact-thumb { flex:0 0 82px; width:82px; height:58px; overflow:hidden; background:#edf1f5; }
.vf-home-news__compact-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.vf-home-news__compact-number { flex:0 0 25px; color:var(--vf-blue); font-size:20px; font-weight:800; line-height:1.1; }

.vf-home-news__spotlight-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr); gap:24px; align-items:start; }
.vf-home-news__spotlight-image { aspect-ratio:16 / 9; margin-bottom:13px; }
.vf-home-news__spotlight-list { display:grid; gap:13px; }
.vf-home-news__row--spotlight { padding:0 0 13px; border-radius:0; border-bottom:1px solid #e4e8ed; box-shadow:none; }
.vf-home-news__row--spotlight:hover { box-shadow:none; }
.vf-home-news__row--spotlight .vf-home-news__row-thumb { flex-basis:150px; border-radius:0; }

.vf-home-news__editorial-layout { display:grid; grid-template-columns:minmax(180px,.72fr) minmax(320px,1.35fr) minmax(220px,.8fr); gap:24px; align-items:start; }
.vf-home-news__editorial-intro { padding-top:4px; }
.vf-home-news__editorial-intro h3 { margin:0 0 12px; font-size:28px; line-height:1.25; font-weight:800; }
.vf-home-news__editorial-image { aspect-ratio:16 / 10; }
.vf-home-news__editorial-side { grid-column:1 / span 2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.vf-home-news__editorial-side .vf-home-news__card { box-shadow:none; border-radius:0; border-top:1px solid #e4e8ed; }
.vf-home-news__editorial-side .vf-home-news__body { padding:10px 0 0; }

.vf-home-news__magazine-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr); gap:24px; align-items:start; }
.vf-home-news__magazine-main > .vf-home-news__card { border-radius:0; box-shadow:0 1px 3px rgba(7,19,31,.12); }
.vf-home-news__magazine-main > .vf-home-news__card .vf-home-news__body h3 { font-size:22px; line-height:1.25; }
.vf-home-news__magazine-deck { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:18px; }
.vf-home-news__magazine-deck .vf-home-news__card { border-radius:0; box-shadow:0 1px 3px rgba(7,19,31,.1); }
.vf-home-news__magazine-deck .vf-home-news__body { padding:11px 12px 13px; }
.vf-home-news__magazine-deck .vf-home-news__body h3 { font-size:14px; line-height:1.35; }
.vf-home-news__trending { padding:20px; background:linear-gradient(160deg,#122d54,#071728); color:#fff; }
.vf-home-news__trending > h3 { margin:0 0 16px; color:#fff; font-size:16px; text-transform:uppercase; }
.vf-home-news__trending .vf-home-news__compact { border-color:rgba(255,255,255,.18); }
.vf-home-news__trending .vf-home-news__compact h3 a { color:#fff; }
.vf-home-news__trending .vf-home-news__compact .vf-home-news__date { color:rgba(255,255,255,.65); }
.vf-home-news__trending .vf-home-news__compact-number { color:#64a8e9; }
.vf-home-news__trending .vf-home-news__compact-thumb { display:none; }

@media (max-width: 991px) {
  .vf-home-news__portal-layout,
  .vf-home-news__editorial-layout { grid-template-columns:minmax(0,1fr) minmax(240px,.8fr); }
  .vf-home-news__portal-quick,
  .vf-home-news__editorial-quick { grid-column:1 / -1; grid-template-columns:repeat(2,minmax(0,1fr)); border-left:0; border-top:1px solid #e4e8ed; padding:18px 0 0; column-gap:18px; }
  .vf-home-news__editorial-side { grid-column:1 / -1; }
}
@media (max-width: 767px) {
  .vf-home-news__portal-layout,
  .vf-home-news__spotlight-layout,
  .vf-home-news__editorial-layout,
  .vf-home-news__magazine-layout { grid-template-columns:1fr; gap:18px; }
  .vf-home-news__portal-quick,
  .vf-home-news__editorial-quick { grid-column:auto; grid-template-columns:1fr; }
  .vf-home-news__editorial-side { grid-column:auto; grid-template-columns:1fr; }
  .vf-home-news__portal-lead h3,
  .vf-home-news__spotlight-lead h3,
  .vf-home-news__editorial-intro h3 { font-size:22px; }
  .vf-home-news__magazine-deck { grid-template-columns:1fr; }
  .vf-home-news__trending { padding:16px; }
  .vf-home-news__row--spotlight .vf-home-news__row-thumb { flex-basis:118px; }
}