/* UI VnExpress Full - phong cach gan giong bao dien tu, giu layout hien tai */
:root{
  --vnx-body-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --vnx-title-font:"Noto Serif",Georgia,"Times New Roman",serif;
  --vnx-text:#222b45;
  --vnx-text-soft:#5f6b7a;
  --vnx-border:#e5e9f0;
  --vnx-card:#ffffff;
  --vnx-bg:#f5f7fb;
  --vnx-title:#1f2d3d;
}
html{font-size:15px;-webkit-text-size-adjust:100%}
body{font-family:var(--vnx-body-font)!important;color:var(--vnx-text);letter-spacing:0;word-spacing:0;background:var(--vnx-bg);}
body,input,button,select,textarea{font-family:var(--vnx-body-font)!important}
p,li,.post-excerpt,.entry-summary,.card-excerpt,.widget p,.sidebar-card p,.meta,.post-meta,.block-desc,.news-desc{font-size:.945rem;line-height:1.72;color:var(--vnx-text-soft)}
a{transition:color .18s ease,opacity .18s ease,transform .18s ease}
a:hover{color:#7c4ccf}
.page-title,h1,.article-title,.post-title,.featured-title,.hero-title,.section-title,.widget-title,.sidebar-title,.card-title,.post-card__title,.news-card__title,.block-title,.home-section__title{font-family:var(--vnx-title-font)!important;color:var(--vnx-title);letter-spacing:-.01em}
h1,.page-title,.article-title,.featured-title,.hero-title{font-size:clamp(1.5rem,1.15rem + .9vw,2.1rem);line-height:1.3;font-weight:700}
h2,.section-title,.widget-title,.sidebar-title{font-size:clamp(1.08rem,1rem + .35vw,1.32rem);line-height:1.4;font-weight:700}
h3,.card-title,.post-card__title,.news-card__title,.block-title{font-size:clamp(.98rem,.94rem + .25vw,1.14rem);line-height:1.48;font-weight:700}
.nav-menu>li>a,.nav-submenu a,.lx-search-form input,.chip,.btn,.button,.lx-admin-btn{font-size:.92rem;font-weight:500;letter-spacing:0}
.top-headline,.meta,.post-meta,.date,.time,.widget small,.sidebar small{font-size:.79rem;line-height:1.55;color:#748196}
.card,.post-card,.news-card,.widget,.sidebar-card,.home-section,.block-card,.album-card,.video-card{background:var(--vnx-card);border:1px solid var(--vnx-border);border-radius:12px!important;box-shadow:0 4px 18px rgba(15,23,42,.05)!important}
.card,.post-card,.news-card,.widget,.sidebar-card,.block-card,.album-card,.video-card{padding:0}
.card-body,.post-card__body,.news-card__body,.widget-body,.sidebar-card__body,.block-card__body{padding:12px 14px 14px}
.home-section,.widget,.sidebar-card{overflow:hidden}
.home-section > .section-head,.widget > .widget-head,.sidebar-card > .widget-head,.block-head{padding:10px 14px;border-bottom:1px solid var(--vnx-border);background:linear-gradient(180deg,#fff,#fafbfd)}
.home-section > .section-head *, .widget > .widget-head *, .sidebar-card > .widget-head *, .block-head *{margin:0}
img{border-radius:10px}
.card img,.post-card img,.news-card img,.album-card img,.video-card img{border-bottom-left-radius:0;border-bottom-right-radius:0}
.container,.site-container,.main-container{max-width:1180px}
.main-content,.content-wrap,.home-layout{gap:18px}
.sidebar,.right-sidebar{width:min(100%,320px)}
.main-column,.content-column{min-width:0}
.section-grid,.post-grid,.home-grid,.block-grid{gap:16px!important}
.nav-menu>li>a{padding:.72rem .82rem!important}
.nav-submenu a{padding:.65rem .85rem!important}
.lx-nav,.nav-menu,.lx-mega-panel,.nav-submenu{box-shadow:none!important}
.lx-nav{border-bottom-width:1px!important}
input,textarea,select{border-radius:10px!important;border:1px solid #dbe3ee!important;box-shadow:none!important}
button,.btn,.button,.lx-admin-btn,.lx-search-btn{border-radius:999px!important;box-shadow:none!important}
button:hover,.btn:hover,.button:hover,.lx-admin-btn:hover,.lx-search-btn:hover{transform:translateY(-1px)}
.entry-content p,.post-content p,.article-content p{margin:0 0 1rem;font-size:1rem;line-height:1.8;color:#334155}
.entry-content h2,.post-content h2,.article-content h2{margin:1.55rem 0 .8rem;font-size:1.4rem}
.entry-content h3,.post-content h3,.article-content h3{margin:1.2rem 0 .7rem;font-size:1.18rem}
.home-section,.widget,.sidebar-card,.card,.post-card,.news-card{margin-bottom:16px}
.footer,.site-footer{font-size:.92rem}
@media (max-width: 1024px){
  html{font-size:14.5px}
  .main-content,.content-wrap,.home-layout{gap:16px}
  .sidebar,.right-sidebar{width:100%}
}
@media (max-width: 768px){
  html{font-size:14px}
  .container,.site-container,.main-container{padding-left:12px;padding-right:12px}
  .home-section > .section-head,.widget > .widget-head,.sidebar-card > .widget-head,.block-head{padding:9px 12px}
  .card-body,.post-card__body,.news-card__body,.widget-body,.sidebar-card__body,.block-card__body{padding:10px 12px 12px}
  .nav-menu>li>a{padding:.68rem .75rem!important}
}