@charset "UTF-8";
/* =========================================================================
   dienquangngai.com — hệ thiết kế
   Thay cho mdb.min.css (297 KB) + style.css. Mọi lớp đều đặt tên theo
   tiếng Việt không dấu để đọc mã dễ hơn.
   ========================================================================= */

:root{
	--xanh-dam:#0a3a72;
	--xanh-dam-2:#0d4d93;
	--xanh:#1668d4;
	--xanh-nhat:#eaf2fd;
	--xanh-vien:#cfe0f7;
	--cam:#b35502;
	--cam-nhat:#fff3e3;
	--luc:#0f8b45;
	--luc-nhat:#e6f6ed;
	--do:#d3382f;
	--do-nhat:#fdecea;
	--nen:#eef3fa;
	--the:#fff;
	--vien:#e1e9f4;
	--chu:#17233c;
	--chu-nhat:#5a6a85;
	--chu-mo:#66748c;
	--bk:10px;
	--bk-nho:8px;
	--bong:0 1px 2px rgba(13,45,90,.05), 0 4px 14px rgba(13,45,90,.06);
	--bong-noi:0 6px 22px rgba(13,45,90,.12);
	--rong:1280px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
	margin:0;
	background:var(--nen);
	color:var(--chu);
	font-family:Roboto,"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
	font-size:16px;
	line-height:1.6;
}
img{max-width:100%;height:auto}
a{color:var(--xanh);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5{margin:0 0 .5em;line-height:1.3;font-weight:700;color:var(--chu)}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.25em}
table{border-collapse:collapse;width:100%}
button{font:inherit}

/* Ai dùng bàn phím phải luôn nhìn thấy mình đang ở đâu. */
:focus-visible{outline:3px solid var(--cam);outline-offset:2px;border-radius:4px}

/* Bieu tuong SVG: mac dinh bang co chu, cac khoi ben duoi tu chinh lai. */
.bieu-tuong{width:1em;height:1em;flex:0 0 auto;vertical-align:-.14em;display:inline-block}
.duong-dan .bieu-tuong{width:15px;height:15px;margin-right:4px}

.container{width:100%;max-width:var(--rong);margin:0 auto;padding:0 16px}

/* Bỏ qua tới nội dung — cho người dùng bàn phím và trình đọc màn hình. */
.bo-qua{
	position:absolute;left:-9999px;top:0;z-index:200;
	background:var(--xanh);color:#fff;padding:12px 18px;border-radius:0 0 var(--bk) 0;
}
.bo-qua:focus{left:0}

