/* VnExpress HOME DENSE / AIRY
   Dense: gom hơn, nhiều tin hơn trên một màn
   Airy: thoáng hơn, sang hơn, dễ đọc hơn
   Mặc định: desktop = airy, mobile/tablet = dense
*/
:root{
  --vnh-gap: 14px;
  --vnh-card-radius: 10px;
  --vnh-card-pad: 12px;
  --vnh-title-size: clamp(15px, 1.25vw, 20px);
  --vnh-text-size: clamp(13px, .9vw, 14px);
  --vnh-meta-size: 12px;
  --vnh-section-title-size: clamp(15px, 1.15vw, 18px);
  --vnh-shadow: 0 6px 18px rgba(33,43,54,.05);
  --vnh-border: #e8edf3;
  --vnh-bg: #f4f6fa;
  --vnh-card-bg: #fff;
}
body.vne-home-mode-ready{
  background: var(--vnh-bg);
}

/* Chỉ tác động trang chủ */
body.vne-home-mode-ready .lx-home{
  gap: var(--vnh-gap);
}
body.vne-home-mode-ready .homepage-block,
body.vne-home-mode-ready .lx-module,
body.vne-home-mode-ready .lx-side-stack-item,
body.vne-home-mode-ready .card,
body.vne-home-mode-ready .box{
  background: var(--vnh-card-bg);
  border: 1px solid var(--vnh-border);
  border-radius: var(--vnh-card-radius);
  box-shadow: var(--vnh-shadow);
}
body.vne-home-mode-ready .homepage-block,
body.vne-home-mode-ready .lx-module,
body.vne-home-mode-ready .lx-side-stack-item{
  overflow: clip;
}
body.vne-home-mode-ready .homepage-block .card,
body.vne-home-mode-ready .lx-module .card{
  box-shadow: none;
}
body.vne-home-mode-ready .homepage-block .card-body,
body.vne-home-mode-ready .card .card-body,
body.vne-home-mode-ready .lx-module__body,
body.vne-home-mode-ready .box .box-body{
  padding: var(--vnh-card-pad);
}
body.vne-home-mode-ready .lx-section-head,
body.vne-home-mode-ready .homepage-block > .title,
body.vne-home-mode-ready .box > .title{
  padding: 10px 12px;
}
body.vne-home-mode-ready .lx-section-head h2,
body.vne-home-mode-ready .lx-section-head h3,
body.vne-home-mode-ready .block-title,
body.vne-home-mode-ready .widget-title,
body.vne-home-mode-ready .sidebar-title{
  font-size: var(--vnh-section-title-size) !important;
  letter-spacing: -.01em;
}
body.vne-home-mode-ready .card-title,
body.vne-home-mode-ready .post-title,
body.vne-home-mode-ready .news-title,
body.vne-home-mode-ready .lx-module__lead-title,
body.vne-home-mode-ready .lx-mini-list a,
body.vne-home-mode-ready .lx-folder-item a{
  font-size: var(--vnh-title-size) !important;
  line-height: 1.45 !important;
}
body.vne-home-mode-ready .card p,
body.vne-home-mode-ready .card .excerpt,
body.vne-home-mode-ready .post-excerpt,
body.vne-home-mode-ready .news-desc,
body.vne-home-mode-ready .lx-module__lead p,
body.vne-home-mode-ready .lx-mini-list small,
body.vne-home-mode-ready .audio-content,
body.vne-home-mode-ready .sidebar-card p{
  font-size: var(--vnh-text-size) !important;
  line-height: 1.68 !important;
}
body.vne-home-mode-ready .meta,
body.vne-home-mode-ready .post-meta,
body.vne-home-mode-ready .news-meta,
body.vne-home-mode-ready .card small{
  font-size: var(--vnh-meta-size) !important;
}
body.vne-home-mode-ready .card img,
body.vne-home-mode-ready .lx-module img,
body.vne-home-mode-ready .homepage-block img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
body.vne-home-mode-ready .lx-home-left-new,
body.vne-home-mode-ready .lx-home-right{
  gap: var(--vnh-gap);
}
body.vne-home-mode-ready .lx-module-grid,
body.vne-home-mode-ready .lx-top-pair{
  gap: var(--vnh-gap);
}
body.vne-home-mode-ready .lx-mini-list li,
body.vne-home-mode-ready .audio-item,
body.vne-home-mode-ready .lx-folder-item{
  padding-block: 8px;
  border-bottom: 1px solid #eef2f6;
}
body.vne-home-mode-ready .lx-mini-list li:last-child,
body.vne-home-mode-ready .audio-item:last-child,
body.vne-home-mode-ready .lx-folder-item:last-child{
  border-bottom: none;
}

