/*
 * layout.css - Bố cục trang: khung, đầu trang, menu, cột bên, chân trang.
 */

/* ==========================================================================
   1. Khung và bố cục hai cột
   ========================================================================== */

.trang-boc {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

/* Khung giới hạn chiều ngang, dùng ở mọi khối nội dung. */
.khung {
	width: 100%;
	max-width: var(--rong-khung);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--kc-4);
	padding-right: var(--kc-4);
}

/* Kiểu hộp: toàn trang thu vào giữa, có nền phía sau. */
body.khung-hop .trang-boc {
	max-width: calc(var(--rong-khung) + 80px);
	margin: 0 auto;
	background: var(--mau-nen);
	box-shadow: var(--bong-2);
}

.khoi-noi-dung {
	display: grid;
	gap: var(--kc-hai-cot);
	padding: var(--kc-7) 0;
	align-items: start;
}

.khoi-noi-dung--mot-cot {
	grid-template-columns: minmax(0, 1fr);
}

.khoi-noi-dung--sidebar-phai {
	grid-template-columns: minmax(0, 1fr) var(--rong-cot-ben);
}

.khoi-noi-dung--sidebar-trai {
	grid-template-columns: var(--rong-cot-ben) minmax(0, 1fr);
}

/* Cột bên bên trái: đảo thứ tự hiển thị nhưng giữ nguyên thứ tự trong mã nguồn,
   nhờ vậy trình đọc màn hình vẫn đọc nội dung chính trước. */
.khoi-noi-dung--sidebar-trai .cot-noi-dung { order: 2; }
.khoi-noi-dung--sidebar-trai .cot-ben { order: 1; }

.cot-noi-dung {
	min-width: 0;
}

/*
 * Bố cục tràn chiều ngang: gỡ giới hạn của khung bao ngoài.
 * Dùng :has để nhắm đúng khung đang chứa khối nội dung, không đụng tới
 * khung của đầu trang và chân trang. Trình duyệt chưa hỗ trợ :has thì trang
 * vẫn hiển thị bình thường, chỉ là không tràn hết bề ngang.
 */
body.bo-cuc-rong .khung:has(> .khoi-noi-dung) {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

body.bo-cuc-rong .khung:has(> .khoi-noi-dung) .cot-noi-dung > * {
	max-width: none;
}

.cot-ben__trong {
	position: sticky;
	top: 90px;
}

/* ==========================================================================
   2. Thanh trên cùng
   ========================================================================== */

.thanh-tren-cung {
	background: var(--mau-topbar-nen);
	color: var(--mau-topbar-chu);
	font-size: var(--co-chu-nho);
}

.thanh-tren-cung__trong {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--kc-4);
	min-height: 38px;
}

.thanh-tren-cung a {
	color: inherit;
}

.thanh-tren-cung a:hover {
	color: #fff;
}

.thanh-tren-cung__phai {
	display: flex;
	align-items: center;
	gap: var(--kc-4);
}