.an-nhin{
	position:absolute;width:1px;height:1px;padding:0;margin:-1px;
	overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ============================ Đầu trang ============================== */
.dau-trang{background:var(--the);border-bottom:1px solid var(--vien);position:relative;z-index:50}
.dau-trang__trong{display:flex;align-items:center;gap:18px;min-height:64px}
.logo{flex:0 0 auto;display:flex;align-items:center}
.logo img{height:40px;width:auto;display:block}

.nut-menu{
	display:none;margin-left:auto;width:44px;height:44px;
	border:1px solid var(--vien);background:var(--the);border-radius:var(--bk-nho);
	color:var(--xanh-dam);cursor:pointer;align-items:center;justify-content:center;
}
.nut-menu .bieu-tuong{width:22px;height:22px}

.menu{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.menu a{
	display:inline-flex;align-items:center;min-height:44px;padding:0 12px;
	color:var(--chu);font-weight:500;border-bottom:2px solid transparent;
}
.menu a:hover{color:var(--xanh);text-decoration:none}
.menu a[aria-current="page"]{color:var(--xanh);border-bottom-color:var(--xanh)}

/* Ô tìm ở thanh trên: chỉ hiện từ máy tính bảng trở lên, điện thoại đã có ô
   to trong khối đầu trang rồi, lặp hai lần là thừa. */
.o-tim-dau{margin-left:auto;position:relative;width:min(280px,32vw)}
.o-tim-dau input{
	width:100%;height:44px;padding:0 14px 0 40px;border-radius:999px;
	border:1px solid var(--vien);background:var(--nen);color:var(--chu);
}
.o-tim-dau .bieu-tuong{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--chu-mo)}

/* ============================== Khối đầu ============================== */
.khoi-dau{
	/* Khong dat overflow:hidden o day: hop goi y cua o tra cuu tran ra ngoai
	   khoi dau, dat overflow la bi cat mat. */
	position:relative;z-index:30;color:#fff;
	/* Mau nen lot: anh chua tai xong thi chu trang van doc duoc. */
	background-color:var(--xanh-dam);
	background-image:url('../../upload/hinhanh/bg-hero.jpg');
	background-image:image-set(
		url('../../upload/hinhanh/bg-hero.webp') type('image/webp'),
		url('../../upload/hinhanh/bg-hero.jpg')  type('image/jpeg'));
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
/* Anh rieng theo tinh: anhKhoiDau() do bien --anh-nen vao the style. */
.khoi-dau--anh{background-image:var(--anh-nen)}
.khoi-dau__trong{position:relative;z-index:2;padding-top:34px;padding-bottom:30px;display:flex;gap:28px;align-items:center}
.khoi-dau__chu{flex:1 1 auto;min-width:0;max-width:640px}
/* Trang chu: khoi dau cao hon de anh nen co cho tho. Cac trang khac giu gon
   de bang lich len som. */
.khoi-dau--cao .khoi-dau__trong{padding-top:160px;padding-bottom:80px}
.khoi-dau__nhan{
	display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
	border-radius:999px;padding:5px 14px;font-size:.78rem;font-weight:600;
	letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;
}
.khoi-dau h1{color:#fff;font-size:2rem;margin:0 0 8px}
.khoi-dau__mo-ta{color:rgba(255,255,255,.86);margin:0 0 18px;max-width:52ch}

/* Ô tra cứu lớn */
.o-tra-cuu{display:flex;background:var(--the);border-radius:var(--bk);padding:6px;box-shadow:var(--bong-noi);max-width:620px}
.o-tra-cuu__nhap{position:relative;flex:1 1 auto;min-width:0}
.o-tra-cuu input{
	width:100%;height:48px;border:0;background:transparent;color:var(--chu);
	padding:0 12px 0 42px;font-size:1rem;
}
.o-tra-cuu input:focus{outline:none}
.o-tra-cuu__nhap .bieu-tuong{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--chu-mo)}
.o-tra-cuu button{
	flex:0 0 auto;min-width:120px;height:48px;border:0;border-radius:var(--bk-nho);
	background:var(--cam);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;
}
.o-tra-cuu button:hover{background:#8f4402}

/* Gợi ý khu vực */
.goi-y{
	position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;
	background:var(--the);border:1px solid var(--vien);border-radius:var(--bk);
	box-shadow:var(--bong-noi);max-height:340px;overflow:auto;padding:6px;
	list-style:none;margin:0;
}
.goi-y[hidden]{display:none}
.goi-y li{margin:0}
.goi-y a{
	display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;
	border-radius:var(--bk-nho);color:var(--chu);
}
.goi-y a:hover,.goi-y a:focus,.goi-y .chon>a{background:var(--xanh-nhat);text-decoration:none}
.goi-y .loai{margin-left:auto;font-size:.78rem;color:var(--chu-mo);flex:0 0 auto}
.goi-y .trong{padding:12px;color:var(--chu-nhat);font-size:.92rem}

/* =========================== Thanh đường dẫn ========================== */
.thanh-duong-dan{background:var(--the);border-bottom:1px solid var(--vien)}
.thanh-duong-dan__trong{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;font-size:.9rem}
.duong-dan{display:flex;align-items:center;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}
.duong-dan li{display:flex;align-items:center;color:var(--chu-nhat)}
.duong-dan li+li::before{content:"›";margin:0 8px;color:var(--chu-mo)}
.duong-dan a{color:var(--chu-nhat)}
.duong-dan a:hover{color:var(--xanh)}
.duong-dan .active span,.duong-dan li:last-child span{color:var(--chu);font-weight:500}
.cap-nhat{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--chu-nhat)}
.cap-nhat .bieu-tuong{width:16px;height:16px;color:var(--xanh)}
.cap-nhat .rut-gon{display:none}

/* ============================== Bố cục =============================== */
.than-trang{padding:20px 0 32px}
.duoi-bo-cuc{margin-top:20px}
.bo-cuc{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:20px;align-items:start}
.cot-chinh,.cot-ben{min-width:0;display:flex;flex-direction:column;gap:20px}

/* =============================== Thẻ ================================= */
.the{background:var(--the);border:1px solid var(--vien);border-radius:var(--bk);box-shadow:var(--bong);overflow:hidden}
.the__dau{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--vien)}
.the__dau .bieu-tuong{width:22px;height:22px;color:var(--xanh);flex:0 0 auto}
.the__dau h2,.the__dau h3,.the__dau h4{margin:0;font-size:1.06rem;color:var(--xanh-dam)}
.the__dau .phai{margin-left:auto;font-size:.88rem;font-weight:400}
.the__than{padding:18px}
.the__than>:last-child{margin-bottom:0}
.the__chan{padding:12px 18px;border-top:1px solid var(--vien);display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.9rem;color:var(--chu-nhat)}

/* Thẻ mở đầu có biểu tượng lớn bên trái */
.the-mo-dau{display:flex;gap:16px;align-items:flex-start;padding:18px}
.the-mo-dau__bt{
	flex:0 0 auto;width:56px;height:56px;border-radius:14px;background:var(--xanh-nhat);
	display:flex;align-items:center;justify-content:center;color:var(--xanh);
}
.the-mo-dau__bt .bieu-tuong{width:30px;height:30px}
.the-mo-dau h2{font-size:1.12rem;margin:0 0 6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.the-mo-dau p{margin:0 0 6px;color:var(--chu-nhat);font-size:.96rem}
.the-mo-dau p:last-child{margin-bottom:0}

.nhan-nho{
	display:inline-block;background:var(--cam-nhat);color:#9c5305;border:1px solid #ffdcae;
	border-radius:999px;padding:2px 10px;font-size:.74rem;font-weight:600;
	letter-spacing:.02em;vertical-align:middle;
}

/* ========================== Lưới huyện, xã ============================ */
.luoi-khu-vuc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.o-khu-vuc{
	display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;
	border:1px solid var(--vien);border-radius:var(--bk);background:var(--the);color:var(--chu);
	transition:border-color .15s,box-shadow .15s,background .15s;
}
.o-khu-vuc:hover{border-color:var(--xanh-vien);background:var(--xanh-nhat);box-shadow:var(--bong);text-decoration:none}
.o-khu-vuc__bt{
	flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--xanh-nhat);
	display:flex;align-items:center;justify-content:center;color:var(--xanh);
}
.o-khu-vuc__bt{width:42px;height:42px;overflow:hidden}
.o-khu-vuc__bt--anh{background:var(--vien)}
.o-khu-vuc__bt img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.o-khu-vuc__bt .bieu-tuong{width:20px;height:20px}
.o-khu-vuc__chu{flex:1 1 auto;min-width:0}
.o-khu-vuc b{display:block;font-size:1rem;color:var(--xanh-dam);font-weight:600;line-height:1.35}
.o-khu-vuc .mui-ten{flex:0 0 auto;width:18px;height:18px;color:var(--chu-mo)}
.o-khu-vuc--dang-xem{border-color:var(--xanh-vien);background:var(--xanh-nhat)}

.tieu-de-tinh{grid-column:1/-1;margin:8px 0 0;font-size:.86rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--chu-mo)}
/* Day la lien ket sang trang tinh, phai du cao de cham trung tren dien thoai. */
.tieu-de-tinh a{display:inline-flex;align-items:center;min-height:44px;color:var(--chu-mo)}
.tieu-de-tinh a:hover{color:var(--xanh)}
.tieu-de-tinh:first-child{margin-top:0}