/* AIRY */
body.vne-home-airy{
  --vnh-gap: 16px;
  --vnh-card-radius: 12px;
  --vnh-card-pad: 13px;
  --vnh-title-size: clamp(15px, 1.3vw, 20px);
  --vnh-text-size: clamp(13px, .95vw, 14px);
  --vnh-section-title-size: clamp(15px, 1.2vw, 18px);
}
body.vne-home-airy .lx-home{
  max-width: 1360px;
  margin-inline: auto;
}
body.vne-home-airy .card,
body.vne-home-airy .homepage-block,
body.vne-home-airy .lx-module,
body.vne-home-airy .lx-side-stack-item{
  box-shadow: 0 10px 24px rgba(35,45,55,.055);
}
body.vne-home-airy .card-title,
body.vne-home-airy .post-title,
body.vne-home-airy .news-title{
  margin-bottom: .35rem;
}
body.vne-home-airy .lx-livehero,
body.vne-home-airy .lx-v29-slider,
body.vne-home-airy .lx-module__lead{
  margin-bottom: 2px;
}
body.vne-home-airy .lx-home-split-new{
  column-gap: 16px;
}
body.vne-home-airy .lx-home-right .lx-side-stack-item{
  margin-bottom: 0;
}

/* DENSE */
body.vne-home-dense{
  --vnh-gap: 10px;
  --vnh-card-radius: 8px;
  --vnh-card-pad: 9px;
  --vnh-title-size: clamp(14px, 1.05vw, 18px);
  --vnh-text-size: clamp(12px, .84vw, 13px);
  --vnh-meta-size: 11px;
  --vnh-section-title-size: clamp(14px, 1vw, 16px);
}
body.vne-home-dense .card,
body.vne-home-dense .homepage-block,
body.vne-home-dense .lx-module,
body.vne-home-dense .lx-side-stack-item{
  box-shadow: 0 4px 12px rgba(35,45,55,.04);
}
body.vne-home-dense .lx-section-head,
body.vne-home-dense .homepage-block > .title,
body.vne-home-dense .box > .title{
  padding: 8px 10px;
}
body.vne-home-dense .card-title,
body.vne-home-dense .post-title,
body.vne-home-dense .news-title,
body.vne-home-dense .lx-module__lead-title{
  line-height: 1.38 !important;
}
body.vne-home-dense .lx-mini-list li,
body.vne-home-dense .audio-item,
body.vne-home-dense .lx-folder-item{
  padding-block: 6px;
}
body.vne-home-dense .lx-home{
  max-width: 1280px;
  margin-inline: auto;
}
body.vne-home-dense .lx-home-split-new{
  column-gap: 10px;
}
body.vne-home-dense .homepage-block .card img,
body.vne-home-dense .lx-module .card img{
  border-radius: 6px;
}
body.vne-home-dense .card .excerpt,
body.vne-home-dense .post-excerpt,
body.vne-home-dense .news-desc{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Tự động trên màn hình nhỏ */
@media (max-width: 1024px){
  body.vne-home-airy{
    --vnh-gap: 12px;
    --vnh-card-pad: 10px;
  }
}
@media (max-width: 768px){
  body.vne-home-mode-ready .lx-home{
    padding-inline: 8px;
  }
  body.vne-home-mode-ready .lx-home-split-new,
  body.vne-home-mode-ready .lx-top-pair,
  body.vne-home-mode-ready .lx-module-grid{
    gap: 10px;
  }
  body.vne-home-mode-ready .homepage-block,
  body.vne-home-mode-ready .lx-module,
  body.vne-home-mode-ready .lx-side-stack-item{
    border-radius: 8px;
  }
}