/*
Theme Name: Lời Phật Dạy Mới
Theme URI: https://loiphatday.org
Description: Theme con của Genesis dành cho loiphatday.org. Bản theo mẫu A đã duyệt ngày 10/11/2026: đỏ tía chủ đạo, viền hồi văn, hoa sen D1 nhỏ nằm dưới tên kinh, nền trang bài viết màu giấy sáng dễ đọc.
Author: Lời Phật Dạy
Version: 2.41.9
Template: genesis
License: GPL-2.0-or-later
*/

/* ===== Biến màu thương hiệu (đo từ logo) ===== */
:root {
	--lpd-mau-do-tia: #64101f;
	--lpd-mau-do-tia-sau: #470a16;
	--lpd-mau-do-tia-dem: #34060f;
	--lpd-mau-do-tia-sang: #7d1a2c;
	--lpd-mau-vang-kim: #ddb254;
	--lpd-mau-vang-sang: #ead9a4;
	--lpd-mau-vang-co: #b98a1d;
	--lpd-mau-vang-co-dam: #85600d;
	--lpd-mau-giay: #f7efdb;
	--lpd-mau-giay-sang: #fffbef;
	--lpd-mau-muc: #26221c;
	--lpd-mau-muc-nhe: #6d6151;
	--lpd-mau-duong-tua: rgba(247, 236, 208, 0.35);
	--lpd-mau-nau: #7a5c3e;
	--lpd-mau-rom: #d9c08f;
	--lpd-mau-vang-tuoi-1: #f2c14e;
	--lpd-mau-vang-tuoi-2: #e3a72f;
	--lpd-mau-vien: #ddd0ae;
	--lpd-phong-trung-bay: 'Fraunces', 'Noto Serif', serif;
	--lpd-phong-noi-dung: 'Noto Serif', Georgia, serif;
	--lpd-phong-giao-dien: 'Be Vietnam Pro', Arial, sans-serif;
}

/* ===== Nền tảng ===== */
*, *::before, *::after { box-sizing: border-box; }

body {
	background: var(--lpd-mau-giay);
	/* Nền giấy nguyên bản lấy từ file của trang mẫu (ô 32x34 lặp liền). */
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiBAMAAADMnMbMAAAAElBMVEXz7Obw6eP17ujt5uD38Or49O//b/zHAAAAzElEQVQoz81RgQ3DIAwLuYCIBzKLBxAfoOyD/X/L4rD+MFdFxLKNEbIT0sZeZt0Swp2IAt5MHlhXuAA1xHEhWp+XoAHJpaEsFWo/SCE3pLbJtQDzHQEIP8KWMgeUgvm3z0hXl2Vl4Z98EhUcH1cF6UJqnKfcEilCdSTTni7QCaYju9YFWwcwI5d4H2b1CtJA+G2WmmyxxNpYey97rlMd9kr98cwFzToFARLC2ZOYceSPizXbRtSj25YaxkqiW4V1rReCa3jlcKmMIy+avqVwLJMx7HMVAAAAAElFTkSuQmCC");
	color: var(--lpd-mau-muc);
	font-family: var(--lpd-phong-giao-dien);
	font-size: 16px;
	line-height: 1.6;
	margin: 0;
}

/* Viền khung kiểu honglam.vn (vẽ lại bằng SVG theo mẫu trang): hai đường chỉ vàng chạy
   dọc bốn cạnh và nút hoa văn nhỏ ở 4 góc. Tờ kinh đã có sẵn viền và outline kép;
   khung giới thiệu dùng hai lớp giả làm hai đường chỉ. */
.lpd-gioi-thieu, .single .entry, .page .entry { position: relative; }
.lpd-gioi-thieu::before {
	border: 2px solid rgba(221, 178, 84, 0.85);
	border-radius: 10px;
	content: "";
	inset: 5px;
	pointer-events: none;
	position: absolute;
	z-index: 3;
}

a { color: var(--lpd-mau-do-tia); }
a:hover { color: var(--lpd-mau-do-tia-sang); }
img { max-width: 100%; height: auto; }

.wrap {
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 20px;
}

.site-inner {
	margin: 0 auto;
	max-width: 1180px;
	padding: 28px 20px 10px;
}

.content { width: 100%; }
.full-width-content .content { float: none; margin: 0 auto; }
.content-sidebar .content, .sidebar-content .content { max-width: 760px; }
.sidebar { font-size: 16px; }

::selection { background: var(--lpd-mau-vang-kim); color: var(--lpd-mau-do-tia-dem); }

:focus-visible { outline: 2px solid var(--lpd-mau-vang-co); outline-offset: 2px; }