/* ============================ Bảng lịch ============================== */
.cuon-ngang{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bang-lich{width:100%;font-size:.94rem}
.bang-lich th,.bang-lich td{padding:11px 12px;border-bottom:1px solid var(--vien);text-align:left;vertical-align:top}
.bang-lich thead th{
	background:#f4f8fd;color:var(--xanh-dam);font-weight:600;font-size:.88rem;
	white-space:nowrap;border-bottom:1px solid var(--vien);
}
.bang-lich tbody tr:hover{background:#fafcff}
.bang-lich tbody tr:last-child td{border-bottom:0}
.bang-lich col.c-thoi-gian{width:13%}
.bang-lich col.c-khu-vuc{width:20%}
.bang-lich col.c-don-vi{width:12%}
/* Ten don vi ("Dien luc TP Quang Ngai") hay bi ep xuong 4 dong khi cot hep. */
.bang-lich th:nth-child(3),.bang-lich td:nth-child(3){min-width:130px}
.bang-lich col.c-thong-tin{width:41%}
.bang-lich col.c-trang-thai{width:14%}
/* Cot Trang thai chi chua mot nhan ngan, canh giua nhin can hon canh trai.
   Chi ap dung tu 768px tro len — duoi do moi dong la mot the, canh trai. */
.bang-lich th:nth-child(5),.bang-lich td:nth-child(5){text-align:center}
.bang-lich .o-co-bt{display:flex;align-items:flex-start;gap:8px}
.bang-lich .o-co-bt>.bieu-tuong{width:16px;height:16px;margin-top:3px;color:var(--chu-mo)}
.bang-lich thead .bieu-tuong{width:15px;height:15px;margin-right:6px;color:var(--xanh);vertical-align:-.16em}
.bang-lich .ngay{white-space:nowrap;font-weight:600;color:var(--xanh-dam)}
.bang-lich .gio{display:block;font-weight:400;color:var(--chu-nhat);font-size:.8rem;white-space:nowrap}
.bang-lich .khu-vuc{font-weight:500}
.bang-lich .ly-do{color:var(--chu-nhat)}

.nhan{
	display:inline-block;border-radius:999px;padding:3px 10px;font-size:.78rem;
	font-weight:600;white-space:nowrap;border:1px solid transparent;
}
.nhan--sap{background:var(--cam-nhat);color:#9c5305;border-color:#ffdcae}
.nhan--dang{background:var(--luc-nhat);color:#0b6d36;border-color:#bfe6cf}
.nhan--xong{background:#f1f4f9;color:#61708a;border-color:#dfe6f0}
.nhan--hoan{background:var(--do-nhat);color:#a92b23;border-color:#f6c8c4}
.loai-su-co{display:block;margin-top:4px;font-size:.78rem;color:var(--chu-mo)}

.ly-do details summary{cursor:pointer;list-style:none;display:block}
.ly-do details summary::-webkit-details-marker{display:none}
.ly-do details summary::after{content:" Xem đầy đủ";color:var(--xanh);white-space:nowrap;font-size:.86rem}
.ly-do details[open] summary{display:none}
.ly-do details[open]::after{content:"";display:block}

.nguon{font-size:.86rem;color:var(--chu-mo)}
.nguon a{color:var(--chu-nhat)}

/* ============================ Phân trang ============================= */
.phan-trang{display:flex;align-items:center;gap:6px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.phan-trang li{margin:0}
.phan-trang a,.phan-trang span{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:40px;height:40px;padding:0 10px;border-radius:var(--bk-nho);
	border:1px solid var(--vien);background:var(--the);color:var(--chu);font-size:.92rem;
}
.phan-trang a:hover{border-color:var(--xanh-vien);background:var(--xanh-nhat);text-decoration:none}
.phan-trang .dang-xem span{background:var(--xanh);border-color:var(--xanh);color:#fff;font-weight:600}

/* ============================ Cột bên ================================ */
/* Luon 2 cot. Cot ben chi rong ~270px nen the phai gon: bieu tuong 26px,
   ngay .8rem, bo mui ten (ca the da la mot lien ket roi). */
.luoi-ngay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
.luoi-ngay a{
	display:flex;align-items:center;gap:6px;
	min-height:52px;padding:7px 6px;border:1px solid var(--vien);border-radius:10px;
	background:var(--the);color:var(--chu);line-height:1.25;
	transition:border-color .15s,box-shadow .15s;
}
.luoi-ngay a:hover{border-color:var(--xanh-vien);box-shadow:var(--bong);text-decoration:none}
.luoi-ngay__bt{
	flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--xanh-nhat);
	display:flex;align-items:center;justify-content:center;color:var(--xanh);
}
.luoi-ngay__bt .bieu-tuong{width:15px;height:15px}
.luoi-ngay__chu{flex:1 1 auto;min-width:0;overflow:hidden}
.luoi-ngay a b{display:block;font-size:.8rem;font-weight:700;color:var(--xanh-dam);white-space:nowrap}
.luoi-ngay a small{display:block;color:var(--chu-nhat);font-size:.72rem;white-space:nowrap}
.luoi-ngay .mui-ten{display:none}

/* Hai o dau: hom nay dam hon, ngay mai sang hon — de mat phan biet ngay. */
.luoi-ngay .noi-bat a{border-color:transparent;color:#fff}
.luoi-ngay li.noi-bat:nth-child(1) a{background:linear-gradient(135deg,#1f74dd 0%,#0e4fa0 100%)}
.luoi-ngay li.noi-bat:nth-child(2) a{background:linear-gradient(135deg,#3f93ef 0%,#1c72d8 100%)}
.luoi-ngay .noi-bat a:hover{box-shadow:var(--bong-noi)}
.luoi-ngay .noi-bat .luoi-ngay__bt{background:#fff}
.luoi-ngay .noi-bat a b{font-size:.74rem;font-weight:600;color:rgba(255,255,255,.95)}
.luoi-ngay .noi-bat a small{font-size:.82rem;font-weight:700;color:#fff}
.luoi-ngay .noi-bat .mui-ten{color:rgba(255,255,255,.85)}

.ds-lien-ket{list-style:none;margin:0;padding:0}
.ds-lien-ket li+li{border-top:1px solid var(--vien)}
.ds-lien-ket a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;color:var(--chu)}
.ds-lien-ket a:hover{color:var(--xanh)}
.ds-lien-ket .bieu-tuong{width:18px;height:18px;color:var(--xanh);flex:0 0 auto}

.khung-ban-do{border-radius:var(--bk-nho);overflow:hidden;border:1px solid var(--vien);line-height:0}
.khung-ban-do iframe{width:100%;height:230px;border:0;display:block}

.the-ho-tro{display:flex;gap:14px;align-items:flex-start;padding:18px}
.the-ho-tro__bt{
	flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--xanh-nhat);
	display:flex;align-items:center;justify-content:center;color:var(--xanh);
}
.the-ho-tro__bt .bieu-tuong{width:24px;height:24px}
.the-ho-tro b{display:block;color:var(--xanh-dam)}
.the-ho-tro p{margin:2px 0 6px;font-size:.9rem;color:var(--chu-nhat)}
.so-tong-dai{display:inline-flex;align-items:center;min-height:44px;font-size:1.32rem;font-weight:700;color:var(--cam)}
.so-tong-dai:hover{color:#8f4402}
.the-ho-tro small{color:var(--chu-mo)}

/* ======================== Khối giới thiệu cuối ======================== */
.gt-cuoi{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:32px;padding:22px 24px;align-items:center}
.gt-cuoi__chu h2{font-size:1.06rem;color:var(--xanh-dam);display:flex;align-items:center;gap:10px}
.gt-cuoi__chu h2 .bieu-tuong{width:22px;height:22px;color:var(--xanh)}
.gt-cuoi__chu p{font-size:.94rem;color:var(--chu-nhat)}
.diem-manh{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:center;align-content:center}
.diem-manh .bt{
	width:46px;height:46px;border-radius:50%;background:var(--xanh-nhat);color:var(--xanh);
	display:flex;align-items:center;justify-content:center;margin:0 auto 8px;
}
.diem-manh .bt .bieu-tuong{width:24px;height:24px}
.diem-manh b{display:block;font-size:.92rem;color:var(--xanh-dam)}
.diem-manh small{color:var(--chu-mo);font-size:.82rem;line-height:1.35;display:block}

/* ============================ Chân trang ============================= */
.chan-trang{background:var(--the);border-top:1px solid var(--vien);margin-top:32px;padding:24px 0}
.chan-trang__trong{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.chan-trang__logo img{height:40px;width:auto}
.chan-trang__menu{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.chan-trang__menu a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--chu)}
.chan-trang__menu a:hover{color:var(--xanh)}
.chan-trang__mxh{margin-left:auto;display:flex;align-items:center;gap:10px}
.chan-trang__mxh span{color:var(--chu-nhat);font-size:.9rem}
.chan-trang__mxh a{
	width:40px;height:40px;border-radius:50%;background:var(--xanh);color:#fff;
	display:flex;align-items:center;justify-content:center;
}
.chan-trang__mxh a:hover{background:var(--xanh-dam-2)}
.chan-trang__mxh .bieu-tuong{width:18px;height:18px}
.ban-quyen{width:100%;border-top:1px solid var(--vien);margin-top:8px;padding-top:14px;font-size:.9rem;color:var(--chu-nhat)}

.len-dau{
	position:fixed;right:18px;bottom:18px;z-index:40;width:44px;height:44px;
	border-radius:12px;border:0;background:var(--xanh);color:#fff;cursor:pointer;
	display:none;align-items:center;justify-content:center;box-shadow:var(--bong-noi);
}
.len-dau.hien{display:flex}
.len-dau .bieu-tuong{width:20px;height:20px}

/* ============================= Linh tinh ============================= */
.nhac{
	background:var(--cam-nhat);border:1px solid #ffdcae;border-radius:var(--bk-nho);
	padding:12px 14px;color:#7a4103;font-size:.94rem;
}
.trong-rong{text-align:center;padding:26px 12px;color:var(--chu-nhat)}
.trong-rong .bt{
	width:54px;height:54px;border-radius:50%;background:var(--xanh-nhat);color:var(--xanh);
	display:flex;align-items:center;justify-content:center;margin:0 auto 12px;
}
.trong-rong .bt .bieu-tuong{width:28px;height:28px}
/* Anh 900x442 sinh tu dong. Khai bao aspect-ratio de o trong duoc giu dung
   ty le truoc khi anh tai xong, khong nhay layout. */
.anh-chia-se{margin:0 0 16px}
.anh-chia-se img{
	display:block;width:100%;height:auto;aspect-ratio:900/442;object-fit:cover;
	border-radius:var(--bk-nho);border:1px solid var(--vien);background:var(--nen);
}
.noi-dung-seo{font-size:.96rem;color:var(--chu-nhat)}
.noi-dung-seo h2,.noi-dung-seo h3{color:var(--xanh-dam);font-size:1.02rem;margin-top:1.2em}
.noi-dung-seo img{border-radius:var(--bk-nho)}
.noi-dung-seo table{display:block;overflow-x:auto;white-space:nowrap}

/* ============================ Đáp ứng ================================ */
/* Duoi 1280px, background-size:cover cat bot hai ben (hoac phong to anh) nen
   dong chu in san trong anh de len tieu de trang — da do: o 1024px thieu 122px.
   Dung ban cat khong co chu cho moi khung hep. Nhe hon nhieu: 3,5 KB. */
@media (max-width:1279.98px){
	.khoi-dau{
		background-image:url('../../upload/hinhanh/bg-hero-hep.jpg');
		background-image:image-set(
			url('../../upload/hinhanh/bg-hero-hep.webp') type('image/webp'),
			url('../../upload/hinhanh/bg-hero-hep.jpg')  type('image/jpeg'));
	}
	.khoi-dau--anh{background-image:var(--anh-nen)}
}

/* Duoi 1200px moi chuyen ve mot cot. O 1024px neu van 2 cot thi cot ben chi
   con 243px — the chon ngay rong 99px, khong du cho o mot dong. */
@media (max-width:1199.98px){
	.bo-cuc{grid-template-columns:1fr}
	.luoi-khu-vuc{grid-template-columns:repeat(2,minmax(0,1fr))}
	.o-tim-dau{display:none}
	.gt-cuoi{grid-template-columns:1fr}
}

@media (max-width:767.98px){
	body{font-size:15px}
	.nut-menu{display:flex}
	.menu{
		display:none;position:absolute;left:0;right:0;top:100%;
		flex-direction:column;align-items:stretch;gap:0;
		background:var(--the);border-bottom:1px solid var(--vien);box-shadow:var(--bong-noi);padding:6px 16px 12px;
	}
	.menu.mo{display:flex}
	.menu a{border-bottom:1px solid var(--vien);border-radius:0}
	.menu a[aria-current="page"]{border-bottom-color:var(--vien);background:var(--xanh-nhat)}
	/* Khoi dau tren dien thoai: gon lai de bang lich len som hon mot man hinh. */
	.khoi-dau__trong{padding-top:18px;padding-bottom:16px}
	.khoi-dau__nhan{font-size:.7rem;padding:4px 10px;margin-bottom:8px}
	.khoi-dau h1{font-size:1.35rem;margin-bottom:6px}
	.khoi-dau__mo-ta{font-size:.92rem;margin-bottom:14px}
	/* O nhap va nut nam cung mot hang. Truoc day nut chiem tron mot hang,
	   day noi dung xuong them khoang 54px ma khong duoc them gi. */
	.o-tra-cuu{flex-wrap:nowrap;padding:5px;gap:5px}
	.o-tra-cuu__nhap{flex:1 1 auto;min-width:0}
	.o-tra-cuu input{height:44px;font-size:16px;padding-left:38px}
	.o-tra-cuu__nhap .bieu-tuong{left:11px;width:18px;height:18px}
	.o-tra-cuu button{flex:0 0 auto;min-width:88px;height:44px;padding:0 14px;font-size:.94rem}
	.luoi-khu-vuc{grid-template-columns:1fr}
	.the__than{padding:14px}

	/* Duong dan: mot hang cuon ngang thay vi xuong dong; "Cap nhat" rut gon
	   con ngay/gio de van du cho tren mot hang. */
	.thanh-duong-dan__trong{flex-wrap:nowrap;gap:10px;padding-top:8px;padding-bottom:8px;font-size:.84rem}
	/* Khong co min-width:0 thi the <nav> giu nguyen be rong tu nhien cua duong
	   dan, day dong "Cap nhat" tran ra ngoai man hinh. */
	.thanh-duong-dan__trong>nav{flex:1 1 auto;min-width:0;overflow:hidden}
	.duong-dan{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
	.duong-dan::-webkit-scrollbar{display:none}
	.duong-dan li{white-space:nowrap}
	.duong-dan li+li::before{margin:0 6px}
	.cap-nhat{margin-left:auto;width:auto;flex:0 0 auto;font-size:.8rem;gap:4px}
	.cap-nhat .day-du{display:none}
	.cap-nhat .rut-gon{display:inline}

	/* Bảng lịch trên điện thoại: mỗi dòng thành một thẻ, không phải cuộn ngang. */
	.cuon-ngang{overflow:visible}
	.bang-lich,.bang-lich tbody,.bang-lich tr,.bang-lich td{display:block;width:100%}
	.bang-lich thead{display:none}
	.bang-lich tr{
		border:1px solid var(--vien);border-radius:var(--bk-nho);
		margin-bottom:10px;padding:10px 12px;background:var(--the);
	}
	.bang-lich td{border:0;padding:4px 0}
	.bang-lich td::before{
		content:attr(data-nhan);display:block;
		font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--chu-mo);
	}
	.bang-lich th:nth-child(5),.bang-lich td:nth-child(5){text-align:left}
	/* Nhan dem o dau the ("50 dot") bi bop lai khi tieu de dai. */
	.the__dau .phai{min-width:33px}
	.bang-lich td.ngay::before{content:none}
	/* Tren dien thoai moi o da co nhan chu roi, bieu tuong lap lai la thua. */
	.bang-lich .o-co-bt>.bieu-tuong{display:none}
	.bang-lich .o-co-bt{display:block}
	.diem-manh{grid-template-columns:repeat(3,minmax(0,1fr))}
	.chan-trang__mxh{margin-left:0;width:100%}
}

@media (max-width:479.98px){
	/* Giu 2 cot cho luoi ngay va 3 cot cho khoi diem manh: xep mot cot lam
	   trang dai them ma khong de doc hon. */
	/* Tren dien thoai cot nay trai het be ngang nen the rong hon cot ben,
	   cho chu to lai va hien mui ten. */
	.luoi-ngay a{min-height:56px;padding:8px;gap:9px}
	.luoi-ngay__bt{width:32px;height:32px}
	.luoi-ngay__bt .bieu-tuong{width:17px;height:17px}
	.luoi-ngay a b{font-size:.88rem}
	.luoi-ngay a small{font-size:.78rem}
	.luoi-ngay .noi-bat a b{font-size:.8rem}
	.luoi-ngay .noi-bat a small{font-size:.9rem}
	.diem-manh{gap:8px}
	.diem-manh .bt{width:38px;height:38px;margin-bottom:6px}
	.diem-manh .bt .bieu-tuong{width:20px;height:20px}
	.diem-manh b{font-size:.84rem}
	.diem-manh small{font-size:.74rem}
}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

@media print{
	.dau-trang,.khoi-dau,.cot-ben,.chan-trang,.len-dau,.phan-trang{display:none!important}
	body{background:#fff}
	.the{border:0;box-shadow:none}
}