.menu-phu {
	display: flex;
	align-items: center;
	gap: var(--kc-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu-phu li { margin: 0; }

/* ==========================================================================
   3. Đầu trang
   ========================================================================== */

.dau-trang {
	position: relative;
	z-index: var(--lop-header);
	background: var(--mau-header-nen);
	color: var(--mau-header-chu);
	border-bottom: 1px solid var(--mau-vien);
}

/* Ghim đầu trang khi cuộn. Chỉ ghim khối chính, thanh trên cùng cuộn đi. */
body.header-dinh .dau-trang__chinh {
	position: sticky;
	top: 0;
	z-index: var(--lop-header);
	background: var(--mau-header-nen);
	transition: box-shadow var(--vua);
}

body.header-dinh .dau-trang__chinh.da-cuon {
	box-shadow: var(--bong-2);
}

.dau-trang__trong {
	display: flex;
	align-items: center;
	gap: var(--kc-5);
	min-height: 72px;
}

.dau-trang a {
	color: inherit;
}

/* Nhận diện: logo hoặc tên site. */
.nhan-dien {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.nhan-dien img,
.custom-logo {
	height: var(--cao-logo);
	width: auto;
	max-width: 280px;
	object-fit: contain;
}

.nhan-dien__ten {
	margin: 0;
	font-size: 1.35rem;
	font-weight: 800;
	line-height: 1.2;
}

.nhan-dien__ten a:hover {
	text-decoration: none;
	color: var(--mau-chinh);
}

.nhan-dien__mo-ta {
	margin: 2px 0 0;
	font-size: var(--co-chu-nho);
	color: var(--mau-chu-nhat);
}

/* Cụm thao tác bên phải đầu trang. */
.dau-trang__thao-tac {
	display: flex;
	align-items: center;
	gap: var(--kc-2);
	margin-left: auto;
}

.dau-trang__hotline-nho span {
	white-space: nowrap;
}

/* Cụm liên hệ của kiểu đầu trang tách. */
.dau-trang__lien-he {
	display: flex;
	align-items: center;
	gap: var(--kc-5);
	margin-left: auto;
}

.dau-trang__hotline,
.dau-trang__dia-chi {
	display: flex;
	align-items: center;
	gap: var(--kc-2);
	font-size: var(--co-chu-vua);
}

.dau-trang__hotline .icon,
.dau-trang__dia-chi .icon {
	color: var(--mau-chinh);
}

.dau-trang__hotline small,
.dau-trang__dia-chi small {
	display: block;
	font-size: 11px;
	color: var(--mau-chu-nhat);
	line-height: 1.2;
}

.dau-trang__hotline strong,
.dau-trang__dia-chi strong {
	display: block;
	font-size: var(--co-chu-vua);
}

.dau-trang__hotline:hover {
	text-decoration: none;
	color: var(--mau-chinh);
}

/* Kiểu logo ở giữa. */
.dau-trang--giua .dau-trang__trong {
	flex-direction: column;
	gap: var(--kc-3);
	padding: var(--kc-5) 0;
	text-align: center;
}

.dau-trang--giua .dau-trang__thao-tac {
	margin-left: 0;
}

/* Dải menu riêng cho kiểu giữa và kiểu tách. */
.dai-menu {
	border-top: 1px solid var(--mau-vien);
	background: var(--mau-header-nen);
}

.dai-menu .menu--chinh {
	justify-content: center;
}

/* ==========================================================================
   4. Menu chính
   ========================================================================== */

.menu {
	display: flex;
	align-items: center;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu li {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
}

.menu > li > a {
	display: flex;
	align-items: center;
	padding: 12px 14px;
	font-size: var(--co-chu-vua);
	font-weight: 600;
	white-space: nowrap;
	border-radius: var(--bo-goc-nho);
	transition: color var(--nhanh), background-color var(--nhanh);
}

.menu > li > a:hover,
.menu > li.current-menu-item > a,
.menu > li.current-menu-ancestor > a {
	color: var(--mau-chinh);
	text-decoration: none;
	background: rgba(var(--mau-chinh-rgb), 0.06);
}

/* Nút mũi tên của mục có menu con. */
.nut-mo-menu-con {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0;
	margin-left: -6px;
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
}

.nut-mo-menu-con:hover {
	background: transparent;
	transform: none;
}

.nut-mo-menu-con .icon {
	transition: transform var(--nhanh);
}

.nut-mo-menu-con[aria-expanded="true"] .icon {
	transform: rotate(180deg);
}

/* Menu con dạng thả xuống trên máy tính. */
.menu-con {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 20;
	min-width: 230px;
	margin: 0;
	padding: var(--kc-2);
	list-style: none;
	background: var(--mau-nen);
	border: 1px solid var(--mau-vien);
	border-radius: var(--bo-goc);
	box-shadow: var(--bong-3);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity var(--nhanh), visibility var(--nhanh), transform var(--nhanh);
}

.menu li:hover > .menu-con,
.menu li:focus-within > .menu-con,
.menu li.dang-mo > .menu-con {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.menu-con a {
	display: block;
	padding: 9px 12px;
	border-radius: var(--bo-goc-nho);
	font-size: var(--co-chu-vua);
	color: var(--mau-chu);
}

.menu-con a:hover {
	background: var(--mau-nen-phu);
	color: var(--mau-chinh);
	text-decoration: none;
}

/* Menu con từ cấp hai trở đi mở sang ngang. */
.menu-con .menu-con {
	top: -8px;
	left: 100%;
}

/* Menu con sát mép phải màn hình thì đổi hướng mở sang trái. */
.menu > li:last-child > .menu-con,
.menu > li:nth-last-child(2) > .menu-con {
	left: auto;
	right: 0;
}

/* ==========================================================================
   5. Ngăn kéo menu trên điện thoại
   ========================================================================== */

.nut-mo-menu {
	display: none;
}

.menu-dien-thoai {
	position: fixed;
	top: 0;
	left: 0;
	z-index: var(--lop-ngan-keo);
	display: flex;
	flex-direction: column;
	width: min(86vw, 340px);
	height: 100%;
	background: var(--mau-nen);
	box-shadow: var(--bong-3);
	transform: translateX(-100%);
	transition: transform var(--vua);
	overflow-y: auto;
}

.menu-dien-thoai.dang-mo {
	transform: translateX(0);
}

.menu-dien-thoai__dau {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--kc-4);
	border-bottom: 1px solid var(--mau-vien);
}

.menu-dien-thoai__tieu-de {
	font-weight: 700;
	font-size: 1.05rem;
}

.menu-dien-thoai__than {
	flex: 1;
	padding: var(--kc-4);
}

.menu-dien-thoai__chan {
	padding: var(--kc-4);
	border-top: 1px solid var(--mau-vien);
	display: flex;
	flex-direction: column;
	gap: var(--kc-3);
}

.menu--dien-thoai {
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	margin-bottom: var(--kc-4);
}

.menu--dien-thoai li {
	border-bottom: 1px solid var(--mau-vien);
}

.menu--dien-thoai > li > a,
.menu--dien-thoai .menu-con a {
	padding: 12px 0;
	font-weight: 600;
	background: none;
}

/* Trong ngăn kéo, menu con hiện dạng đóng mở dọc chứ không thả xuống. */
.menu--dien-thoai .menu-con {
	position: static;
	display: none;
	min-width: 0;
	padding: 0 0 var(--kc-2) var(--kc-4);
	border: 0;
	box-shadow: none;
	opacity: 1;
	visibility: visible;
	transform: none;
	background: transparent;
}

.menu--dien-thoai li.dang-mo > .menu-con {
	display: block;
}

.menu--dien-thoai li:hover > .menu-con {
	display: none;
}

.menu--dien-thoai li.dang-mo:hover > .menu-con {
	display: block;
}

/* Mục menu trong ngăn kéo cần đặt nút mũi tên về bên phải. */
.menu--dien-thoai > li,
.menu--dien-thoai .menu-con > li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.menu--dien-thoai a {
	flex: 1;
}

.menu--dien-thoai .menu-con {
	flex-basis: 100%;
}

/* Lớp phủ mờ phía sau ngăn kéo. */
.lop-phu {
	position: fixed;
	inset: 0;
	z-index: var(--lop-lop-phu);
	background: rgba(0, 0, 0, 0.45);
	opacity: 0;
	transition: opacity var(--vua);
}

.lop-phu.dang-mo {
	opacity: 1;
}

/* ==========================================================================
   6. Bảng tìm kiếm trượt
   ========================================================================== */

.bang-tim-kiem {
	background: var(--mau-nen-phu);
	border-bottom: 1px solid var(--mau-vien);
	padding: var(--kc-4) 0;
}

.bang-tim-kiem .khung {
	display: flex;
	align-items: center;
	gap: var(--kc-3);
}

.bang-tim-kiem .bieu-mau-tim-kiem {
	flex: 1;
}

.bang-tim-kiem__dong {
	width: 42px;
	height: 42px;
	padding: 0;
	background: transparent;
	border: 0;
	color: var(--mau-chu-nhat);
	cursor: pointer;
}

/* ==========================================================================
   7. Đường dẫn phân cấp
   ========================================================================== */

.dai-duong-dan {
	padding: var(--kc-3) 0;
	background: var(--mau-nen-phu);
	border-bottom: 1px solid var(--mau-vien);
	font-size: var(--co-chu-nho);
}

.duong-dan-phan-cap ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--kc-1);
	margin: 0;
	padding: 0;
	list-style: none;
}

.duong-dan-phan-cap li {
	display: flex;
	align-items: center;
	gap: var(--kc-1);
	margin: 0;
	color: var(--mau-chu-nhat);
}

.duong-dan-phan-cap a {
	color: var(--mau-chu-nhat);
}

.duong-dan-phan-cap a:hover {
	color: var(--mau-chinh);
}

.duong-dan-phan-cap .ngan-cach {
	color: var(--mau-vien);
	margin: 0 2px;
}

/* ==========================================================================
   8. Lưới bài viết
   ========================================================================== */

.luoi-bai {
	display: grid;
	gap: var(--kc-5);
	grid-template-columns: repeat(var(--so-cot, 3), minmax(0, 1fr));
}

.luoi-bai--2 { --so-cot: 2; }
.luoi-bai--3 { --so-cot: 3; }
.luoi-bai--4 { --so-cot: 4; }

.danh-sach-bai {
	display: flex;
	flex-direction: column;
	gap: var(--kc-5);
}

/* ==========================================================================
   9. Các khối của trang chủ
   ========================================================================== */

.khoi-mo-dau {
	padding: var(--kc-8) 0;
	background: var(--mau-nen-phu);
	text-align: center;
}

.khoi-mo-dau--co-anh {
	position: relative;
	background-size: cover;
	background-position: center;
	color: #fff;
	padding: calc(var(--kc-8) * 1.6) 0;
}

/* Lớp phủ tối giúp chữ trên ảnh luôn đọc được. */
.khoi-mo-dau--co-anh::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.6));
}

