/* VIGO Academy — nhúng video responsive (Vimeo/YouTube) + gia cố giao diện Tablet & Mobile.
   Nạp SAU CÙNG để bổ sung/đè nhẹ lên CSS từng trang. */

/* ---- An toàn: không tràn ngang, media co giãn ---- */
html{overflow-x:clip}
img,video,iframe,embed,object{max-width:100%}
.art img,.body img,.page-content img,.entry-content img{height:auto}
.wrap,.art,.body,.page-content{overflow-wrap:break-word;word-wrap:break-word}

/* ---- Nhúng video (Vimeo, YouTube…) giữ tỉ lệ 16:9 trên mọi màn hình ---- */
.vg-embed{position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#0A1D33;margin:1.6em 0}
.vg-embed iframe,.vg-embed video,.vg-embed object,.vg-embed embed{position:absolute!important;inset:0;width:100%!important;height:100%!important;border:0}
figure.wp-block-embed{margin:1.6em 0}
.wp-block-embed__wrapper{position:relative}
.art iframe,.body iframe,.page-content iframe,.entry-content iframe{aspect-ratio:16/9;height:auto;border-radius:12px}

/* ---- Bảng dài trong nội dung: cuộn ngang gọn, không phá layout mobile ---- */
.art .wp-block-table,.page-content .wp-block-table,.body .wp-block-table,.entry-content .wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
.art table,.page-content table,.entry-content table{min-width:100%}

/* ---- Tablet (≤1024px) ---- */
@media(max-width:1024px){
	.wrap{padding-left:20px;padding-right:20px}
}

/* ---- Mobile (≤640px) ---- */
@media(max-width:640px){
	:root{--gut:16px}
	.btn{padding:14px 22px}          /* vùng chạm ≥44px */
	.btn-sm{padding:12px 18px}
	.hero-cta{flex-direction:column;align-items:stretch}
	.hero-cta .btn{width:100%;justify-content:center}
	.cc-tools,.c-tools{flex-wrap:wrap}
	.announce{font-size:.78rem}
}

/* Menu di động: mục dễ chạm hơn */
@media(max-width:1120px){
	.mnav a{padding:14px 20px}
}

/* ---- Điện thoại nhỏ (≤380px) ---- */
@media(max-width:380px){
	.logo-lockup .wm{font-size:1.14rem}
	.logo-lockup .logo-mark{width:34px;height:34px}
	.btn{font-size:.95rem}
}