/* ==========================================================================
   NOI DUNG BAI VIET - Truong Thanh Design
   Kieu cho phan chu do nguoi quan tri soan: tieu de, danh sach, trich dan, bang, anh can trai / giua / phai,
   chu thich anh. Dung chung cho ngoai web (.van-ban) va khung soan thao (.mce-content-body) de hai noi giong nhau.
   Khong de len text-align, mau chu, mau nen ma nguoi soan dat truc tiep trong noi dung.
   ========================================================================== */

/* Khung soan thao: nen trang, le vua phai */
body.mce-content-body{margin:0; padding:16px 20px; background:var(--surface); color:var(--text); font:400 var(--c-base)/1.6 var(--font)}
.mce-content-body p{text-align:justify; text-justify:inter-word; hyphens:auto}
.mce-content-body p + p{margin-top:var(--k4)}

:is(.van-ban,.mce-content-body) > * + *{margin-top:var(--k4)}
:is(.van-ban,.mce-content-body) :is(h1,h2,h3,h4,h5,h6){margin-top:var(--k6); margin-bottom:var(--k2); font-family:var(--font-tieu-de); font-weight:600; line-height:1.3; text-align:left}
:is(.van-ban,.mce-content-body) > :first-child{margin-top:0}
:is(.van-ban,.mce-content-body) h2{font-size:var(--c-lg)}
:is(.van-ban,.mce-content-body) h3{font-size:1.12rem}
:is(.van-ban,.mce-content-body) :is(h4,h5,h6){font-size:var(--c-base)}

:is(.van-ban,.mce-content-body) :is(ul,ol){padding-left:1.5em}
:is(.van-ban,.mce-content-body) ul{list-style:disc}
:is(.van-ban,.mce-content-body) ol{list-style:decimal}
:is(.van-ban,.mce-content-body) li + li{margin-top:var(--k1)}
:is(.van-ban,.mce-content-body) li > :is(ul,ol){margin-top:var(--k1)}

:is(.van-ban,.mce-content-body) blockquote{margin-inline:0; padding:var(--k3) var(--k4); border-left:4px solid var(--brand); border-radius:0 var(--r) var(--r) 0; background:var(--surface-2); color:var(--text)}
:is(.van-ban,.mce-content-body) blockquote p + p{margin-top:var(--k2)}
:is(.van-ban,.mce-content-body) hr{height:0; border:0; border-top:1px solid var(--line)}
:is(.van-ban,.mce-content-body) mark{padding:0 2px}
:is(.van-ban,.mce-content-body) pre{overflow-x:auto; padding:var(--k3); background:var(--surface-2); border-radius:var(--r); font-family:var(--font-ma); font-size:var(--c-sm)}

/* Bang: ngoai web bang duoc boc trong .bang-bao de cuon ngang tren man hep */
.van-ban .bang-bao{overflow-x:auto}
:is(.van-ban,.mce-content-body) table{width:100%; border-collapse:collapse; font-size:var(--c-sm)}
:is(.van-ban,.mce-content-body) :is(th,td){padding:10px 12px; text-align:left; vertical-align:top; border:1px solid var(--line)}
:is(.van-ban,.mce-content-body) th{font-weight:600; background:var(--surface-2)}
:is(.van-ban,.mce-content-body) :is(th,td) p{text-align:inherit}
:is(.van-ban,.mce-content-body) caption{padding-bottom:var(--k2); font-weight:600; text-align:left}

/* Anh: trong noi dung anh nam cung dong chu, tru khi duoc can */
:is(.van-ban,.mce-content-body) img{display:inline-block; vertical-align:middle; max-width:100%; height:auto; border-radius:var(--r)}
:is(.van-ban,.mce-content-body) :is(iframe,video,embed,object){max-width:100%}
:is(.van-ban,.mce-content-body) :is(.aligncenter,img.aligncenter,figure.aligncenter,.wp-caption.aligncenter){display:block; float:none; clear:both; margin-left:auto; margin-right:auto}
:is(.van-ban,.mce-content-body) .alignleft{float:left; margin:var(--k1) var(--k6) var(--k3) 0}
:is(.van-ban,.mce-content-body) .alignright{float:right; margin:var(--k1) 0 var(--k3) var(--k6)}
:is(.van-ban,.mce-content-body) .alignnone{margin-left:0; margin-right:0}
:is(.van-ban,.mce-content-body) .wp-caption{max-width:100%}
:is(.van-ban,.mce-content-body) .wp-caption img{display:block; margin-inline:auto}
:is(.van-ban,.mce-content-body) :is(.wp-caption-text,.wp-caption-dd,figcaption){margin-top:var(--k2); font-size:var(--c-xs); color:var(--muted-2); text-align:center}
:is(.van-ban,.mce-content-body) figure{margin-inline:0}
.van-ban::after{content:""; display:block; clear:both}

@media (max-width:559px){
  /* man hep: anh can trai / phai khong con cho de chu chay quanh */
  .van-ban :is(.alignleft,.alignright){float:none; display:block; margin:var(--k4) auto}
}