/* ===== Liên kết bỏ qua và chữ chỉ đọc màn hình (Genesis) ===== */
.genesis-skip-link { margin: 0; }
.genesis-skip-link li { height: 0; list-style: none; width: 0; }
.screen-reader-text, .screen-reader-shortcut {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus, .screen-reader-shortcut:focus {
	background: var(--lpd-mau-giay-sang);
	clip: auto !important;
	color: var(--lpd-mau-do-tia);
	display: block;
	font-size: 16px;
	font-weight: 700;
	height: auto;
	left: 8px;
	line-height: normal;
	padding: 12px 18px;
	position: absolute;
	text-decoration: none;
	top: 8px;
	width: auto;
	z-index: 1000;
}

/* ===== Ngày âm cạnh logo ở đầu trang ===== */
.lpd-muc-ngay-am { align-self: center; margin-left: auto; padding-left: 16px; }
.lpd-muc-ngay-am span { color: var(--lpd-mau-vang-co-dam); font-family: var(--lpd-phong-trung-bay); white-space: nowrap; }
.lpd-nhan-ngay-am {
	background: rgba(221, 178, 84, 0.16);
	border: 1px solid rgba(185, 138, 29, 0.55);
	border-radius: 999px;
	color: var(--lpd-mau-vang-co-dam);
	font-family: var(--lpd-phong-noi-dung);
	padding: 1px 12px;
}

/* ===== Đầu trang ===== */
.site-header {
	background: linear-gradient(165deg, var(--lpd-mau-do-tia-sang), var(--lpd-mau-do-tia) 55%, var(--lpd-mau-do-tia-sau));
	color: var(--lpd-mau-vang-sang);
}
.site-header .wrap {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	padding-top: 13px;
	padding-bottom: 13px;
	position: relative;
}
.title-area { padding: 0; }
.site-title {
	font-family: var(--lpd-phong-trung-bay);
	font-size: 20px;
	font-weight: 900;
	line-height: 1.05;
	margin: 0;
}
.site-title a {
	align-items: center;
	color: var(--lpd-mau-vang-kim);
	display: flex;
	gap: 13px;
	text-decoration: none;
}
.site-title a::before {
	background: url('images/logo-nen-trong.png') center / contain no-repeat;
	content: "";
	flex: 0 0 58px;
	height: 58px;
	width: 58px;
}
.site-title a:hover { color: var(--lpd-mau-vang-kim); }
.site-description {
	color: var(--lpd-mau-vang-sang);
	font-size: 16px;
	letter-spacing: 0.13em;
	margin: 3px 0 0 72px;
	text-indent: 0;
}

.lpd-hanh-dong-dau-trang {
	display: flex;
	gap: 10px;
	margin-left: auto;
}
.lpd-nut-tron {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 16px;
	font-weight: 600;
	min-height: 46px;
	padding: 11px 19px;
	text-decoration: none;
}
button.lpd-nut-tron { font-family: var(--lpd-phong-giao-dien); cursor: pointer; }
.lpd-nut-tron--vien { background: transparent; border: 1.5px solid var(--lpd-mau-vang-sang); color: var(--lpd-mau-vang-sang); }
.lpd-nut-tron--dac { background: linear-gradient(160deg, var(--lpd-mau-vang-tuoi-1), var(--lpd-mau-vang-tuoi-2)); border: 1.5px solid var(--lpd-mau-vang-tuoi-2); color: var(--lpd-mau-do-tia-sau); }
.lpd-nut-tron--dac:hover { background: linear-gradient(160deg, #f7cd66, var(--lpd-mau-vang-tuoi-1)); color: var(--lpd-mau-do-tia-dem); }

.lpd-bang-tim-kiem {
	background: var(--lpd-mau-do-tia-dem);
	border-radius: 12px;
	flex: 0 0 100%;
	margin-top: 13px;
	padding: 13px;
}
.lpd-bang-tim-kiem .search-form { display: flex; gap: 8px; margin: 0; }
.lpd-bang-tim-kiem .search-form-input {
	background: var(--lpd-mau-giay-sang);
	border: 0;
	border-radius: 9px;
	flex: 1;
	font: inherit;
	min-height: 46px;
	padding: 10px 13px;
}
.lpd-bang-tim-kiem .search-form-submit {
	background: var(--lpd-mau-vang-kim);
	border: 0;
	border-radius: 9px;
	color: var(--lpd-mau-do-tia-sau);
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	min-height: 46px;
	padding: 10px 20px;
}

/* ===== Menu chính ===== */
.nav-primary {
	background: var(--lpd-mau-giay-sang);
	border-bottom: 2px solid var(--lpd-mau-vang-kim);
}
.genesis-nav-menu { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.genesis-nav-menu li { list-style: none; }
.genesis-nav-menu a {
	color: var(--lpd-mau-do-tia);
	display: block;
	font-size: 16px;
	font-weight: 500;
	min-height: 48px;
	padding: 13px 15px;
	position: relative;
	text-decoration: none;
	transition: background-color 0.18s ease, color 0.18s ease;
}
/* Gạch chân vàng chạy ra khi rê chuột; mục đang xem thì hiện sẵn. */
.genesis-nav-menu > li > a::after {
	background: var(--lpd-mau-vang-co);
	bottom: 7px;
	content: "";
	height: 2.5px;
	left: 15px;
	position: absolute;
	right: 15px;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.22s ease;
}
.genesis-nav-menu > li > a:hover { background: rgba(221, 178, 84, 0.14); }
.genesis-nav-menu > li > a:hover::after,
.genesis-nav-menu > li.current-menu-item > a::after,
.genesis-nav-menu > li.current-menu-ancestor > a::after { transform: scaleX(1); }
.genesis-nav-menu .current-menu-item > a { font-weight: 700; }
/* Mũi tên nhỏ cho mục có menu con. */
.genesis-nav-menu .menu-item-has-children > a { padding-right: 32px; }
.genesis-nav-menu > li.menu-item-has-children > a::before {
	border-bottom: 2px solid var(--lpd-mau-vang-co-dam);
	border-right: 2px solid var(--lpd-mau-vang-co-dam);
	content: "";
	height: 7px;
	position: absolute;
	right: 13px;
	top: 19px;
	transform: rotate(45deg);
	width: 7px;
}
.genesis-nav-menu .menu-item { position: relative; }
/* Menu con máy tính: khung vàng đôi, đổ bóng, trượt mở dần. */
.genesis-nav-menu .sub-menu {
	background: var(--lpd-mau-giay-sang);
	border: 1.5px solid var(--lpd-mau-vang-co);
	border-radius: 12px;
	box-shadow: 0 16px 32px rgba(52, 6, 15, 0.22), inset 0 0 0 3px var(--lpd-mau-giay-sang), inset 0 0 0 4.5px rgba(185, 138, 29, 0.5);
	left: 0;
	list-style: none;
	margin: 0;
	opacity: 0;
	padding: 7px;
	position: absolute;
	top: 100%;
	transform: translateY(8px);
	transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
	visibility: hidden;
	width: 238px;
	z-index: 99;
}
.genesis-nav-menu .menu-item:hover > .sub-menu,
.genesis-nav-menu .menu-item.sfHover > .sub-menu {
	opacity: 1;
	transform: none;
	transition-delay: 0s;
	visibility: visible;
}
.genesis-nav-menu .sub-menu li + li { border-top: 1px solid rgba(185, 138, 29, 0.18); }
.genesis-nav-menu .sub-menu a {
	border-radius: 8px;
	min-height: 44px;
	padding: 10px 13px;
	transition: background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}
.genesis-nav-menu .sub-menu a:hover {
	background: rgba(221, 178, 84, 0.16);
	box-shadow: inset 3px 0 0 var(--lpd-mau-vang-co);
	transform: translateX(2px);
}
.genesis-nav-menu .sub-menu .menu-item-has-children > a::before {
	border-bottom: 2px solid var(--lpd-mau-vang-co-dam);
	border-right: 2px solid var(--lpd-mau-vang-co-dam);
	content: "";
	height: 7px;
	position: absolute;
	right: 12px;
	top: 17px;
	transform: rotate(-45deg);
	width: 7px;
}
.genesis-nav-menu .sub-menu .sub-menu { left: 100%; top: -7px; transform: translateX(8px); }
.genesis-nav-menu .sub-menu .menu-item:hover > .sub-menu { transform: none; }
.sub-menu-toggle { display: none; }
.menu-toggle {
	display: none;
	background: var(--lpd-mau-giay-sang);
	border: 0;
	border-bottom: 2px solid var(--lpd-mau-vang-kim);
	color: var(--lpd-mau-do-tia);
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	min-height: 48px;
	padding: 12px 20px;
	text-align: left;
	width: 100%;
}

/* ===== Viền hồi văn ===== */
.lpd-dai-hoi-van {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M0 12 V3 M12 3 H6 V6 H9 M0 12 H12' fill='none' stroke='%23b98a1d' stroke-width='1.5'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: repeat-x;
	background-size: 12px 12px;
	height: 17px;
}

/* ===== Khối giới thiệu trang chủ ===== */
.lpd-gioi-thieu {
	/* Nút góc: hình dáng cắt từ file khung của trang mẫu, đổi sang màu vàng cổ của trang, nhúng dạng data URI. */
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAASklEQVR4nGPc2SX7nwEHcC97zMjAwMCAoQaXJmRxdDVMuGzBB1jw2YrT6bicQXXnMeILPWQAC0kMgM9JyID6ziPKScQCspxHliYAmyAq5Ud7JDEAAAAASUVORK5CYII="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAASElEQVR4nGPc2SX7nwEJuJc9ZmRgYGBAF8cJkBXi0rSzS/Y/E1GmoQFGXDahA5zOxuU8dDZtnUcUwBeSlDsPl00UA7JDjyxNAMW7KUEyXaerAAAAAElFTkSuQmCC"), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAPUlEQVR4nGNgIBHs7JL9z0SqJgYGBgayNDHicwbJpiFrQjeAcudR1UnobLKcx0KsbSQ7D10Nec7D5wRccgCCWyYFNdrKfwAAAABJRU5ErkJggg=="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAVUlEQVR4nGPY2SX7n4FEwESqBrI1MeJznnvZY0aCJiAbgM8w6jsPGaA4FZcmfE5lwSZBKABQ/ISueGeX7H9sLmFCV4RuCDZbmZAVEOM0BgYiIxddDQAL0i/vfZFF6AAAAABJRU5ErkJggg=="), url("images/nen-hoi-do.svg"), radial-gradient(760px 380px at 78% -10%, #8a2436 0%, var(--lpd-mau-do-tia) 58%, var(--lpd-mau-do-tia-sau) 100%);
	background-position: left 10px top 10px, right 10px top 10px, right 10px bottom 10px, left 10px bottom 10px, 0 0, 0 0;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, no-repeat;
	background-size: 32px, 32px, 32px, 32px, 150px, cover;
	border-radius: 13px;
	color: #f7ecd0;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 38px 30px 60px;
	position: relative;
}
.lpd-gioi-thieu__tia-sang {
	background: repeating-conic-gradient(from -90deg, rgba(221, 178, 84, 0.15) 0deg 1.6deg, transparent 1.6deg 7deg);
	border-radius: 50%;
	height: 430px;
	-webkit-mask-image: radial-gradient(circle, #000 0 34%, transparent 68%);
	mask-image: radial-gradient(circle, #000 0 34%, transparent 68%);
	position: absolute;
	right: -90px;
	top: -120px;
	width: 430px;
}
.lpd-gioi-thieu__dong-mo { color: var(--lpd-mau-vang-sang); font-size: 16px; font-weight: 600; letter-spacing: 0.3em; position: relative; }
.lpd-gioi-thieu__tieu-de { color: #fdf6dd; font-family: var(--lpd-phong-trung-bay); font-size: 30px; font-weight: 800; line-height: 1.22; margin: 12px 0 10px; max-width: 560px; position: relative; }
.lpd-gioi-thieu__mo-ta { color: #ecd9a8; font-size: 16px; line-height: 1.65; max-width: 500px; position: relative; }
.lpd-gioi-thieu .search-form {
	background: var(--lpd-mau-giay-sang);
	border-radius: 13px;
	box-shadow: 0 13px 30px rgba(0, 0, 0, 0.35);
	display: flex;
	margin-top: 20px;
	max-width: 560px;
	padding: 6px;
	position: relative;
}
.lpd-gioi-thieu .search-form label { display: none; }
.lpd-gioi-thieu .search-form-input { border: 0; flex: 1; font: inherit; font-size: 16px; min-width: 0; outline: none; padding: 11px 13px; }
.lpd-gioi-thieu .search-form-submit { background: var(--lpd-mau-do-tia); border: 0; border-radius: 9px; color: #fff; cursor: pointer; font: inherit; font-weight: 600; min-height: 46px; padding: 11px 22px; }
.lpd-gioi-thieu__goi-y { align-items: center; color: #e3d0a0; display: flex; flex-wrap: wrap; font-size: 16px; gap: 8px; margin-top: 13px; position: relative; }
.lpd-gioi-thieu__nhan { border: 1px solid rgba(234, 217, 164, 0.5); border-radius: 999px; color: #f2e7c4; padding: 7px 13px; text-decoration: none; }

/* ===== Mục trang chủ ===== */
.lpd-muc-trang-chu { margin-top: 30px; }
.lpd-muc-trang-chu__dau-muc { align-items: center; display: flex; gap: 12px; margin-bottom: 18px; }
.lpd-muc-trang-chu__hoa-sen { background: url("images/sen-d1.png") center / 29px 13px no-repeat; flex: 0 0 30px; height: 13px; width: 30px; }
.lpd-muc-trang-chu__dau-muc h3 { color: var(--lpd-mau-do-tia); font-family: var(--lpd-phong-trung-bay); font-size: 20px; font-weight: 800; margin: 0; white-space: nowrap; }
.lpd-muc-trang-chu__duong-ke { border-top: 3px double var(--lpd-mau-vang-co); flex: 1; opacity: 0.55; }

.lpd-luoi-tung-ngay { display: grid; gap: 15px; grid-template-columns: repeat(4, 1fr); }
.lpd-the-tung-ngay { background: var(--lpd-mau-giay-sang); border: 1px solid var(--lpd-mau-rom); border-radius: 12px; padding: 17px 16px 13px; }
.lpd-the-tung-ngay h4 { font-family: var(--lpd-phong-noi-dung); font-size: 20px; font-weight: 700; margin: 0 0 3px; }
.lpd-the-tung-ngay p { color: var(--lpd-mau-nau); font-size: 16px; line-height: 1.55; margin: 0; }
.lpd-the-tung-ngay__hang-nut { display: flex; gap: 8px; margin-top: 11px; }
.lpd-nut { align-items: center; border-radius: 9px; display: inline-flex; font-size: 16px; font-weight: 600; min-height: 44px; padding: 10px 15px; text-decoration: none; }
.lpd-nut--chinh { background: var(--lpd-mau-do-tia); color: #fff; }
.lpd-nut--chinh:hover { color: #fff; }
.lpd-nut--vien { border: 1.5px solid var(--lpd-mau-do-tia); color: var(--lpd-mau-do-tia); }

.lpd-ke-kinh { display: grid; gap: 16px; grid-template-columns: repeat(4, 1fr); }
.lpd-bia {
	align-items: center;
	aspect-ratio: 3 / 3.9;
	border-radius: 11px;
	box-shadow: 0 12px 26px rgba(52, 6, 15, 0.25);
	color: #fdf6dd;
	display: flex;
	flex-direction: column;
	gap: 7px;
	justify-content: center;
	overflow: hidden;
	padding: 18px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
.lpd-bia::before { border: 1.3px solid rgba(221, 178, 84, 0.85); border-radius: 8px; content: ""; inset: 8px; pointer-events: none; position: absolute; }
.lpd-bia::after { border: 0.8px solid rgba(221, 178, 84, 0.45); border-radius: 6px; content: ""; inset: 12px; pointer-events: none; position: absolute; }
.lpd-bia:hover { color: #fdf6dd; }
.lpd-bia--do-tia { background: linear-gradient(165deg, var(--lpd-mau-do-tia-sang), var(--lpd-mau-do-tia) 58%, var(--lpd-mau-do-tia-sau)); }
.lpd-bia--vang { background: linear-gradient(165deg, #c49a35, #96700f 62%, #6e5208); }
.lpd-bia--muc { background: linear-gradient(165deg, #4a4234, #2a251c 62%, #171310); }
.lpd-bia--ngoc { background: linear-gradient(165deg, #2f8a6d, #1b5243 62%, #123528); }
.lpd-bia__nhan { color: var(--lpd-mau-vang-sang); font-size: 16px; font-weight: 600; letter-spacing: 0.28em; }
.lpd-bia__tieu-de { font-family: var(--lpd-phong-trung-bay); font-size: 20px; font-weight: 800; line-height: 1.3; padding: 0 6px; }
.lpd-bia__hoa-sen { height: 21px; width: 48px; }
.lpd-bia__mo-ta { color: rgba(253, 246, 221, 0.82); font-size: 16px; }
.lpd-bia__so-pham { border: 1px solid rgba(221, 178, 84, 0.55); border-radius: 999px; color: var(--lpd-mau-vang-kim); font-size: 16px; font-weight: 600; letter-spacing: 0.14em; padding: 4px 11px; }

.lpd-luoi-van-khan { display: grid; gap: 15px; grid-template-columns: repeat(3, 1fr); }
.lpd-the-van-khan { background: var(--lpd-mau-giay-sang); border: 1px solid var(--lpd-mau-rom); border-radius: 10px; border-top: 4px solid var(--lpd-mau-vang-kim); padding: 18px; }
.lpd-the-van-khan__ngay { color: var(--lpd-mau-do-tia); font-family: var(--lpd-phong-trung-bay); font-size: 20px; font-weight: 900; margin: 0; }
.lpd-the-van-khan h4 { font-family: var(--lpd-phong-noi-dung); font-size: 20px; font-weight: 700; margin: 5px 0 4px; }
.lpd-the-van-khan p { -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: var(--lpd-mau-nau); display: -webkit-box; font-size: 16px; line-height: 1.6; margin: 0; overflow: hidden; }
.lpd-the-van-khan a { color: var(--lpd-mau-vang-co-dam); display: inline-block; font-size: 16px; font-weight: 600; margin-top: 9px; text-decoration: none; }

.lpd-chia-hai-cot { display: grid; gap: 22px; grid-template-columns: 1.5fr 1fr; }
.lpd-dong-bai { align-items: flex-start; border-bottom: 1px solid var(--lpd-mau-vien); display: flex; gap: 15px; padding: 13px 0; }
.lpd-dong-bai:last-child { border-bottom: 0; }
.lpd-dong-bai__anh { background: var(--lpd-mau-giay-sang); border: 1px solid var(--lpd-mau-vien); border-radius: 9px; flex: 0 0 62px; height: 62px; overflow: hidden; }
.lpd-dong-bai__anh img { color: transparent; height: 62px; object-fit: cover; width: 62px; }
.lpd-dong-bai__anh--thay-the { align-items: center; background: var(--lpd-mau-giay-sang); border: 1px solid var(--lpd-mau-vien); display: flex; justify-content: center; }
.lpd-dong-bai__anh--thay-the img { height: 15px; object-fit: fill; width: 36px; }
.lpd-dong-bai h4 { font-family: var(--lpd-phong-noi-dung); font-size: 20px; font-weight: 700; line-height: 1.45; margin: 0; }
.lpd-dong-bai h4 a { color: var(--lpd-mau-muc); text-decoration: none; }
.lpd-dong-bai p { color: var(--lpd-mau-muc-nhe); font-size: 16px; line-height: 1.55; margin: 2px 0 0; }
.lpd-bang-quan-tam { background: linear-gradient(165deg, var(--lpd-mau-do-tia-sang), var(--lpd-mau-do-tia) 60%, var(--lpd-mau-do-tia-sau)); border-radius: 12px; color: #f3e7c3; padding: 20px 22px; }
.lpd-bang-quan-tam ol { counter-reset: dem-bang-quan-tam; list-style: none; margin: 0; padding: 0; }
.lpd-bang-quan-tam li { align-items: baseline; border-bottom: 1px solid rgba(221, 178, 84, 0.25); counter-increment: dem-bang-quan-tam; display: flex; font-family: var(--lpd-phong-noi-dung); font-size: 16px; gap: 12px; line-height: 1.5; padding: 9px 0; }
.lpd-bang-quan-tam li:last-child { border-bottom: 0; }
.lpd-bang-quan-tam li::before { color: var(--lpd-mau-vang-kim); content: counter(dem-bang-quan-tam); font-family: var(--lpd-phong-trung-bay); font-size: 16px; font-weight: 900; }
.lpd-bang-quan-tam a { color: #f3e7c3; text-decoration: none; }

/* ===== Danh sách bài (lưu trữ, chuyên mục, tìm kiếm) ===== */
.archive .entry, .search .entry, .blog .entry {
	background: var(--lpd-mau-giay-sang);
	border: 1px solid var(--lpd-mau-vien);
	border-radius: 12px;
	margin-bottom: 18px;
	padding: 20px 22px;
}
.entry-title { font-family: var(--lpd-phong-noi-dung); font-weight: 700; line-height: 1.35; }
.entry-title a { color: var(--lpd-mau-muc); text-decoration: none; }
.entry-meta { color: var(--lpd-mau-muc-nhe); font-size: 16px; }
.lpd-anh-thay-the {
	align-items: center;
	background: var(--lpd-mau-giay);
	border: 1px solid var(--lpd-mau-vien);
	border-radius: 10px;
	display: flex;
	height: 120px;
	justify-content: center;
	margin-bottom: 12px;
}
.lpd-anh-thay-the img { height: 25px; width: 72px; }
.archive-pagination { margin: 24px 0; }
.archive-pagination ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.archive-pagination a, .archive-pagination .active a {
	border: 1.5px solid var(--lpd-mau-do-tia);
	border-radius: 9px;
	display: inline-block;
	min-height: 44px;
	padding: 9px 15px;
	text-decoration: none;
}
.archive-pagination .active a { background: var(--lpd-mau-do-tia); color: #fff; }

/* ===== Đường dẫn (breadcrumb) ===== */
.breadcrumb { color: var(--lpd-mau-muc-nhe); font-size: 16px; margin-bottom: 16px; }
.breadcrumb a { color: var(--lpd-mau-muc-nhe); }

/* ===== TỜ KINH — trang bài đơn lẻ ===== */
.single .entry, .page .entry {
	background: var(--lpd-mau-giay-sang);
	border: 2px solid var(--lpd-mau-vang-co);
	border-radius: 6px;
	margin: 6px auto 0;
	max-width: 860px;
	padding: 38px 48px 34px;
}
/* Nút hoa văn 4 góc của tờ kinh (đặt sau quy tắc nền để không bị ghi đè). */
.single .entry, .page .entry {
	/* Nút góc: hình dáng cắt từ file khung của trang mẫu, đổi sang màu vàng cổ của trang, nhúng dạng data URI. */
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAASklEQVR4nGPc2SX7nwEHcC97zMjAwMCAoQaXJmRxdDVMuGzBB1jw2YrT6bicQXXnMeILPWQAC0kMgM9JyID6ziPKScQCspxHliYAmyAq5Ud7JDEAAAAASUVORK5CYII="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAASElEQVR4nGPc2SX7nwEJuJc9ZmRgYGBAF8cJkBXi0rSzS/Y/E1GmoQFGXDahA5zOxuU8dDZtnUcUwBeSlDsPl00UA7JDjyxNAMW7KUEyXaerAAAAAElFTkSuQmCC"), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAPUlEQVR4nGNgIBHs7JL9z0SqJgYGBgayNDHicwbJpiFrQjeAcudR1UnobLKcx0KsbSQ7D10Nec7D5wRccgCCWyYFNdrKfwAAAABJRU5ErkJggg=="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAVUlEQVR4nGPY2SX7n4FEwESqBrI1MeJznnvZY0aCJiAbgM8w6jsPGaA4FZcmfE5lwSZBKABQ/ISueGeX7H9sLmFCV4RuCDZbmZAVEOM0BgYiIxddDQAL0i/vfZFF6AAAAABJRU5ErkJggg==");
	background-position: left 7px top 7px, right 7px top 7px, right 7px bottom 7px, left 7px bottom 7px;
	background-repeat: no-repeat;
	background-size: 30px;
}
.single .entry-header, .page .entry-header { text-align: center; }
.lpd-nhan-chuyen-muc { color: var(--lpd-mau-vang-co-dam); font-size: 16px; font-weight: 700; letter-spacing: 0.3em; margin: 0 0 6px; text-transform: uppercase; }
.single .entry-title, .page .entry-title {
	color: var(--lpd-mau-do-tia);
	font-family: var(--lpd-phong-trung-bay);
	font-size: 30px;
	font-weight: 900;
	line-height: 1.25;
	margin: 0;
}
.single .entry-meta, .page .entry-meta { margin-top: 6px; }
.lpd-hoa-sen-duoi-ten { margin-top: 10px; text-align: center; }
.lpd-hoa-sen-duoi-ten img { height: 22px; width: 50px; }

.lpd-thanh-nghe-kinh {
	align-items: center;
	/* Màu phẳng đỏ tía (2.37.0): nền chuyển sắc chéo cũ làm phần lớn
	   thanh rơi vào vùng đỏ sâu gần như đen trên điện thoại nên bỏ hẳn,
	   dùng đúng một tông với thanh đầu trang. */
	background: var(--lpd-mau-do-tia);
	border-radius: 12px;
	color: #f7ecd0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 15px;
	margin-top: 20px;
	padding: 13px 17px;
	text-align: left;
}
/* Nhãn thanh nghe: từ 2.40.0 trang Chú Đại Bi mang nhãn dài "Nghe và Niệm
   theo Thầy (Khuyến khích)" nên bỏ cấm xuống dòng, cho nhãn tự xuống hàng
   gọn gàng ở khổ hẹp thay vì tràn ra ngoài thanh. */
.lpd-thanh-nghe-kinh__nhan { font-size: 16px; font-weight: 700; line-height: 1.35; }
.lpd-thanh-nghe-kinh audio { flex: 1; min-width: 220px; }

/* Trình phát riêng trong thanh nghe (2.38.0): trên điện thoại giao diện gốc
   của phần tử audio bị thu gọn chỉ còn nút tam giác, mất thanh tua và giờ,
   nên JS khởi tạo hàng điều khiển riêng lái chính phần tử audio đó rồi mới
   ẩn giao diện gốc. JS thêm lớp --co-trinh-phat vào thanh khi khởi tạo xong:
   nhãn nằm một hàng ở trên, hàng điều khiển nằm bên dưới. Không có JS thì
   khối trình phát mang thuộc tính hidden, thanh giữ nguyên giao diện gốc. */
.lpd-thanh-nghe-kinh--co-trinh-phat { align-items: stretch; flex-direction: column; flex-wrap: nowrap; }
.lpd-thanh-nghe-kinh--co-trinh-phat audio { display: none; }
.lpd-trinh-phat { align-items: center; display: flex; gap: 14px; width: 100%; }
.lpd-trinh-phat__nut-phat {
	align-items: center;
	background: var(--lpd-mau-do-tia-sau);
	border: 1.5px solid var(--lpd-mau-vang-kim);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	flex: 0 0 auto;
	height: 48px;
	justify-content: center;
	padding: 0;
	width: 48px;
}
.lpd-trinh-phat__nut-phat:hover { background: var(--lpd-mau-do-tia-dem); }
.lpd-trinh-phat__nut-phat:focus-visible { outline: 2px solid var(--lpd-mau-vang-sang); outline-offset: 2px; }
/* Ký hiệu vẽ bằng CSS: tam giác khi đang dừng, hai vạch khi đang phát. */
.lpd-trinh-phat__ky-hieu { display: block; height: 20px; position: relative; width: 20px; }
.lpd-trinh-phat__ky-hieu::before {
	border-bottom: 10px solid transparent;
	border-left: 15px solid #f7ecd0;
	border-top: 10px solid transparent;
	content: '';
	left: 4px;
	position: absolute;
	top: 0;
}
.lpd-trinh-phat.dang-phat .lpd-trinh-phat__ky-hieu::before {
	background: #f7ecd0;
	border: none;
	height: 20px;
	left: 2px;
	width: 6px;
}
.lpd-trinh-phat.dang-phat .lpd-trinh-phat__ky-hieu::after {
	background: #f7ecd0;
	content: '';
	height: 20px;
	position: absolute;
	right: 2px;
	top: 0;
	width: 6px;
}
.lpd-trinh-phat__cot-tua { display: flex; flex: 1; flex-direction: column; gap: 5px; min-width: 0; }
.lpd-trinh-phat__thanh-tua {
	-webkit-appearance: none;
	appearance: none;
	background: var(--lpd-mau-duong-tua);
	border-radius: 999px;
	cursor: pointer;
	height: 8px;
	margin: 0;
	width: 100%;
}
.lpd-trinh-phat__thanh-tua:disabled { cursor: default; opacity: 0.55; }
.lpd-trinh-phat__thanh-tua:focus-visible { outline: 2px solid var(--lpd-mau-vang-sang); outline-offset: 4px; }
.lpd-trinh-phat__thanh-tua::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	background: var(--lpd-mau-vang-kim);
	border: 2px solid var(--lpd-mau-do-tia-dem);
	border-radius: 50%;
	height: 20px;
	width: 20px;
}
.lpd-trinh-phat__thanh-tua::-moz-range-thumb {
	background: var(--lpd-mau-vang-kim);
	border: 2px solid var(--lpd-mau-do-tia-dem);
	border-radius: 50%;
	height: 16px;
	width: 16px;
}
.lpd-trinh-phat__thanh-tua::-moz-range-track { background: var(--lpd-mau-duong-tua); border-radius: 999px; height: 8px; }
.lpd-trinh-phat__thanh-tua::-moz-range-progress { background: var(--lpd-mau-vang-kim); border-radius: 999px; height: 8px; }
.lpd-trinh-phat__gio { color: #f7ecd0; font-size: 16px; line-height: 1.3; }

.lpd-thanh-cong-cu { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 16px; }
.lpd-thanh-cong-cu__nhan { align-self: center; color: var(--lpd-mau-muc-nhe); font-size: 16px; }
.lpd-thanh-cong-cu button {
	background: #fff;
	border: 1.5px solid var(--lpd-mau-vien);
	border-radius: 9px;
	color: var(--lpd-mau-muc);
	cursor: pointer;
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	min-height: 44px;
	padding: 9px 13px;
}
.lpd-thanh-cong-cu button[aria-pressed="true"] { border-color: var(--lpd-mau-do-tia); color: var(--lpd-mau-do-tia); }

.entry-content {
	font-family: var(--lpd-phong-noi-dung);
	font-size: 18px;
	line-height: 1.95;
	margin-top: 22px;
}
.entry-content p { margin: 0 0 15px; }
.entry-content h2, .entry-content h3 { color: var(--lpd-mau-do-tia); font-family: var(--lpd-phong-trung-bay); line-height: 1.35; }
.entry-content img { border-radius: 8px; }
/* Giữ nội dung cũ trong cột dọc: ảnh lớn, bảng, khung nhúng không được tràn ra ngoài tờ kinh. */
.entry-content img, .single .entry-content img, .page .entry-content img { height: auto; max-width: 100%; }
.entry-content figure, .entry-content .wp-caption { max-width: 100%; }
.entry-content iframe, .entry-content embed, .entry-content object, .entry-content video { max-width: 100%; }
.entry-content iframe[src*="youtube.com"], .entry-content iframe[src*="youtube-nocookie.com"], .entry-content iframe[src*="vimeo.com"] { aspect-ratio: 16 / 9; height: auto; width: 100%; }
.entry-content table { display: block; max-width: 100%; overflow-x: auto; }
.entry-content pre { max-width: 100%; overflow-x: auto; }
.entry-content a { color: var(--lpd-mau-do-tia); }
html[data-lpd-co-chu="lg"] .single .entry-content, html[data-lpd-co-chu="lg"] .page .entry-content { font-size: 22px; }
html[data-lpd-co-chu="xl"] .single .entry-content, html[data-lpd-co-chu="xl"] .page .entry-content { font-size: 26px; }

/* Mục lục của LuckyWP trong tờ kinh. */
.entry-content .lwptoc, .lwptoc {
	background: #fffdf4;
	border: 1.5px solid var(--lpd-mau-vang-co);
	border-radius: 10px;
	font-family: var(--lpd-phong-noi-dung);
	margin: 16px 0;
	padding: 13px 18px;
}

/* Bài trước và bài sau. */
.adjacent-entry-pagination { display: grid; gap: 13px; grid-template-columns: 1fr 1fr; margin: 20px auto 0; max-width: 860px; }
/* Hai ô phải bằng nhau: ô bấm kéo giãn theo chiều cao của ô cao nhất, chữ căn giữa. */
.adjacent-entry-pagination .pagination-previous, .adjacent-entry-pagination .pagination-next { display: flex; }
.adjacent-entry-pagination a {
	align-items: center;
	background: var(--lpd-mau-giay-sang);
	border: 1px solid var(--lpd-mau-rom);
	border-radius: 11px;
	color: var(--lpd-mau-muc);
	display: flex;
	flex: 1;
	font-family: var(--lpd-phong-noi-dung);
	font-size: 16px;
	min-height: 64px;
	padding: 15px 17px;
	text-decoration: none;
}
.adjacent-entry-pagination a:hover { background: #fff3d6; }
.adjacent-entry-pagination .pagination-next { text-align: right; }
.adjacent-entry-pagination .pagination-next a { justify-content: flex-end; }

/* Bình luận. */
.comments-area { margin: 26px auto 0; max-width: 860px; }
.comment-list { list-style: none; margin: 0; padding: 0; }
html { scroll-padding-top: 16px; }
.comment-list li { background: var(--lpd-mau-giay-sang); border: 1px solid var(--lpd-mau-rom); border-radius: 10px; box-shadow: 0 1px 2px rgba(52, 6, 15, 0.04), 0 10px 22px -18px rgba(52, 6, 15, 0.3); margin-bottom: 12px; padding: 16px 18px; scroll-margin-top: 18px; }
.comment-form label { display: block; font-weight: 600; margin: 0 0 6px; }
.comment-form .required { color: var(--lpd-mau-do-tia); }
.comments-pagination { display: flex; justify-content: space-between; margin-top: 18px; }
.comments-pagination .alignleft, .comments-pagination .alignright { float: none; }
.comments-pagination a {
	border: 1.5px solid var(--lpd-mau-rom);
	border-radius: 999px;
	color: var(--lpd-mau-do-tia);
	display: inline-block;
	font-weight: 600;
	min-height: 40px;
	padding: 7px 16px;
	text-decoration: none;
}
.comments-pagination a:hover { background: #fff3d6; border-color: var(--lpd-mau-vang-co); }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
	background: #fff;
	border: 1.5px solid var(--lpd-mau-rom);
	border-radius: 9px;
	font: inherit;
	padding: 10px 12px;
	width: 100%;
}
.comment-form .submit {
	background: linear-gradient(160deg, var(--lpd-mau-vang-tuoi-1), var(--lpd-mau-vang-tuoi-2));
	border: 1.5px solid var(--lpd-mau-vang-tuoi-2);
	border-radius: 999px;
	color: var(--lpd-mau-do-tia-sau);
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	min-height: 46px;
	padding: 11px 24px;
}
.comment-form .submit:hover { background: linear-gradient(160deg, #f7cd66, var(--lpd-mau-vang-tuoi-1)); }
.comment-form input:focus, .comment-form textarea:focus { border-color: var(--lpd-mau-vang-co); box-shadow: 0 0 0 3px rgba(221, 178, 84, 0.25); outline: none; }
.lpd-dong-chia-se { color: var(--lpd-mau-muc-nhe); font-style: italic; text-align: center; }

/* ===== Widget cột bên và chân trang ===== */
/* Hệ thống widget cột bên thống nhất (2.6.3): thẻ có viền vàng ở đầu, tiêu đề 16px, nội dung 14px ở cả 3 khối. */
.sidebar .widget {
	background: var(--lpd-mau-giay-sang);
	border: 1px solid var(--lpd-mau-vien);
	border-radius: 14px;
	border-top: 3px solid var(--lpd-mau-vang-co);
	font-size: 16px;
	line-height: 1.55;
	margin-bottom: 20px;
	padding: 16px 18px 12px;
}
.sidebar .widget-title {
	align-items: center;
	border-bottom: 1px solid rgba(185, 138, 29, 0.35);
	color: var(--lpd-mau-do-tia);
	display: flex;
	font-family: var(--lpd-phong-trung-bay);
	font-size: 20px;
	font-weight: 800;
	gap: 9px;
	margin: 0 0 6px;
	padding-bottom: 10px;
}
.sidebar .widget-title::before { background: url("images/sen-d1.png") center / 27px 12px no-repeat; content: ""; flex: none; height: 12px; width: 28px; }

.footer-widgets { background: var(--lpd-mau-do-tia-dem); color: #d9c9a3; margin-top: 34px; }
.footer-widgets .wrap { padding-bottom: 6px; padding-top: 26px; }
.footer-widgets .widget-title { color: var(--lpd-mau-vang-kim); font-family: var(--lpd-phong-trung-bay); font-size: 20px; }
.footer-widgets a { color: rgba(234, 217, 164, 0.9); }

.site-footer { background: var(--lpd-mau-do-tia-dem); color: #d9c9a3; padding: 17px 0 26px; position: relative; text-align: center; }
.site-footer .lpd-dai-hoi-van { left: 0; opacity: 0.6; position: absolute; right: 0; top: 0; }
.lpd-chan-trang__cau-ke { color: var(--lpd-mau-vang-sang); font-family: var(--lpd-phong-noi-dung); font-size: 16px; font-style: italic; line-height: 1.75; margin: 20px 0 0; text-align: left; }
.lpd-chan-trang__cau-ke cite { display: block; font-style: normal; margin-top: 10px; opacity: 0.8; }
.lpd-chan-trang__khoi-logo { align-items: center; display: flex; flex: none; flex-direction: row; gap: 13px; text-align: left; }
.lpd-chan-trang__logo { border-radius: 50%; box-shadow: 0 0 0 1px rgba(221, 178, 84, 0.4); flex: none; height: 56px; width: 56px; }
.lpd-chan-trang__ten-trang { color: var(--lpd-mau-vang-kim); font-family: var(--lpd-phong-noi-dung); font-size: 18px; font-weight: 700; letter-spacing: 0.5px; margin: 0; text-align: left; }
.lpd-chan-trang__luoi { display: grid; gap: 32px 40px; grid-template-columns: 1.2fr 1fr 1fr; margin: 32px auto 4px; max-width: 1160px; padding: 0 24px; text-align: left; }
.lpd-chan-trang__cot--logo { order: -1; }
.lpd-chan-trang__tieu-de-cot { color: var(--lpd-mau-vang-kim); font-family: var(--lpd-phong-noi-dung); font-size: 18px; font-weight: 700; letter-spacing: 0.5px; }
.lpd-chan-trang__cot .lpd-chan-trang__tieu-de-cot { margin: 14px 0; }
.lpd-chan-trang__cot ul { list-style: none; margin: 0; padding: 0; }
.lpd-chan-trang__cot li { margin: 0 0 10px; }
.lpd-chan-trang__cot a { color: #d9c9a3; font-size: 16px; padding: 2px 0; text-decoration: none; }
.lpd-chan-trang__cot a:hover { color: var(--lpd-mau-vang-sang); text-decoration: underline; }
.site-footer p { margin: 0; }

/* ===== Nút lên đầu trang ===== */
.lpd-nut-len-dau {
	align-items: center;
	background: var(--lpd-mau-do-tia);
	border: 0;
	border-radius: 50%;
	bottom: 84px;
	box-shadow: 0 8px 20px rgba(52, 6, 15, 0.3);
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 16px;
	height: 46px;
	justify-content: center;
	position: fixed;
	right: 16px;
	width: 46px;
	z-index: 95;
}
.lpd-nut-len-dau.hien-thi { display: flex; }

/* ===== Nút tạm dừng nghe nổi ===== */
/* Chỉ in ở bài có audio của thanh nghe kinh và ẩn sẵn; JS cho hiện khi audio bắt
   đầu phát, đổi biểu tượng theo trạng thái phát, tự ẩn khi phát hết. Nút ngồi
   đúng vị trí gốc của nút về đầu trang; khi nút đang hiện, nút về đầu trang
   nhích lên trên nút này 56px nhờ lớp lpd-co-nut-tam-dung trên thẻ body. */
.lpd-nut-tam-dung-nghe {
	align-items: center;
	background: var(--lpd-mau-do-tia);
	/* Viền vàng kim từ 2.41.6 cho đồng bộ với nút phát chính trong thanh
	   nghe, vốn cũng là nút tròn đỏ tía đặc viền vàng kim. */
	border: 2px solid var(--lpd-mau-vang-kim);
	border-radius: 50%;
	bottom: 84px;
	box-shadow: 0 8px 20px rgba(52, 6, 15, 0.3);
	color: var(--lpd-mau-giay);
	cursor: pointer;
	display: none;
	height: 48px;
	justify-content: center;
	position: fixed;
	right: 16px;
	width: 48px;
	z-index: 96;
}
.lpd-nut-tam-dung-nghe.hien-thi { display: flex; }
/* Đang phát thì hiện biểu tượng tạm dừng; đang dừng thì hiện biểu tượng phát. */
.lpd-nut-tam-dung-nghe .lpd-nut-tam-dung-nghe__bieu-tuong-phat { display: none; }
.lpd-nut-tam-dung-nghe.dang-dung .lpd-nut-tam-dung-nghe__bieu-tuong-phat { display: block; }
.lpd-nut-tam-dung-nghe.dang-dung .lpd-nut-tam-dung-nghe__bieu-tuong-dung { display: none; }
body.lpd-co-nut-tam-dung .lpd-nut-len-dau { bottom: 140px; }

@media (max-width: 860px) {
	/* Điện thoại: nút ngồi ngay trên thanh điều hướng đáy, cùng cột phải với
	   nút về đầu trang; khi đang hiện, nút về đầu trang nhích lên 56px. */
	.lpd-nut-tam-dung-nghe { bottom: 76px; right: 12px; }
	body.lpd-co-nut-tam-dung .lpd-nut-len-dau { bottom: 132px; }
}

/* ===== Thanh điều hướng dưới cùng (điện thoại) ===== */
.lpd-thanh-dieu-huong-day { display: none; }

/* ===== THÀNH PHẦN GENESIS — bộ đầy đủ 2.2.0, làm đẹp lưu trữ 2.5.0 ===== */
/* Đường dẫn: ô vuông vàng và vạch vàng mờ ở dưới. */
.breadcrumb, .yoast-breadcrumb {
	border-bottom: 1px solid rgba(185, 138, 29, 0.3);
	color: var(--lpd-mau-muc-nhe);
	font-size: 14px;
	margin-bottom: 30px;
	padding-bottom: 12px;
}
.breadcrumb a, .yoast-breadcrumb a { color: var(--lpd-mau-vang-co-dam); font-weight: 600; text-decoration: none; }
.breadcrumb a:hover, .yoast-breadcrumb a:hover { text-decoration: underline; }

/* Đầu trang lưu trữ: tiêu đề kiểu mục trang chủ (ô vuông và đường kẻ vàng). */
.archive-title {
	align-items: center;
	color: var(--lpd-mau-do-tia);
	display: flex;
	font-family: var(--lpd-phong-trung-bay);
	font-size: 30px;
	font-weight: 900;
	gap: 13px;
	line-height: 1.25;
	margin: 4px 0 12px;
}
.archive-title::before { background: url("images/sen-d1.png") center / 35px 16px no-repeat; content: ""; flex: none; height: 16px; width: 36px; }
.archive-title::after {
	background: linear-gradient(90deg, rgba(185, 138, 29, 0.55), rgba(185, 138, 29, 0.04));
	content: "";
	flex: 1;
	height: 2px;
}
.archive-description, .taxonomy-description {
	color: var(--lpd-mau-muc-nhe);
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 24px;
	max-width: 780px;
}
.archive-description p:last-child, .taxonomy-description p:last-child { margin-bottom: 0; }

/* Thẻ bài ở trang lưu trữ và tìm kiếm: ảnh vuông bên trái, mô tả gọn, nút đọc tiếp dạng viền.
   Theo hướng dẫn UX (phong cách biên tập): bóng đổ mềm nhiều lớp, dòng thông tin chuyên mục và
   ngày đăng trên tiêu đề, ảnh có khung vàng nhạt và phóng nhẹ khi đưa chuột, nút có nền nhạt
   để nhận ra ngay cả trên màn hình cảm ứng; không cắt bớt chữ mô tả. */
.archive .entry, .search .entry {
	border-color: var(--lpd-mau-rom);
	box-shadow: 0 1px 2px rgba(52, 6, 15, 0.05), 0 12px 28px -20px rgba(52, 6, 15, 0.35);
	padding: 22px 24px;
	transition: border-color 0.18s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.archive .entry:hover, .search .entry:hover {
	border-color: rgba(185, 138, 29, 0.65);
	box-shadow: 0 2px 3px rgba(52, 6, 15, 0.05), 0 22px 38px -18px rgba(52, 6, 15, 0.4);
	transform: translateY(-2px);
}
.lpd-the-bai__thong-tin { align-items: baseline; color: var(--lpd-mau-nau); display: flex; flex-wrap: wrap; font-size: 16px; gap: 10px; margin: 0 0 6px; }
.lpd-the-bai__chuyen-muc { color: var(--lpd-mau-vang-co-dam); font-weight: 600; }
.lpd-the-bai__dau-phan-cach { color: var(--lpd-mau-vang-co); }
.archive .entry-title a, .search .entry-title a { transition: color 0.18s ease; }
.archive .entry:hover .entry-title a, .search .entry:hover .entry-title a { color: var(--lpd-mau-do-tia-sang); }
.archive .entry-title, .search .entry-title { font-size: 20px; margin-top: 0; }
.archive .entry-content, .search .entry-content { color: var(--lpd-mau-nau); font-size: 16px; line-height: 1.65; }
/* Mô tả thẻ chỉ một dòng như thẻ honglam.vn; dòng tín hiệu ở chân thẻ. */
.archive .entry-content > p:first-of-type, .search .entry-content > p:first-of-type {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	overflow: hidden;
}
.lpd-the-bai__tin-hieu { color: var(--lpd-mau-nau); font-size: 16px; margin: 2px 0 0; }
.lpd-the-bai__tin-hieu .lpd-the-bai__dau-phan-cach { color: var(--lpd-mau-vang-co); }
.archive .entry-content::after, .search .entry-content::after { clear: both; content: ""; display: block; }
.archive .entry-content img, .search .entry-content img { border-radius: 10px; }
/* Ảnh đại diện Genesis (a.entry-image-link > img.entry-image) dùng làm hộp vuông bên trái. */
.archive .entry-image-link, .search .entry-image-link {
	background: var(--lpd-mau-giay);
	border: 1px solid rgba(185, 138, 29, 0.45);
	border-radius: 10px;
	display: block;
	float: left;
	height: 168px;
	margin: 3px 18px 8px 0;
	overflow: hidden;
	width: 168px;
}
.archive .entry-image-link img, .search .entry-image-link img {
	border-radius: 0;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
	width: 100%;
}
.archive .entry:hover .entry-image-link img, .search .entry:hover .entry-image-link img { transform: scale(1.05); }
/* Mô tả thẻ bài: trung hoà cỡ chữ định sẵn trong nội dung cũ, mỗi thẻ một cỡ thống nhất. */
.archive .entry-content :where(p, span, font, li, div, td), .search .entry-content :where(p, span, font, li, div, td) {
	font-size: inherit !important;
	line-height: inherit;
}
.archive .entry-content .more-link, .search .entry-content .more-link {
	background: rgba(221, 178, 84, 0.12);
	border: 1.5px solid var(--lpd-mau-do-tia);
	border-radius: 999px;
	color: var(--lpd-mau-do-tia);
	font-size: 16px;
	min-height: 44px;
	padding: 9px 20px;
	transition: background-color 0.16s ease, color 0.16s ease;
}
.archive .entry-content .more-link:hover, .search .entry-content .more-link:hover { background: #fff3d6; border-color: var(--lpd-mau-vang-co); color: var(--lpd-mau-do-tia); }

/* Chân bài: chuyên mục và thẻ ở cuối bài. */
.entry-footer .entry-meta {
	border-top: 1px solid var(--lpd-mau-vien);
	font-size: 16px;
	margin-top: 26px;
	padding-top: 13px;
}
.entry-footer .entry-meta a { color: var(--lpd-mau-vang-co-dam); font-weight: 600; }

/* Phân trang trong bài (bài chia nhiều trang). */
.entry-pagination { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.entry-pagination a {
	border: 1.5px solid var(--lpd-mau-do-tia);
	border-radius: 9px;
	color: var(--lpd-mau-do-tia);
	display: inline-block;
	font-weight: 600;
	min-height: 44px;
	min-width: 44px;
	padding: 9px 13px;
	text-align: center;
	text-decoration: none;
}

/* Hộp tác giả và vùng sau bài. */
.author-box, .after-entry {
	background: var(--lpd-mau-giay-sang);
	border: 1px solid var(--lpd-mau-vien);
	border-radius: 12px;
	margin: 24px auto 0;
	max-width: 860px;
	padding: 18px 20px;
}
.author-box { display: flex; gap: 16px; }
.author-box .avatar { border: 2px solid var(--lpd-mau-vang-kim); border-radius: 50%; flex: none; height: 64px; width: 64px; }
.author-box-title { font-family: var(--lpd-phong-noi-dung); font-size: 20px; margin: 0 0 6px; }
.author-box-content p:last-child { margin-bottom: 0; }
.after-entry .widget { margin-bottom: 13px; }
.after-entry .widget:last-child { margin-bottom: 0; }

/* Nội dung bài: trích dẫn, bảng, chú thích ảnh, tách trang, mã nguồn. */
.entry-content blockquote {
	background: var(--lpd-mau-giay);
	border-left: 4px solid var(--lpd-mau-vang-co);
	border-radius: 0 10px 10px 0;
	font-family: var(--lpd-phong-noi-dung);
	font-style: italic;
	margin: 22px 0;
	padding: 13px 20px;
}
.entry-content blockquote p:last-child { margin-bottom: 0; }
.entry-content table { border-collapse: collapse; margin: 20px 0; max-width: 100%; width: 100%; }
.entry-content th, .entry-content td { border: 1px solid var(--lpd-mau-vien); padding: 9px 12px; text-align: left; }
.entry-content th { background: var(--lpd-mau-do-tia); color: var(--lpd-mau-vang-sang); font-weight: 600; }
.entry-content tr:nth-child(even) td { background: rgba(247, 239, 219, 0.55); }
.entry-content hr { border: 0; border-top: 3px double var(--lpd-mau-vang-co); margin: 28px auto; max-width: 220px; }
.entry-content .wp-caption { max-width: 100%; }
.entry-content figcaption, .entry-content .wp-caption-text {
	color: var(--lpd-mau-muc-nhe);
	font-size: 16px;
	margin-top: 6px;
	text-align: center;
}
.entry-content .more-link {
	background: var(--lpd-mau-do-tia);
	border-radius: 9px;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	margin-top: 6px;
	min-height: 44px;
	padding: 10px 18px;
	text-decoration: none;
}
.entry-content pre, .entry-content code {
	background: #efe6cd;
	border-radius: 6px;
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: 0.92em;
}
.entry-content pre { overflow-x: auto; padding: 13px 16px; }
.entry-content code { padding: 1px 5px; }
.entry-content pre code { padding: 0; }
.entry-content h3 { color: var(--lpd-mau-do-tia); font-family: var(--lpd-phong-noi-dung); font-size: 20px; line-height: 1.4; margin: 26px 0 10px; }
.entry-content h4 { color: var(--lpd-mau-muc); font-family: var(--lpd-phong-noi-dung); font-size: 20px; line-height: 1.45; margin: 22px 0 8px; }

/* Cột bên: chi tiết trong các widget. */
.sidebar .widget ul { list-style: none; margin: 0; padding: 0; }
.sidebar .widget li {
	border-bottom: 1px dashed rgba(185, 138, 29, 0.3);
	color: var(--lpd-mau-muc-nhe);
	padding: 8px 0;
}
.sidebar .widget li:last-child { border-bottom: 0; }
.sidebar .widget li a { color: var(--lpd-mau-muc); font-size: 16px; text-decoration: none; }
.sidebar .widget li a:hover { color: var(--lpd-mau-do-tia); text-decoration: underline; }
.sidebar .widget .children, .sidebar .widget .sub-menu { margin-left: 13px; }
.sidebar .widget .post-date { color: var(--lpd-mau-muc-nhe); display: block; font-size: 16px; }
/* Khối Bài hay (featuredpost): gỡ khung thẻ bài lẻ, đưa về cùng hàng với 2 khối còn lại. */
.sidebar .featuredpost article {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}
.sidebar .featuredpost .random-content li { list-style: none; }
/* Cùng widget Bài hay nhưng Genesis nguyên bản ra dạng bài > h4 > liên kết (bản ở máy LocalWP):
   đưa về đúng hàng 14px, đầu ô vuông và gạch đứt nét như các khối còn lại. */
.sidebar .featuredpost article:not(:has(li)) {
	border-bottom: 1px dashed rgba(185, 138, 29, 0.3);
	padding: 8px 0;
}
.sidebar .featuredpost article:not(:has(li)):last-of-type { border-bottom: 0; }
.sidebar .featuredpost h2, .sidebar .featuredpost h4 {
	font-family: var(--lpd-phong-giao-dien);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.55;
	margin: 0;
}
.sidebar .featuredpost h2 a, .sidebar .featuredpost h4 a { color: var(--lpd-mau-muc); text-decoration: none; }
.sidebar .featuredpost h2 a:hover, .sidebar .featuredpost h4 a:hover { color: var(--lpd-mau-do-tia); text-decoration: underline; }
.sidebar .widget_search .search-form { display: flex; gap: 8px; }
.sidebar .widget_search .search-form-input {
	border: 1.5px solid var(--lpd-mau-vien);
	border-radius: 9px;
	flex: 1;
	font: inherit;
	min-height: 44px;
	min-width: 0;
	padding: 10px 12px;
}
.sidebar .widget_search .search-form-submit {
	background: var(--lpd-mau-do-tia);
	border: 0;
	border-radius: 9px;
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	min-height: 44px;
	padding: 10px 16px;
}
.sidebar .tagcloud a {
	background: var(--lpd-mau-giay);
	border: 1px solid var(--lpd-mau-vien);
	border-radius: 999px;
	color: var(--lpd-mau-muc);
	display: inline-block;
	font-size: 16px !important;
	margin: 0 6px 8px 0;
	padding: 6px 12px;
	text-decoration: none;
}
.sidebar .widget_calendar table { width: 100%; }
.sidebar .widget_calendar td, .sidebar .widget_calendar th { padding: 5px; text-align: center; }

/* Chân trang dạng widget: danh sách trên nền tối. */
.footer-widgets .widget { margin-bottom: 20px; }
.footer-widgets .widget ul { list-style: none; margin: 0; padding: 0; }
.footer-widgets .widget li { border-bottom: 1px solid rgba(221, 178, 84, 0.22); padding: 7px 0; }
.footer-widgets .widget li:last-child { border-bottom: 0; }

/* Biểu mẫu chung trong vùng nội dung. */
.site-inner input[type="text"], .site-inner input[type="email"], .site-inner input[type="url"],
.site-inner input[type="search"], .site-inner input[type="password"], .site-inner input[type="tel"],
.site-inner select, .site-inner textarea {
	background: #fff;
	border: 1.5px solid var(--lpd-mau-vien);
	border-radius: 9px;
	font: inherit;
	max-width: 100%;
	padding: 10px 12px;
}
.site-inner label { font-weight: 600; }

/* Bình luận: chi tiết. */
.entry-comments { margin: 26px auto 0; max-width: 860px; }
#reply-title, .comment-reply-title { color: var(--lpd-mau-do-tia); font-family: var(--lpd-phong-noi-dung); font-size: 20px; margin: 18px 0 10px; }
.comment-list .children { border-left: 2px solid rgba(217, 192, 143, 0.85); list-style: none; margin: 12px 0 0 4px; padding-left: 16px; }
.comment-list .comment-author { align-items: center; display: flex; gap: 10px; }
.comment-list .comment-author .avatar { border: 2px solid var(--lpd-mau-vang-kim); border-radius: 50%; }
.comment-list .comment-author-name { color: var(--lpd-mau-do-tia); font-weight: 700; }
/* Dòng ngày giờ: chữ nhỏ màu nâu, liên kết không gạch chân, chỉ là thông tin phụ. */
.comment-list .comment-meta { color: var(--lpd-mau-nau); font-size: 14px; margin: 3px 0 9px; }
.comment-meta a, .comment-edit-link { color: var(--lpd-mau-nau); font-weight: 400; text-decoration: none; }
.comment-meta a:hover { color: var(--lpd-mau-vang-co-dam); text-decoration: underline; }
.comment-edit-link { margin-left: 8px; }
.comment-content { color: var(--lpd-mau-muc); font-size: 16px; line-height: 1.7; }
.comment-content p { margin: 0 0 10px; }
.comment-content p:last-child { margin-bottom: 0; }
.lpd-tieu-de-binh-luan {
	align-items: center;
	color: var(--lpd-mau-do-tia);
	display: flex;
	font-family: var(--lpd-phong-trung-bay);
	font-size: 20px;
	font-weight: 800;
	gap: 10px;
	margin: 0 0 16px;
}
.lpd-tieu-de-binh-luan::before { background: url("images/sen-d1.png") center / 35px 16px no-repeat; content: ""; flex: none; height: 16px; width: 36px; }
.lpd-tieu-de-binh-luan::after { background: linear-gradient(90deg, rgba(185, 138, 29, 0.55), rgba(185, 138, 29, 0.04)); content: ""; flex: 1; height: 2px; }
.comment-reply-link, .comment-list .reply a {
	border: 1.5px solid var(--lpd-mau-rom);
	border-radius: 999px;
	color: var(--lpd-mau-do-tia);
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	margin-top: 10px;
	min-height: 40px;
	padding: 8px 15px;
	text-decoration: none;
}
.comment-reply-link:hover, .comment-list .reply a:hover { background: #fff3d6; border-color: var(--lpd-mau-vang-co); }
.comment-list .bypostauthor > article { border: 1.5px solid var(--lpd-mau-vang-co); }
.comment-notes, .logged-in-as { color: var(--lpd-mau-nau); font-size: 16px; }
.ping-list { list-style: none; margin: 0 0 18px; padding: 0; }
.ping-list li { border-bottom: 1px solid var(--lpd-mau-vien); padding: 8px 0; }
#cancel-comment-reply-link { font-size: 16px; margin-left: 10px; }

/* Vùng widget đầu trang (nếu có). */
.header-widget-area { align-items: center; display: flex; margin-left: auto; }

/* Trang Nghe kinh: danh sách bài có giọng đọc. */
.lpd-danh-sach-nghe { display: grid; gap: 13px; margin: 18px 0; }
.lpd-muc-nghe {
	background: var(--lpd-mau-giay-sang);
	border: 1px solid var(--lpd-mau-vien);
	border-radius: 12px;
	padding: 16px 18px;
}
.lpd-muc-nghe h3 { font-family: var(--lpd-phong-noi-dung); font-size: 20px; margin: 0 0 10px; }
.lpd-muc-nghe h3 a { color: var(--lpd-mau-do-tia); text-decoration: none; }
.lpd-muc-nghe audio { width: 100%; }

/* Bố cục hai cột: nội dung và cột bên (trang chuyên mục, lưu trữ). */
.content-sidebar .content-sidebar-wrap, .sidebar-content .content-sidebar-wrap {
	align-items: flex-start;
	display: flex;
	gap: 30px;
}
.content-sidebar .content, .sidebar-content .content { flex: 1 1 auto; max-width: 760px; min-width: 0; }
.sidebar-primary { flex: 0 0 320px; width: 320px; }
.sidebar-secondary { flex: 0 0 240px; width: 240px; }

/* Nút ba gạch và nút Nghe kinh trong panel: chỉ hiện ở bản thu gọn (JS chèn vào). */
.lpd-nut-ba-gach, .lpd-nut-nghe-trong-menu { display: none; }

@media (max-width: 1024px) {
	/* Genesis trượt mở ở cấp NAV (không phải UL): ẩn cả nav, JS sẽ mở ra.
	   UL bên trong hiện dạng danh sách xếp dọc; menu con ẩn chờ nút riêng mở. */
	.nav-primary {
		border-bottom: 3px solid var(--lpd-mau-vang-co);
		box-shadow: 0 18px 28px rgba(52, 6, 15, 0.18);
		display: none;
	}
	/* Thanh đầu trang thu gọn một hàng: ba gạch trái, logo giữa, kính lúp phải. */
	.site-header .wrap { gap: 6px; padding: 9px 12px; }
	.lpd-bang-tim-kiem { flex: 1 1 100%; }
	/* Thứ tự trong bảng menu: ngày âm lên đầu làm dải nhất của bảng, các mục menu ở giữa,
	   nút Nghe kinh xuống cuối bảng. */
	.nav-primary .wrap { display: flex; flex-direction: column; }
	.nav-primary .genesis-nav-menu { display: flex; flex-direction: column; order: 2; width: 100%; }
	.genesis-nav-menu .lpd-muc-ngay-am {
		background: rgba(221, 178, 84, 0.14);
		border-bottom: 1px solid var(--lpd-mau-vien);
		margin-left: 0;
		order: -1;
		padding: 11px 16px;
		text-align: center;
		width: 100%;
	}
	.genesis-nav-menu .lpd-muc-ngay-am strong { color: var(--lpd-mau-do-tia); font-weight: 700; }
	.lpd-nut-ba-gach {
		align-items: center;
		background: transparent;
		border: 0;
		cursor: pointer;
		display: inline-flex;
		flex: none;
		height: 44px;
		justify-content: center;
		position: relative;
		width: 44px;
	}
	.lpd-nut-ba-gach span {
		background: var(--lpd-mau-vang-kim);
		box-shadow: 0 -7px 0 var(--lpd-mau-vang-kim), 0 7px 0 var(--lpd-mau-vang-kim);
		display: block;
		height: 2.5px;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
		width: 23px;
	}
	.lpd-nut-ba-gach::after {
		background: var(--lpd-mau-vang-kim);
		content: "";
		height: 2.5px;
		opacity: 0;
		position: absolute;
		transition: opacity 0.2s ease, transform 0.2s ease;
		width: 23px;
	}
	.lpd-nut-ba-gach.dang-mo span { box-shadow: none; transform: rotate(45deg); }
	.lpd-nut-ba-gach.dang-mo::after { opacity: 1; transform: rotate(-45deg); }
	.site-header .title-area { margin: 0 auto; }
	.site-header .site-title { font-size: 20px; }
	.site-header .site-title a::before { flex-basis: 40px; height: 40px; width: 40px; }
	.site-description { display: none; }
	.lpd-hanh-dong-dau-trang { flex: none; margin-left: 0; }
	.lpd-hanh-dong-dau-trang .lpd-nut-tron--dac { display: none; }
	.lpd-hanh-dong-dau-trang .lpd-nut-tron--vien {
		background-color: transparent;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ddb254' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 L21 21'/%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
		background-size: 23px;
		border: 0;
		font-size: 0;
		height: 44px;
		min-height: 44px;
		padding: 0;
		width: 44px;
	}
	/* Nút Menu gốc của Genesis ẩn đi, nút ba gạch ở đầu trang thay thế. */
	.menu-toggle { display: none !important; }
	/* Nút Nghe kinh vàng ở đầu panel menu. */
	.lpd-nut-nghe-trong-menu {
		align-items: center;
		background: linear-gradient(160deg, var(--lpd-mau-vang-tuoi-1), var(--lpd-mau-vang-tuoi-2));
		border-radius: 10px;
		color: var(--lpd-mau-do-tia-dem);
		display: flex;
		font-weight: 700;
		justify-content: center;
		margin: 14px 16px 16px;
		min-height: 48px;
		order: 3;
		padding: 12px 18px;
		text-decoration: none;
	}
	.genesis-nav-menu { display: block; }
	.genesis-nav-menu > li { border-top: 1px solid rgba(185, 138, 29, 0.22); }
	.genesis-nav-menu > li > a { min-height: 52px; padding: 15px 20px; }
	.genesis-nav-menu > li > a::after { display: none; }
	.genesis-nav-menu > li > a::before { display: none; }
	.genesis-nav-menu > li > a:hover { background: rgba(221, 178, 84, 0.14); }
	.genesis-nav-menu .current-menu-item > a {
		background: rgba(221, 178, 84, 0.16);
		box-shadow: inset 4px 0 0 var(--lpd-mau-vang-co);
	}
	/* Menu con dạng phòng: nền kem nhạt, ô vuông vàng đánh dấu, thụt lề theo cấp. */
	.genesis-nav-menu .sub-menu {
		background: rgba(247, 239, 219, 0.65);
		border: 0;
		border-radius: 0;
		box-shadow: none;
		display: none;
		left: auto;
		opacity: 1;
		padding: 4px 0 8px;
		position: static;
		transform: none;
		visibility: visible;
		width: auto;
	}
	.genesis-nav-menu .sub-menu li + li { border-top: 0; }
	.genesis-nav-menu .sub-menu a {
		border-radius: 0;
		min-height: 48px;
		padding: 12px 20px 12px 42px;
		position: relative;
	}
	.genesis-nav-menu .sub-menu a::before {
		background: var(--lpd-mau-vang-co);
		content: "";
		height: 7px;
		left: 24px;
		position: absolute;
		top: 20px;
		width: 7px;
	}
	.genesis-nav-menu .sub-menu .sub-menu a { padding-left: 60px; }
	.genesis-nav-menu .sub-menu .sub-menu a::before { left: 42px; }
	.genesis-nav-menu .sub-menu a:hover { box-shadow: none; transform: none; }
	.menu-toggle { display: block; position: relative; }
	/* Nút Menu: ba gạch ngang, mở ra thì thành dấu X. */
	.menu-toggle::after {
		background: var(--lpd-mau-do-tia);
		box-shadow: 0 -6px 0 var(--lpd-mau-do-tia), 0 6px 0 var(--lpd-mau-do-tia);
		content: "";
		height: 2px;
		position: absolute;
		right: 20px;
		top: 50%;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
		width: 22px;
	}
	.menu-toggle.activated::after { box-shadow: none; transform: rotate(45deg); }
	.menu-toggle::before {
		background: var(--lpd-mau-do-tia);
		content: "";
		height: 2px;
		opacity: 0;
		position: absolute;
		right: 20px;
		top: 50%;
		transition: opacity 0.2s ease, transform 0.2s ease;
		width: 22px;
	}
	.menu-toggle.activated::before { opacity: 1; transform: rotate(-45deg); }
	.sub-menu-toggle {
		background: transparent;
		border: 0;
		color: var(--lpd-mau-do-tia);
		cursor: pointer;
		display: block;
		min-height: 48px;
		min-width: 48px;
		position: absolute;
		right: 2px;
		top: 0;
	}
	/* Chevron trên nút mở menu con: xếp xuống, mở ra thì xoay lên. */
	.sub-menu-toggle::after {
		border-bottom: 2px solid var(--lpd-mau-do-tia);
		border-right: 2px solid var(--lpd-mau-do-tia);
		content: "";
		height: 9px;
		left: 19px;
		position: absolute;
		top: 17px;
		transform: rotate(45deg);
		transition: transform 0.2s ease;
		width: 9px;
	}
	.sub-menu-toggle.activated::after { transform: rotate(225deg); }
	.lpd-luoi-tung-ngay { grid-template-columns: repeat(2, 1fr); }
	.lpd-ke-kinh { grid-template-columns: repeat(2, 1fr); }
	.lpd-nut-len-dau { right: 12px; }
}

@media (max-width: 860px) {
	body { padding-bottom: 62px; }
	.site-description { margin-left: 0; }
	.site-title { font-size: 20px; }
	.site-title a::before { flex-basis: 44px; height: 44px; width: 44px; }
	.lpd-nut-tron { font-size: 16px; min-height: 44px; padding: 9px 13px; }
	.content-sidebar .content-sidebar-wrap, .sidebar-content .content-sidebar-wrap { flex-direction: column; }
	.content-sidebar .content, .sidebar-content .content { max-width: none; width: 100%; }
	.sidebar-primary, .sidebar-secondary { flex: none; width: 100%; }
	.lpd-gioi-thieu { padding: 26px 18px 52px; }
	.lpd-gioi-thieu__tieu-de { font-size: 26px; }
	.lpd-luoi-van-khan { grid-template-columns: 1fr; }
	.lpd-chia-hai-cot { grid-template-columns: 1fr; }
	.single .entry, .page .entry { padding: 26px 20px 24px; }
	.single .entry-title, .page .entry-title { font-size: 30px; }
	.entry-content { font-size: 18px; }
	.adjacent-entry-pagination { grid-template-columns: 1fr; }
	.lpd-thanh-dieu-huong-day {
		background: var(--lpd-mau-giay-sang);
		border-top: 2px solid var(--lpd-mau-vang-kim);
		bottom: 0;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		left: 0;
		padding: 7px 4px 9px;
		position: fixed;
		right: 0;
		z-index: 99;
	}
	.lpd-thanh-dieu-huong-day a { color: var(--lpd-mau-muc-nhe); font-size: 16px; font-weight: 600; text-align: center; text-decoration: none; }
	.lpd-thanh-dieu-huong-day svg { display: block; margin: 0 auto 3px; }
	.lpd-nut-len-dau { bottom: 76px; }
	/* Chân trang phải né thanh điều hướng cố định ở đáy: để thừa một khoảng lớn hơn chiều cao thanh. */
	.site-footer { padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)); }
	/* Điện thoại: hai cột liên kết song song cho cân đối, mục trích dẫn nằm ngang dưới cùng. */
	.lpd-chan-trang__luoi { gap: 28px; grid-template-columns: 1fr; margin-top: 28px; padding: 0 20px; }
	.lpd-chan-trang__cot .lpd-chan-trang__tieu-de-cot { margin-top: 0; }
	.lpd-chan-trang__tieu-de-cot { white-space: nowrap; }
	.lpd-chan-trang__cot li { margin: 0; }
	.lpd-chan-trang__cot a { display: block; padding: 6px 0; }
}

@media (max-width: 560px) {
	.archive-title { font-size: 26px; }
	.archive-title::before { height: 12px; width: 34px; }
	.archive .entry, .search .entry { padding: 18px; }
	.archive .entry-image-link, .search .entry-image-link {
		float: none;
		height: 176px;
		margin: 0 0 12px;
		width: 100%;
	}
	.archive .entry-title, .search .entry-title { font-size: 20px; }
	.lpd-luoi-tung-ngay { grid-template-columns: 1fr; }

}

/* ===== In bài ===== */
/* Chân trang in ẩn trên màn hình; nút in có biểu tượng máy in nhỏ. */
.lpd-chan-trang-in { display: none; }
.lpd-thanh-cong-cu .lpd-nut-in-bai { align-items: center; display: inline-flex; gap: 7px; }
.lpd-thanh-cong-cu .lpd-nut-in-bai svg { flex: none; height: 15px; width: 15px; }

@page {
	size: A4;
	margin: 18mm 18mm 20mm;
	@bottom-right {
		color: #8a8378;
		content: "Trang " counter(page) " / " counter(pages);
		font-family: "Be Vietnam Pro", Arial, sans-serif;
		font-size: 8.5pt;
	}
}

@media print {

	/* Ẩn toàn bộ phần giao diện, chỉ giữ lại nội dung bài viết. */
	.lpd-thanh-tren-cung, .site-header, .nav-primary, .breadcrumb, .yoast-breadcrumb,
	.sidebar, .widget-area, .lpd-thanh-cong-cu, .lpd-thanh-dieu-huong-day,
	.lpd-thanh-nghe-kinh, .lpd-nhan-chuyen-muc, .lpd-hoa-sen-duoi-ten, .kk-star-ratings, .lwptoc,
	.adjacent-entry-pagination, .entry-footer, .entry-meta, .lpd-bang-tim-kiem,
	.footer-widgets, .site-footer, .lpd-nut-tam-dung-nghe, .lpd-nut-len-dau, .comments-area, .entry-comments {
		display: none !important;
	}

	body { background: #fff; color: #000; padding-bottom: 0; }

	.site-inner, .content-sidebar-wrap, .content {
		float: none;
		margin: 0;
		max-width: none;
		padding: 0;
		width: auto;
	}


	.single .entry, .page .entry {
		background: #fff;
		background-image: none;
		border: 0;
		box-shadow: none;
		margin: 0;
		max-width: none;
		outline: none;
		padding: 0;
	}

	/* Tiêu đề bài trên trang giấy. */
	.single .entry-header, .page .entry-header { margin-bottom: 16pt; text-align: center; }
	.single .entry-title, .page .entry-title {
		color: var(--lpd-mau-do-tia);
		font-family: var(--lpd-phong-noi-dung);
		font-size: 20pt;
		font-weight: 700;
		line-height: 1.3;
	}

	/* Nội dung chữ serif dễ đọc, bất kể cỡ chữ đang chọn trên màn hình. */
	.single .entry-content, .page .entry-content {
		color: #000;
		font-family: var(--lpd-phong-noi-dung);
		font-size: 12pt !important;
		line-height: 1.7;
	}
	.entry-content p { orphans: 3; widows: 3; }
	.entry-content h2, .entry-content h3 { break-after: avoid; color: #000; }
	.entry-content a { color: #000; text-decoration: none; }
	.entry-content blockquote, .entry-content figure, .entry-content .wp-caption,
	.entry-content table, .entry-content .lpd-khoi-ke {
		break-inside: avoid;
	}
	.entry-content img {
		break-inside: avoid;
		height: auto;
		max-height: 235mm;
		max-width: 100%;
	}
	.entry-content iframe, .entry-content embed, .entry-content object, .entry-content video {
		display: none;
	}

	/* Chân trang in chính nằm trong ô lề dưới của trang giấy (@page, xem functions.php).
	   Phần tử cố định dưới đây chỉ là phương án dự phòng cho trình duyệt chưa hỗ trợ
	   ô lề trang, vì cố định sát đáy vùng nội dung nên có thể chạm dòng cuối ở trang đầy. */
	.lpd-chan-trang-in { display: none; }
	html:not(.lpd-co-o-le-trang) .lpd-chan-trang-in {
		border-bottom: 0.75pt solid var(--lpd-mau-vang-kim);
		bottom: 0;
		color: #55534e;
		display: block;
		font-family: var(--lpd-phong-giao-dien);
		font-size: 8.5pt;
		left: 0;
		line-height: 1.3;
		padding-bottom: 2pt;
		position: fixed;
		right: 0;
		text-align: center;
	}
	.lpd-chan-trang-in__ten-trang { font-weight: 700; }
	.lpd-chan-trang-in__duong-dan { margin-left: 8pt; }
}

/* ===== Tôn trọng tuỳ chọn giảm chuyển động của người đọc ===== */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

/* ===== Cỡ chữ trang chủ + chữ chạy theo audio ===== */

/* Cỡ chữ đã lưu cũng áp cho phần chữ chính của trang chủ (mô tả đầu trang, thẻ bài). */
html[data-lpd-co-chu="lg"] .home .lpd-gioi-thieu__mo-ta,
html[data-lpd-co-chu="lg"] .home .lpd-dong-bai p,
html[data-lpd-co-chu="lg"] .home .lpd-bang-quan-tam li { font-size: 18px; }
html[data-lpd-co-chu="xl"] .home .lpd-gioi-thieu__mo-ta,
html[data-lpd-co-chu="xl"] .home .lpd-dong-bai p,
html[data-lpd-co-chu="xl"] .home .lpd-bang-quan-tam li { font-size: 20px; }

/* Khối chữ đang ứng với tiến độ audio: nền kem đậm và vạch vàng bên trái. */
.entry-content .lpd-khoi-dang-phat {
	background-color: #f6ead0;
	border-radius: 6px;
	box-shadow: inset 3px 0 0 var(--lpd-mau-vang-kim);
	transition: background-color 0.45s ease;
}

/* ===== Dải thông báo xin đánh giá giao diện (ngay dưới thanh đầu) ===== */
/* Giấu sẵn trong CSS; JS của theme kiểm tra localStorage rồi mới thêm lớp
   lpd-hien, để người đã đánh giá hoặc đã tắt không thấy dải này chớp lên.
   Dải nằm trong luồng trang ngay dưới menu, ghim dính mép trên màn hình
   khi người đọc cuộn xuống nhờ position sticky; khi đã dính, JS thêm lớp
   dang-ghim để bật bóng đổ tách dải khỏi nội dung phía dưới. */
.lpd-dai-danh-gia { display: none; }

.lpd-dai-danh-gia.lpd-hien {
	align-items: center;
	background: var(--lpd-mau-giay);
	border-bottom: 1.5px solid var(--lpd-mau-vang-kim);
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
	justify-content: center;
	padding: 7px 52px 7px 20px;
	position: sticky;
	top: 0;
	transition: padding 0.25s ease, box-shadow 0.25s ease;
	z-index: 90;
}

/* Khi đã ghim dính lúc cuộn, dải thu đệm dọc thêm một chút cho gọn và
   bật bóng đổ tách khỏi nội dung; cả hai đổi dần trong 0,25 giây. */
.lpd-dai-danh-gia.dang-ghim {
	box-shadow: 0 8px 20px rgba(52, 6, 15, 0.18);
	padding-bottom: 5px;
	padding-top: 5px;
}

.lpd-dai-danh-gia__noi-dung {
	color: var(--lpd-mau-do-tia);
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
	text-align: center;
}

.lpd-dai-danh-gia__sao {
	align-items: center;
	display: inline-flex;
	gap: 4px;
}

/* Sao vẽ bằng nét viền vàng kim, hình sao nhỏ gọn 22px nhưng vùng bấm
   vẫn giữ 40px; khi được chọn, màu vàng tô đặc dần nhờ chuyển màu, cho
   cảm giác tô màu mượt thay vì đổi hình đột ngột. */
.lpd-dai-danh-gia__sao-le {
	align-items: center;
	background: none;
	border: 0;
	color: var(--lpd-mau-vang-kim);
	cursor: pointer;
	display: inline-flex;
	font-size: 22px;
	height: 40px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	transition: color 0.3s ease, transform 0.15s ease;
	width: 40px;
}

.lpd-dai-danh-gia__sao-le:active { transform: scale(0.9); }

@supports (-webkit-text-stroke: 1px black) {
	.lpd-dai-danh-gia__sao-le {
		color: transparent;
		-webkit-text-stroke: 1.5px var(--lpd-mau-vang-kim);
	}

	.lpd-dai-danh-gia__sao-le.dang-chon { color: var(--lpd-mau-vang-kim); }
}

.lpd-dai-danh-gia__sao-le:focus-visible {
	outline: 2px solid var(--lpd-mau-do-tia);
	outline-offset: 1px;
}

.lpd-dai-danh-gia__nut-tat {
	align-items: center;
	background: none;
	border: 0;
	color: var(--lpd-mau-do-tia);
	cursor: pointer;
	display: flex;
	font-size: 22px;
	height: 36px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
}

/* Sau khi chấm sao: ẩn dòng chữ, hàng sao và nút tắt, chỉ còn lời cảm ơn. */
.lpd-dai-danh-gia__cam-on {
	color: var(--lpd-mau-do-tia);
	display: none;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	text-align: center;
}

.lpd-dai-danh-gia.da-danh-gia .lpd-dai-danh-gia__noi-dung,
.lpd-dai-danh-gia.da-danh-gia .lpd-dai-danh-gia__sao,
.lpd-dai-danh-gia.da-danh-gia .lpd-dai-danh-gia__nut-tat { display: none; }

.lpd-dai-danh-gia.da-danh-gia .lpd-dai-danh-gia__cam-on { display: block; }

/* Khung góp ý: chỉ hiện khi dải mang lớp dang-gop-y (khách chấm 1 hoặc
   2 sao). Lúc đó dòng chữ và hàng sao ẩn đi, khung chiếm trọn một hàng
   riêng ở giữa dải; nút tắt vẫn hiện để khách bỏ qua nếu không muốn
   góp ý. Trường bẫy ẩn cho bot được đẩy ra khỏi màn hình. */
.lpd-dai-danh-gia__khung-gop-y { display: none; }

.lpd-dai-danh-gia.dang-gop-y .lpd-dai-danh-gia__noi-dung,
.lpd-dai-danh-gia.dang-gop-y .lpd-dai-danh-gia__sao { display: none; }

.lpd-dai-danh-gia.dang-gop-y .lpd-dai-danh-gia__khung-gop-y {
	display: block;
	flex: 1 1 100%;
	margin: 4px auto;
	max-width: 640px;
	width: 100%;
}

.lpd-dai-danh-gia__moi-gop-y {
	color: var(--lpd-mau-do-tia);
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 6px;
	text-align: center;
}

.lpd-dai-danh-gia__o-gop-y {
	background: var(--lpd-mau-giay-sang);
	border: 1.5px solid var(--lpd-mau-vang-kim);
	border-radius: 8px;
	box-sizing: border-box;
	color: var(--lpd-mau-muc);
	font: inherit;
	font-size: 16px;
	line-height: 1.45;
	min-height: 72px;
	padding: 9px 12px;
	resize: vertical;
	width: 100%;
}

.lpd-dai-danh-gia__o-gop-y:focus-visible {
	outline: 2px solid var(--lpd-mau-do-tia);
	outline-offset: 1px;
}

.lpd-dai-danh-gia__o-bay {
	height: 1px;
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.lpd-dai-danh-gia__turnstile {
	display: flex;
	justify-content: center;
	margin-top: 8px;
}

.lpd-dai-danh-gia__loi {
	color: var(--lpd-mau-do-tia-sang);
	display: none;
	font-size: 16px;
	font-weight: 600;
	margin: 6px 0 0;
	text-align: center;
}

.lpd-dai-danh-gia__loi.co-loi { display: block; }

.lpd-dai-danh-gia__nut-gui {
	background: var(--lpd-mau-do-tia);
	border: 1.5px solid var(--lpd-mau-vang-kim);
	border-radius: 999px;
	color: var(--lpd-mau-giay-sang);
	cursor: pointer;
	display: block;
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	margin: 8px auto 2px;
	padding: 8px 24px;
}

.lpd-dai-danh-gia__nut-gui:disabled { cursor: wait; opacity: 0.65; }

/* Sau khi gửi góp ý thành công: ẩn mọi phần của dải, chỉ còn lời cảm ơn
   góp ý, giống mạch cảm ơn sau khi chấm sao ở các mức hài lòng. */
.lpd-dai-danh-gia__cam-on-gop-y {
	color: var(--lpd-mau-do-tia);
	display: none;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	text-align: center;
}

.lpd-dai-danh-gia.da-gop-y .lpd-dai-danh-gia__noi-dung,
.lpd-dai-danh-gia.da-gop-y .lpd-dai-danh-gia__sao,
.lpd-dai-danh-gia.da-gop-y .lpd-dai-danh-gia__khung-gop-y,
.lpd-dai-danh-gia.da-gop-y .lpd-dai-danh-gia__nut-tat { display: none; }

.lpd-dai-danh-gia.da-gop-y .lpd-dai-danh-gia__cam-on-gop-y { display: block; }

@media (max-width: 860px) {
	/* Khổ điện thoại: dòng chữ chiếm hết hàng đầu và căn giữa, hàng sao
	   xuống dòng thứ hai căn giữa; đệm gọn để cả dải chỉ còn hai hàng.
	   Vùng bấm của mỗi sao vẫn giữ tối thiểu 40px theo chuẩn chạm. */
	.lpd-dai-danh-gia.lpd-hien { gap: 2px 16px; padding: 5px 36px 5px 12px; }
	.lpd-dai-danh-gia.dang-ghim { padding-bottom: 4px; padding-top: 4px; }
	.lpd-dai-danh-gia__noi-dung { flex: 1 1 100%; line-height: 1.35; }
	.lpd-dai-danh-gia__sao-le { height: 40px; width: 40px; }
	.lpd-dai-danh-gia__nut-tat { top: 6px; transform: none; }
}

@media print {
	.lpd-dai-danh-gia { display: none !important; }
}

/* ===== Tờ kinh Chú Đại Bi ở đầu bài (bản mẫu hai lớp, 2.35.0;
   trình bày lại ở 2.36.0; thêm nút Niệm biến tiếp theo ở 2.37.0) =====
   Chỉ trang Chú Đại Bi có thẻ này: khối lời chú 84 câu được tách vào một
   thẻ kiểu tờ kinh đặt ngay sau tiêu đề và thanh công cụ. Mọi điều khiển
   (thanh nghe, đếm biến, nút hướng dẫn) gom vào một tấm yên tĩnh ở đầu thẻ,
   nút nền tối nằm ở hàng tên kinh, dải hồi văn hạ thấp và nhạt đi. */
.lpd-to-kinh {
	background: var(--lpd-mau-giay);
	border: 2px solid var(--lpd-mau-vang-co);
	border-radius: 10px;
	box-shadow: 0 14px 30px -18px rgba(52, 6, 15, 0.35);
	margin: 24px 0 10px;
	padding: 24px 30px 10px;
	position: relative;
	/* Đệm cuộn phía trên: nút Niệm biến tiếp theo cuộn lên đầu thẻ bằng
	   scrollIntoView, khoảng đệm này giữ đầu thẻ không bị dải đánh giá
	   ghim dính (cao khoảng 55px trên máy tính) che mất. */
	scroll-margin-top: 84px;
}

/* Dải hồi văn ở mép trên của thẻ, dùng lại mẫu SVG của dải hồi văn chân
   trang nhưng giảm còn một nửa chiều cao và vàng nhạt hơn cho đỡ rối mắt. */
.lpd-to-kinh::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M0 12 V3 M12 3 H6 V6 H9 M0 12 H12' fill='none' stroke='%23d9c08f' stroke-width='1.5'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: repeat-x;
	background-size: 9px 9px;
	content: "";
	display: block;
	height: 9px;
	margin: -3px -12px 14px;
	opacity: 0.55;
}

.lpd-to-kinh__dau { position: relative; }

/* Hàng tên kinh: cụm tên và hoa sen ở ô giữa nên luôn cân giữa thẻ, nút
   nền tối nằm cùng hàng ở phía phải. */
.lpd-to-kinh__hang-ten {
	align-items: start;
	display: grid;
	gap: 8px;
	grid-template-columns: 1fr auto 1fr;
}
.lpd-to-kinh__cum-ten { grid-column: 2; text-align: center; }
.lpd-to-kinh__ten {
	color: var(--lpd-mau-do-tia);
	font-family: var(--lpd-phong-trung-bay);
	font-size: 30px;
	font-weight: 900;
	line-height: 1.25;
	margin: 0;
}
.lpd-to-kinh__hoa-sen { margin-top: 8px; text-align: center; }
.lpd-to-kinh__hoa-sen img { height: 22px; width: 50px; }

/* Kiểu viên thuốc chung cho mọi nút của tờ kinh: cao khoảng 36px, bo tròn
   hoàn toàn, viền vàng kim 1px, nền trắng kem, chữ 16px. */
.lpd-to-kinh__nut-nen-toi,
.lpd-to-kinh__nut-huong-dan {
	background: var(--lpd-mau-giay-sang);
	border: 1px solid var(--lpd-mau-vang-kim);
	border-radius: 999px;
	color: var(--lpd-mau-muc);
	cursor: pointer;
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	min-height: 36px;
	padding: 5px 15px;
	white-space: nowrap;
}
.lpd-to-kinh__nut-nen-toi:hover,
.lpd-to-kinh__nut-huong-dan:hover { background: #fff; border-color: var(--lpd-mau-vang-co); }

.lpd-to-kinh__nut-nen-toi { grid-column: 3; justify-self: end; }
.lpd-to-kinh__nut-nen-toi[aria-pressed="true"] { background: var(--lpd-mau-do-tia); border-color: var(--lpd-mau-do-tia); color: #fff; }

/* Khối nghe và niệm ở đầu thẻ (gộp ở 2.41.6, bỏ khung lồng ở 2.41.7
   theo lệnh Ngài lúc 19:40 ngày 11/11/2026): khối không còn viền và
   nền riêng, toàn khu chỉ còn một lớp khung duy nhất là khung của thẻ,
   các phần bên trong ngăn cách nhau bằng khoảng trống. Khối lấn ra
   hai phía bằng lề âm để tấm karaoke mở rộng gần hết bề ngang thẻ và
   chỉ chừa mép nhỏ đều hai bên: thẻ đệm ngang 30px, khối lấn 22px nên
   mép còn 8px. Bên trong lần lượt là khung karaoke nền tối, hàng chia
   sẻ, thanh nghe nền sáng, hàng đếm biến và nút hướng dẫn. */
.lpd-to-kinh__khoi-nghe {
	margin: 18px -22px 0;
}
/* Khung karaoke là phần đầu tiên trong khối nên bỏ lề trên riêng của nó;
   thanh nghe nằm dưới hàng chia sẻ nên giữ khoảng cách 14px với hàng đó. */
.lpd-to-kinh__khoi-nghe .lpd-karaoke { margin-top: 0; }
.lpd-to-kinh__khoi-nghe .lpd-thanh-nghe-kinh { margin-top: 14px; }

/* Thanh nghe trong khối nghe chuyển nền sáng (2.41.6, theo lệnh Ngài
   lúc 19:15 ngày 11/11/2026): bỏ khối nền đỏ tía sẫm của thanh, để nền
   trong suốt dùng đúng tông giấy của thẻ, nhãn thanh và nhãn giờ
   chuyển sang màu tối cho dễ đọc, phần chưa tua của thanh tua chuyển
   sang đỏ tía trong mờ qua biến --lpd-mau-duong-tua. Khung karaoke phía
   trên trong cùng khối giữ nguyên toàn bộ giao diện nền đỏ tía sâu như
   bản 2.41.5, không một quy tắc nào trong khối này chạm tới khung. */
.lpd-to-kinh__khoi-nghe { --lpd-mau-duong-tua: rgba(100, 16, 31, 0.22); }
.lpd-to-kinh__khoi-nghe .lpd-thanh-nghe-kinh {
	background: transparent;
	border-radius: 0;
	color: var(--lpd-mau-muc);
	padding: 2px 2px 0;
}
.lpd-to-kinh__khoi-nghe .lpd-thanh-nghe-kinh__nhan { color: var(--lpd-mau-do-tia); }
.lpd-to-kinh__khoi-nghe .lpd-trinh-phat__gio { color: var(--lpd-mau-muc-nhe); }

/* Nút phát chính trong khối nghe (2.41.6): nút tròn đặc lớn hơn hẳn các nút
   xung quanh, khoảng 64px ở máy tính và 56px ở điện thoại (quy tắc khổ
   hẹp nằm trong khối media của thẻ ở cuối tệp), nền đỏ tía đặc, biểu
   tượng phát hoặc tạm dừng màu kem ở giữa, viền vàng kim và bóng nhẹ để
   tách khỏi nền sáng của tấm. Biểu tượng vẽ bằng CSS phóng theo nút. */
.lpd-to-kinh__khoi-nghe .lpd-trinh-phat__nut-phat {
	background: var(--lpd-mau-do-tia);
	border: 2px solid var(--lpd-mau-vang-kim);
	box-shadow: 0 6px 16px rgba(52, 6, 15, 0.35);
	height: 64px;
	width: 64px;
}
.lpd-to-kinh__khoi-nghe .lpd-trinh-phat__nut-phat:hover { background: var(--lpd-mau-do-tia-sang); }
.lpd-to-kinh__khoi-nghe .lpd-trinh-phat__ky-hieu { height: 26px; width: 26px; }
.lpd-to-kinh__khoi-nghe .lpd-trinh-phat__ky-hieu::before {
	border-bottom: 13px solid transparent;
	border-left: 19px solid #f7ecd0;
	border-top: 13px solid transparent;
	left: 5px;
}
.lpd-to-kinh__khoi-nghe .lpd-trinh-phat.dang-phat .lpd-trinh-phat__ky-hieu::before {
	background: #f7ecd0;
	border: none;
	height: 26px;
	left: 3px;
	width: 8px;
}
.lpd-to-kinh__khoi-nghe .lpd-trinh-phat.dang-phat .lpd-trinh-phat__ky-hieu::after {
	background: #f7ecd0;
	height: 26px;
	right: 3px;
	width: 8px;
}

/* Nút chia sẻ duy nhất "Chia sẻ cho đạo hữu" trong thẻ kinh (2.41.9,
   thay hàng hai nút của 2.41.6): cùng một thành phần đặt ở hai đầu
   khối nghe, ngay trên tấm karaoke và ngay dưới nút Hướng dẫn đếm
   biến. Nút giữ kiểu viên thuốc của thẻ: nền giấy sáng, viền vàng kim
   mảnh, chữ đỏ tía 16px đúng hệ ba cỡ chữ, kèm biểu tượng chia sẻ vẽ
   bằng SVG. Thực đơn dự phòng cho thiết bị không có Web Share API
   nằm tuyệt đối ngay dưới nút, căn giữa theo nút, nền giấy sáng cùng
   viền, bóng nhẹ, không chiếm chỗ trong bố cục nên không làm dịch
   chuyển phần xung quanh khi mở. */
.lpd-chia-se {
	display: flex;
	justify-content: center;
	margin: 14px 0;
	position: relative;
	z-index: 30;
}
.lpd-chia-se__nut {
	align-items: center;
	background: var(--lpd-mau-giay-sang);
	border: 1px solid var(--lpd-mau-vang-kim);
	border-radius: 999px;
	color: var(--lpd-mau-do-tia);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--lpd-phong-giao-dien);
	font-size: 16px;
	font-weight: 600;
	gap: 8px;
	line-height: 1.3;
	min-height: 40px;
	padding: 7px 18px;
}
.lpd-chia-se__nut:hover { background: #fff; border-color: var(--lpd-mau-vang-co); color: var(--lpd-mau-do-tia-sang); }
.lpd-chia-se__nut:focus-visible { outline: 2px solid var(--lpd-mau-vang-co); outline-offset: 2px; }
.lpd-chia-se__bieu-tuong { flex: 0 0 auto; height: 19px; width: 19px; }
.lpd-chia-se__thuc-don {
	background: var(--lpd-mau-giay-sang);
	border: 1px solid var(--lpd-mau-vang-kim);
	border-radius: 14px;
	box-shadow: 0 12px 30px rgba(52, 6, 15, 0.2);
	display: flex;
	flex-direction: column;
	gap: 2px;
	left: 50%;
	min-width: 200px;
	padding: 6px;
	position: absolute;
	top: calc(100% + 8px);
	transform: translateX(-50%);
	z-index: 31;
}
.lpd-chia-se__thuc-don[hidden] { display: none; }
.lpd-chia-se__lua-chon {
	align-items: center;
	border-radius: 9px;
	color: var(--lpd-mau-do-tia);
	display: flex;
	font-family: var(--lpd-phong-giao-dien);
	font-size: 16px;
	font-weight: 600;
	gap: 9px;
	line-height: 1.3;
	padding: 9px 12px;
	text-decoration: none;
}
.lpd-chia-se__lua-chon:hover { background: #fff; color: var(--lpd-mau-do-tia-sang); }
.lpd-chia-se__lua-chon:focus-visible { outline: 2px solid var(--lpd-mau-vang-co); outline-offset: -2px; }

/* Hàng đếm biến trong khối nghe (2.41.6): hàng một gồm nhãn, dòng trạng
   thái theo audio và nút Đặt lại ngay bên cạnh dòng trạng thái; hàng
   hai là cụm phân đoạn mục tiêu ở giữa. */
.lpd-dem-bien {
	align-items: center;
	display: flex;
	flex-direction: column;
	font-family: var(--lpd-phong-giao-dien);
	font-size: 16px;
	gap: 10px;
	justify-content: center;
	margin-top: 14px;
}
.lpd-dem-bien__hang-trang-thai {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
	justify-content: center;
}
.lpd-dem-bien__nhan { color: var(--lpd-mau-muc-nhe); font-weight: 600; }
.lpd-dem-bien__trang-thai { color: var(--lpd-mau-do-tia); font-weight: 700; white-space: nowrap; }
.lpd-dem-bien__da-du { color: var(--lpd-mau-do-tia); font-weight: 700; white-space: nowrap; }
.lpd-dem-bien__da-du[hidden] { display: none; }

/* Cụm phân đoạn 7, 21, 108: ba ô chung một khung bo tròn liền nhau, ô
   đang chọn nền đỏ tía chữ trắng. */
.lpd-dem-bien__cum-phan-doan {
	background: var(--lpd-mau-giay-sang);
	border: 1px solid var(--lpd-mau-vang-kim);
	border-radius: 999px;
	display: inline-flex;
	overflow: hidden;
}
.lpd-dem-bien__nut-muc-tieu {
	background: transparent;
	border: 0;
	border-left: 1px solid var(--lpd-mau-vang-kim);
	color: var(--lpd-mau-muc);
	cursor: pointer;
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	min-height: 36px;
	padding: 5px 16px;
}
.lpd-dem-bien__nut-muc-tieu:first-child { border-left: 0; }
.lpd-dem-bien__nut-muc-tieu:hover { background: rgba(221, 178, 84, 0.18); }
.lpd-dem-bien__nut-muc-tieu[aria-pressed="true"] { background: var(--lpd-mau-do-tia); color: #fff; }

/* Đặt lại thu thành một liên kết chữ nhỏ gạch chân nhẹ, nằm ngay bên
   cạnh dòng trạng thái biến ở hàng một (2.41.6). */
.lpd-dem-bien__nut-dat-lai {
	background: none;
	border: 0;
	color: var(--lpd-mau-muc-nhe);
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	padding: 4px 2px;
	text-decoration: underline;
	text-decoration-color: rgba(109, 97, 81, 0.45);
	text-underline-offset: 3px;
}
.lpd-dem-bien__nut-dat-lai:hover { color: var(--lpd-mau-do-tia); }

/* Nút hướng dẫn ở cuối khối nghe; khối chữ xổ xuống ngay bên dưới khối
   và thu lại khi bấm lần nữa, chuyển động bằng max-height cho mượt. */
.lpd-to-kinh__nut-huong-dan { display: block; margin: 12px auto 0; }
.lpd-to-kinh__khoi-huong-dan {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease, visibility 0s linear 0.4s;
	visibility: hidden;
}
.lpd-to-kinh__khoi-huong-dan.lpd-dang-mo {
	max-height: 640px;
	transition: max-height 0.4s ease;
	visibility: visible;
}
.lpd-to-kinh__khoi-huong-dan-trong {
	background: rgba(185, 138, 29, 0.07);
	border: 1px solid var(--lpd-mau-vien);
	border-radius: 12px;
	font-size: 16px;
	line-height: 1.65;
	margin-top: 12px;
	padding: 13px 16px 5px;
	text-align: left;
}
.lpd-to-kinh__khoi-huong-dan-trong p { margin: 0 0 9px; }

/* Khung karaoke trong thẻ kinh (2.41.0): nền đỏ tía sâu, viền vàng kim
   mảnh, bo góc 12px như tấm điều khiển. Chiều cao chừa sẵn theo trạng
   thái cao nhất của khung: câu đang tụng chiếm ba dòng (mức dài nhất đo
   được ở mọi khổ máy và mọi cỡ chữ, chính là dòng mở đầu trên điện
   thoại), cộng câu trước và câu sau mỗi câu một dòng, tổng nhu cầu
   khoảng 9,9em theo cỡ chữ đang đọc nên chừa 10,1em cho có khoảng thở,
   đổi cỡ chữ Vừa, Lớn, Rất lớn thì khung lớn theo đúng tỉ lệ mà bố cục
   xung quanh không hề dịch chuyển khi khung chạy. Khung dùng chiều cao
   tối thiểu chứ không khóa cứng: câu đang tụng luôn hiện trọn vẹn đủ
   chữ, không còn bị cắt như trước 2.41.5 (khi đó khung khóa cứng 9,4em
   kèm giới hạn ba dòng và tràn ẩn nên dòng thứ ba của dòng mở đầu trên
   điện thoại bị cắt mất phần cuối). Ba quy tắc của ba dòng trong khung
   phải viết kèm lớp khung phía trước để thắng quy tắc đoạn văn chung
   .entry-content p ở phía trên của chính tệp này: quy tắc chung đó có
   độ ưu tiên cao hơn lớp đơn nên trước 2.41.5 nó lặng lẽ cộng thêm
   15px lề dưới cho mỗi dòng trong khung (ba dòng là 45px), làm khung
   phình theo độ dài câu và góp phần cắt chữ ở bản cũ. Câu đang tụng
   lớn ở giữa (1,35 lần cỡ chữ đang đọc), câu trước và câu sau nhỏ
   mờ ở hai phía, mỗi dòng kề bên giữ sẵn một dòng chiều cao để ba dòng
   không nhảy vị trí khi đổi câu. Âm tiết đã tụng qua chuyển vàng kim,
   phần chưa tụng giữ màu kem. */
.lpd-karaoke {
	align-items: center;
	background: var(--lpd-mau-do-tia-sau);
	border: 1px solid var(--lpd-mau-vang-kim);
	border-radius: 12px;
	color: var(--lpd-mau-giay);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 14px;
	min-height: 11.1em;
	padding: 1.5em 18px 0.9em;
	position: relative;
	text-align: center;
}

/* Dải hồi văn mảnh màu vàng kim ở mép trên bên trong tấm karaoke
   (2.41.7): dùng lại đúng mẫu SVG của dải hồi văn ở mép trên của thẻ,
   đổi sang vàng kim cho hợp nền đỏ tía sẫm. Dải nằm cố định trong vùng
   đệm trên đã chừa sẵn của tấm (đệm trên tăng từ 0,7em lên 1,5em và
   chiều cao tối thiểu tăng tương ứng từ 10,1em lên 11,1em để vùng chữ
   giữ nguyên sức chứa như bản 2.41.5), nên dải không ăn vào vùng chữ
   và không làm dịch chuyển bố cục khi câu thay đổi. Đây là họa tiết
   trang trí duy nhất được thêm vào tấm. */
.lpd-karaoke::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M0 12 V3 M12 3 H6 V6 H9 M0 12 H12' fill='none' stroke='%23DDB254' stroke-width='1.5'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: repeat-x;
	background-size: 9px 9px;
	content: "";
	height: 9px;
	left: 16px;
	opacity: 0.75;
	position: absolute;
	right: 16px;
	top: 7px;
}
.lpd-karaoke .lpd-karaoke__cau-truoc,
.lpd-karaoke .lpd-karaoke__cau-sau {
	font-family: var(--lpd-phong-noi-dung);
	font-size: 0.82em;
	line-height: 1.45;
	margin: 0;
	max-width: 100%;
	min-height: 1.19em;
	opacity: 0.45;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.lpd-karaoke .lpd-karaoke__cau-nay {
	font-family: var(--lpd-phong-noi-dung);
	font-size: 1.35em;
	font-weight: 700;
	line-height: 1.4;
	margin: 0.15em 0;
}
.lpd-karaoke__am-tiet { transition: color 0.18s linear; }
.lpd-karaoke__am-tiet.da-tung { color: var(--lpd-mau-vang-kim); }

/* Thân tờ kinh: 84 câu serif, số thứ tự nhỏ màu vàng kim và lệch lề cho cột chữ sạch. */
.lpd-to-kinh__than { margin-top: 20px; }
.lpd-to-kinh__than h2 { font-size: 20px; margin: 0 0 14px; text-align: center; }
.lpd-to-kinh__than ol { margin: 0 0 18px; padding-left: 32px; }
.lpd-to-kinh__than ol li { margin-bottom: 6px; padding-left: 6px; }
.lpd-to-kinh__than ol li::marker { color: var(--lpd-mau-vang-co); font-size: 13px; font-weight: 700; }

/* Nền tối cho riêng tờ kinh: nền nâu sẫm ấm, chữ kem, điểm nhấn vàng kim;
   tấm điều khiển và khối hướng dẫn cũng tối theo cho nhất quán, ô phân
   đoạn đang chọn chuyển vàng kim chữ sẫm để vẫn phân biệt rõ. */
.lpd-to-kinh--nen-toi {
	background: #2f2019;
	border-color: var(--lpd-mau-vang-co);
	color: #f3e7c3;
}
.lpd-to-kinh--nen-toi .lpd-to-kinh__ten { color: var(--lpd-mau-vang-sang); }
.lpd-to-kinh--nen-toi .lpd-to-kinh__than h2 { color: var(--lpd-mau-vang-sang); }
.lpd-to-kinh--nen-toi .lpd-to-kinh__khoi-nghe { background: transparent; }
.lpd-to-kinh--nen-toi .lpd-to-kinh__nut-nen-toi,
.lpd-to-kinh--nen-toi .lpd-to-kinh__nut-huong-dan {
	background: rgba(255, 255, 255, 0.07);
	border-color: var(--lpd-mau-rom);
	color: #f3e7c3;
}
.lpd-to-kinh--nen-toi .lpd-to-kinh__nut-nen-toi[aria-pressed="true"] {
	background: var(--lpd-mau-vang-kim);
	border-color: var(--lpd-mau-vang-kim);
	color: var(--lpd-mau-do-tia-dem);
}
.lpd-to-kinh--nen-toi .lpd-dem-bien__nhan { color: #d8c49a; }
.lpd-to-kinh--nen-toi .lpd-dem-bien__trang-thai,
.lpd-to-kinh--nen-toi .lpd-dem-bien__da-du { color: var(--lpd-mau-vang-sang); }
.lpd-to-kinh--nen-toi .lpd-dem-bien__cum-phan-doan { background: rgba(255, 255, 255, 0.07); border-color: var(--lpd-mau-rom); }
.lpd-to-kinh--nen-toi .lpd-dem-bien__nut-muc-tieu { border-left-color: var(--lpd-mau-rom); color: #f3e7c3; }
.lpd-to-kinh--nen-toi .lpd-dem-bien__nut-muc-tieu:hover { background: rgba(221, 178, 84, 0.22); }
.lpd-to-kinh--nen-toi .lpd-dem-bien__nut-muc-tieu[aria-pressed="true"] { background: var(--lpd-mau-vang-kim); color: var(--lpd-mau-do-tia-dem); }
.lpd-to-kinh--nen-toi .lpd-dem-bien__nut-dat-lai { color: #d8c49a; text-decoration-color: rgba(216, 196, 154, 0.5); }
.lpd-to-kinh--nen-toi .lpd-dem-bien__nut-dat-lai:hover { color: var(--lpd-mau-vang-sang); }
.lpd-to-kinh--nen-toi .lpd-to-kinh__khoi-huong-dan-trong { background: rgba(255, 255, 255, 0.05); border-color: var(--lpd-mau-rom); }
.lpd-to-kinh--nen-toi .lpd-karaoke { border-color: var(--lpd-mau-rom); }
/* Chế độ nền tối của tờ kinh (2.41.6): thanh nghe đã bỏ nền riêng nên
   trên nền thẻ tối phải trả chữ sáng và đường tua kem như cũ, nút phát
   lớn giữ nguyên đỏ tía viền vàng kim nên vẫn nổi rõ; hàng chia sẻ
   chuyển sang kiểu trong mờ sáng như các nút khác trong thẻ tối. */
.lpd-to-kinh--nen-toi .lpd-to-kinh__khoi-nghe { --lpd-mau-duong-tua: rgba(247, 236, 208, 0.35); }
.lpd-to-kinh--nen-toi .lpd-thanh-nghe-kinh__nhan { color: var(--lpd-mau-vang-sang); }
.lpd-to-kinh--nen-toi .lpd-trinh-phat__gio { color: #d8c49a; }
.lpd-to-kinh--nen-toi .lpd-chia-se__nut {
	background: rgba(255, 255, 255, 0.07);
	border-color: var(--lpd-mau-rom);
	color: #f3e7c3;
}
.lpd-to-kinh--nen-toi .lpd-chia-se__thuc-don {
	background: var(--lpd-mau-do-tia-sau);
	border-color: var(--lpd-mau-rom);
}
.lpd-to-kinh--nen-toi .lpd-chia-se__lua-chon { color: #f3e7c3; }
.lpd-to-kinh--nen-toi .lpd-chia-se__lua-chon:hover { background: rgba(255, 255, 255, 0.08); color: #f3e7c3; }
/* Câu đang tụng phải vẫn rõ trên nền tối: nền vàng trong suốt và vạch vàng kim. */
.lpd-to-kinh--nen-toi .lpd-khoi-dang-phat {
	background-color: rgba(221, 178, 84, 0.30);
	box-shadow: inset 3px 0 0 var(--lpd-mau-vang-kim);
}

@media (max-width: 860px) {
	/* Dải đánh giá trên điện thoại cao khoảng 118px nên đệm cuộn phải lớn
	   hơn hẳn để đầu thẻ không bị dải ghim dính che khi cuộn lên. */
	.lpd-to-kinh { padding: 18px 15px 6px; scroll-margin-top: 140px; }
	.lpd-to-kinh__ten { font-size: 26px; }
	.lpd-to-kinh::before { margin: -2px -6px 10px; }
	.lpd-to-kinh__nut-nen-toi { padding-left: 10px; padding-right: 10px; }
	/* Khối nghe trên điện thoại: thẻ đệm ngang 15px, khối lấn 9px nên
	   tấm karaoke chỉ còn chừa mép 6px mỗi bên như khổ máy tính. */
	.lpd-to-kinh__khoi-nghe { margin-left: -9px; margin-right: -9px; }
	.lpd-to-kinh__khoi-huong-dan-trong { padding: 11px 13px 3px; }
	/* Khung karaoke trên điện thoại: câu đang tụng không vượt quá bề
	   ngang máy nhỏ, cỡ vẫn bám theo cỡ chữ đang đọc ở các máy rộng.
	   Bộ chọn phải kèm lớp khung cho cùng độ ưu tiên với quy tắc nền
	   của câu này, nếu không giới hạn theo bề ngang máy bị quy tắc nền
	   thắng mất (phát hiện qua kiểm thử 2.41.5). */
	.lpd-karaoke .lpd-karaoke__cau-nay { font-size: min(1.35em, 6.4vw); }
	/* Nút phát chính trên điện thoại (2.41.6): tròn 56px, biểu tượng
	   thu theo tỉ lệ của nút lớn ở máy tính. */
	.lpd-to-kinh__khoi-nghe .lpd-trinh-phat__nut-phat { height: 56px; width: 56px; }
	.lpd-to-kinh__khoi-nghe .lpd-trinh-phat__ky-hieu { height: 23px; width: 23px; }
	.lpd-to-kinh__khoi-nghe .lpd-trinh-phat__ky-hieu::before {
		border-bottom: 11.5px solid transparent;
		border-left: 17px solid #f7ecd0;
		border-top: 11.5px solid transparent;
		left: 4px;
	}
	.lpd-to-kinh__khoi-nghe .lpd-trinh-phat.dang-phat .lpd-trinh-phat__ky-hieu::before {
		background: #f7ecd0;
		border: none;
		height: 23px;
		left: 3px;
		width: 7px;
	}
	.lpd-to-kinh__khoi-nghe .lpd-trinh-phat.dang-phat .lpd-trinh-phat__ky-hieu::after {
		background: #f7ecd0;
		height: 23px;
		right: 3px;
		width: 7px;
	}
	.lpd-to-kinh__than ol { padding-left: 24px; }
}

@media print {
	.lpd-dem-bien, .lpd-karaoke, .lpd-chia-se, .lpd-to-kinh__nut-nen-toi, .lpd-to-kinh__nut-huong-dan, .lpd-to-kinh__khoi-huong-dan { display: none !important; }
	.lpd-to-kinh__khoi-nghe { background: none; border: 0; padding: 0; }
	.lpd-to-kinh { box-shadow: none; }
}