.khoi-mo-dau__trong {
	position: relative;
}

.khoi-mo-dau--co-anh .khoi-mo-dau__tieu-de,
.khoi-mo-dau--co-anh .khoi-mo-dau__mo-ta {
	color: #fff;
}

.khoi-mo-dau__tieu-de {
	margin-bottom: var(--kc-3);
}

.khoi-mo-dau__mo-ta {
	max-width: 720px;
	margin: 0 auto var(--kc-5);
	font-size: var(--co-chu-lon);
	color: var(--mau-chu-nhat);
}

.khoi-mo-dau__nut {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--kc-3);
}

.khoi-noi-dung-trang-chu,
.khoi-bai-moi,
.khoi-lien-he {
	padding: var(--kc-8) 0;
}

.khoi-bai-moi {
	background: var(--mau-nen-phu);
}

.khoi-bai-moi__dau {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--kc-4);
	margin-bottom: var(--kc-5);
}

.khoi-bai-moi__dau .tieu-de-khoi {
	margin-bottom: 0;
}

.lien-ket-xem-them {
	display: inline-flex;
	align-items: center;
	gap: var(--kc-1);
	font-weight: 600;
	white-space: nowrap;
}

.khoi-lien-he__trong {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--kc-6);
	align-items: start;
}

.danh-sach-lien-he {
	margin: 0 0 var(--kc-5);
	padding: 0;
	list-style: none;
}

