/* Banner trên trang — macro templates/_banner.html. Rộng tối đa 720px, nằm
   giữa khi trang rộng hơn. Mọi class bắt đầu bằng mt-banner. */
.mt-banner{margin:24px auto;max-width:720px;border:1px solid var(--mt-border);border-radius:14px;
  background:#fff;overflow:hidden;color:var(--mt-text)}
.mt-banner-nhan{margin:0;padding:10px 14px 0;font-size:12px;line-height:1.3;color:var(--mt-muted)}
.mt-banner--nha .mt-banner-nhan{color:var(--mt-primary);font-weight:600}
.mt-banner-link{display:block;color:inherit;text-decoration:none}
.mt-banner-hinh{display:block;margin:8px 14px 0}
.mt-banner-hinh img{display:block;width:100%;height:auto;aspect-ratio:4/1;object-fit:cover;
  border-radius:10px;background:var(--mt-surface)}
.mt-banner-hinh--2-1 img{aspect-ratio:2/1}
.mt-banner-chu{display:flex;flex-direction:column;gap:4px;padding:8px 14px 14px;min-width:0}
.mt-banner-tieu-de{font-weight:600;font-size:15px;line-height:1.4}
.mt-banner-mo-ta{font-size:14px;line-height:1.5;color:var(--mt-muted)}
.mt-banner-nut{align-self:flex-start;margin-top:4px;font-size:14px;font-weight:600;color:var(--mt-primary)}
.mt-banner-link:hover .mt-banner-nut{text-decoration:underline}
.mt-banner-link:focus-visible{outline:3px solid var(--mt-primary);outline-offset:-3px;border-radius:14px}
@media (max-width:519px){.mt-banner-hinh--doi img{aspect-ratio:2/1}}
/* Trang lịch trình mở từ bản đã lưu (mất mạng/máy chủ chậm — service worker
   gắn data-mt-ban-luu vào <html>): ảnh không tải được, link không mở được. */
html[data-mt-ban-luu] .mt-banner{display:none}