.danh-sach-lien-he li {
	display: flex;
	align-items: flex-start;
	gap: var(--kc-3);
	padding: var(--kc-3) 0;
	border-bottom: 1px dashed var(--mau-vien);
}

.danh-sach-lien-he .icon {
	margin-top: 3px;
	color: var(--mau-chinh);
}

.lien-he-phu {
	color: var(--mau-chu-nhat);
	font-size: var(--co-chu-vua);
}

.khoi-lien-he__ban-do iframe {
	width: 100%;
	min-height: 340px;
	border: 0;
	border-radius: var(--bo-goc);
}

/* ==========================================================================
   10. Chân trang
   ========================================================================== */

.chan-trang {
	margin-top: auto;
	background: var(--mau-footer-nen);
	color: var(--mau-footer-chu);
	font-size: var(--co-chu-vua);
}

.chan-trang a {
	color: var(--mau-footer-chu);
}

.chan-trang a:hover {
	color: #fff;
}

.chan-trang h1,
.chan-trang h2,
.chan-trang h3,
.chan-trang h4 {
	color: #fff;
}

.chan-trang__tren {
	padding: var(--kc-7) 0 var(--kc-6);
}

.chan-trang__gioi-thieu {
	max-width: 760px;
	margin: 0 auto var(--kc-6);
	text-align: center;
}

.chan-trang__cot {
	display: grid;
	gap: var(--kc-6);
	grid-template-columns: repeat(var(--so-cot-footer, 4), minmax(0, 1fr));
}

.chan-trang__cot--1 { --so-cot-footer: 1; }
.chan-trang__cot--2 { --so-cot-footer: 2; }
.chan-trang__cot--3 { --so-cot-footer: 3; }
.chan-trang__cot--4 { --so-cot-footer: 4; }

/* Widget trong chân trang bỏ khung viền cho nhẹ mắt. */
.chan-trang .widget {
	margin-bottom: var(--kc-5);
	padding: 0;
	background: transparent;
	border: 0;
}

.chan-trang .widget__tieu-de {
	margin-bottom: var(--kc-3);
	padding-bottom: var(--kc-2);
	border-bottom-color: rgba(255, 255, 255, 0.15);
	font-size: 1rem;
	color: #fff;
}

.chan-trang .widget li {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

.chan-trang .widget a {
	color: var(--mau-footer-chu);
}

.chan-trang .widget a:hover {
	color: #fff;
}

.chan-trang .mang-xa-hoi a {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.chan-trang .mang-xa-hoi a:hover {
	background: var(--mau-chinh);
}

.chan-trang__duoi {
	padding: var(--kc-4) 0;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	font-size: var(--co-chu-nho);
}

.footer-duoi {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--kc-4);
}

.footer-duoi p {
	margin: 0;
}

.footer-duoi__phai {
	display: flex;
	align-items: center;
	gap: var(--kc-5);
}

.menu--footer {
	flex-wrap: wrap;
	gap: var(--kc-4);
}

.menu--footer > li > a {
	padding: 0;
	font-weight: 400;
	background: none;
}

.menu--footer > li > a:hover {
	background: none;
	color: #fff;
}

/* ==========================================================================
   11. Trang 404
   ========================================================================== */

.trang-404 {
	text-align: center;
	padding: var(--kc-6) 0;
}

.trang-404__so {
	font-size: clamp(5rem, 3rem + 12vw, 10rem);
	font-weight: 800;
	line-height: 1;
	color: var(--mau-chinh);
	opacity: 0.15;
}

.trang-404__tieu-de {
	margin-top: calc(var(--kc-5) * -1);
}

.trang-404__mo-ta {
	max-width: 560px;
	margin: 0 auto var(--kc-5);
	color: var(--mau-chu-nhat);
}

.trang-404__tim-kiem {
	max-width: 460px;
	margin: 0 auto var(--kc-5);
}

.trang-404__nut {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--kc-3);
	margin-bottom: var(--kc-8);
}

.trang-404__goi-y {
	margin-top: var(--kc-7);
	text-align: left;
}

.khong-co-bai,
.khong-co-ket-qua {
	padding: var(--kc-7) var(--kc-5);
	background: var(--mau-nen-phu);
	border-radius: var(--bo-goc);
	text-align: center;
}

.khong-co-ket-qua .bieu-mau-tim-kiem,
.khong-co-bai .bieu-mau-tim-kiem {
	max-width: 420px;
	margin: var(--kc-4) auto;
}

/* ==========================================================================
   12. Màn hình vừa và nhỏ
   ========================================================================== */

/* Máy tính bảng nằm ngang: cột bên xuống dưới nội dung. */
@media (max-width: 1024px) {
	.khoi-noi-dung--sidebar-phai,
	.khoi-noi-dung--sidebar-trai {
		grid-template-columns: minmax(0, 1fr);
	}

	.khoi-noi-dung--sidebar-trai .cot-noi-dung,
	.khoi-noi-dung--sidebar-trai .cot-ben {
		order: 0;
	}

	.cot-ben__trong {
		position: static;
	}

	.luoi-bai {
		--so-cot: 2 !important;
	}
}

/* Máy tính bảng dựng đứng và điện thoại: chuyển sang menu ngăn kéo. */
@media (max-width: 900px) {
	.dieu-huong--chinh,
	.dai-menu,
	.dau-trang__hotline-nho,
	.dau-trang__nut-noi-bat,
	.dau-trang__lien-he {
		display: none;
	}

	.nut-mo-menu {
		display: inline-flex;
	}

	.dau-trang__trong {
		min-height: 64px;
	}

	.dau-trang--giua .dau-trang__trong {
		flex-direction: row;
		text-align: left;
		padding: var(--kc-3) 0;
	}

	.khoi-noi-dung {
		padding: var(--kc-6) 0;
	}

	.khoi-lien-he__trong {
		grid-template-columns: minmax(0, 1fr);
	}

	.chan-trang__cot {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--kc-5);
	}

	.thanh-tren-cung__trai {
		display: none;
	}

	.thanh-tren-cung__trong {
		justify-content: center;
	}
}

/* Điện thoại. */
@media (max-width: 600px) {
	:root {
		--kc-hai-cot: 28px;
	}

	.luoi-bai {
		--so-cot: 1 !important;
	}

	.chan-trang__cot {
		grid-template-columns: minmax(0, 1fr);
	}

	.footer-duoi {
		flex-direction: column;
		text-align: center;
	}

	.footer-duoi__phai {
		flex-direction: column;
		gap: var(--kc-3);
	}

	.khoi-mo-dau {
		padding: var(--kc-7) 0;
	}

	.khoi-noi-dung-trang-chu,
	.khoi-bai-moi,
	.khoi-lien-he {
		padding: var(--kc-7) 0;
	}

	.khoi-bai-moi__dau {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--kc-2);
	}

	/* Nút nổi thu nhỏ để không che nội dung trên màn hình hẹp. */
	.nut-noi {
		width: 44px;
		height: 44px;
	}

	.nut-noi--goi::after {
		width: 44px;
		height: 44px;
	}
}

/* Ẩn quảng cáo được đánh dấu chỉ hiện trên máy tính. */
@media (max-width: 600px) {
	.o-quang-cao--an-dien-thoai {
		display: none !important;
	}
}

/* ==========================================================================
   13. Bản in
   ========================================================================== */

@media print {
	.dau-trang,
	.chan-trang,
	.cot-ben,
	.vung-quang-cao,
	.cum-nut-noi,
	.nut-len-dau,
	.khoi-chia-se,
	.dieu-huong-bai,
	.bai-lien-quan,
	.khu-binh-luan,
	.dai-duong-dan {
		display: none !important;
	}

	body {
		font-size: 12pt;
		color: #000;
		background: #fff;
	}

	.khoi-noi-dung {
		display: block;
		padding: 0;
	}

	a[href]::after {
		content: " (" attr(href) ")";
		font-size: 10pt;
		color: #555;
	}
}