/**
 * PCTech — Fix chiều rộng + typography cho nội dung bài viết chi tiết
 * File: assets/css/modules/41-blog-post-fix.css
 *
 * VẤN ĐỀ: phần tử .blog-post-body trong Template "TPL Blog Single PCTech"
 * có style inline cứng "max-width:760px;margin:0 auto" — khiến nội dung
 * bài viết bị bó hẹp hơn hẳn so với các phần khác trên trang (dùng khung
 * .container rộng 1320px). File này ghi đè để nội dung tràn full theo
 * đúng .container như phần còn lại của trang, đồng thời set lại font/màu
 * chữ cho dễ đọc, đúng chuẩn Inter đã dùng xuyên suốt site.
 *
 * Không đụng tới bất kỳ style nào khác trên trang — chỉ nhắm đúng
 * .blog-post-body và nội dung bên trong nó.
 */

.blog-post-body {
	max-width: none !important;
	margin: 0 !important;
}

/* ── Typography cho nội dung bài viết — font Inter đồng bộ toàn site ── */
.blog-post-body {
	font-family: 'Inter', sans-serif;
	font-size: 16.5px;
	line-height: 1.8;
	color: #1a1a1a; /* đen dễ đọc — không dùng #000 thuần vì hơi gắt mắt khi đọc đoạn văn dài */
}

.blog-post-body p {
	margin: 0 0 20px;
	text-indent: 2em;
}

.blog-post-body h2 {
	font-family: 'Inter', sans-serif;
	font-size: 26px;
	font-weight: 600; /* giảm từ 800 -> 600, gần với weight 500 thật đang có trên server, tránh trình duyệt phải "giả lập đậm" gây lỗi dấu tiếng Việt */
	color: #0B2545; /* đúng màu navy thương hiệu, dùng cho tiêu đề — tương phản rõ với nội dung đen */
	margin: 40px 0 16px;
	line-height: 1.35;
}

.blog-post-body h3 {
	font-family: 'Inter', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #0B2545;
	margin: 32px 0 14px;
	line-height: 1.4;
}

.blog-post-body h4 {
	font-family: 'Inter', sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #0B2545;
	margin: 24px 0 12px;
}

.blog-post-body ul,
.blog-post-body ol {
	margin: 0 0 20px;
	padding-left: 24px;
}

.blog-post-body li {
	margin-bottom: 8px;
	color: #1a1a1a;
}

.blog-post-body a {
	color: #F58220;
	font-weight: 600;
	text-decoration: underline;
}

.blog-post-body strong,
.blog-post-body b {
	color: #0B2545;
	font-weight: 600;
}

.blog-post-body img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	margin: 24px 0;
}

.blog-post-body blockquote {
	border-left: 3px solid #F58220;
	padding: 4px 20px;
	margin: 24px 0;
	color: #475569;
	font-style: italic;
}

/* ── Mục 5q (2026-09-03 đợt 3) — làm bài viết sống động hơn ── */

/* 1) Từ khóa chính: vừa đậm vừa tô màu cam brand, khác màu navy mặc định
   của <strong> thường, tạo điểm nhấn thị giác — chỉ áp dụng cho tối đa 2
   lần xuất hiện của từ khóa chính (giới hạn ở code SCF_007). */
.blog-post-body strong.pctech-kw-accent {
	color: #F58220;
}

/* 2) Khung "Lưu ý" — chỉ xuất hiện khi bài có sẵn 1 đoạn nói về an toàn/
   giới hạn/cần kỹ thuật viên (không bịa nội dung, chỉ tô đậm đoạn có sẵn). */
.blog-post-body .pctech-callout {
	margin: 24px 0;
	padding: 14px 18px;
	border-radius: 8px;
	text-indent: 0;
}
.blog-post-body .pctech-callout-warning {
	background: #FFF7ED;
	border-left: 4px solid #F58220;
	color: #7C2D12;
}

/* Muc 6d (2026-09-05, Phase 5.2 ke hoach chong trung cau truc AI) — khung
   "Tra loi nhanh" quanh doan tom tat ngan ngay sau mo dau (huong dan viet
   doan nay da co san tu truoc trong prompt SCF_003, chi la doan van thuong
   - class nay CHI danh dau/lam noi bat bang CSS, khong doi noi dung). Dung
   mau navy nhat (khac mau cam cua callout canh bao o tren) de phan biet ro:
   day la "cau tra loi nhanh", khong phai canh bao. */
.blog-post-body .pctech-quick-answer {
	margin: 20px 0 28px;
	padding: 14px 18px;
	background: #EEF2F7;
	border-left: 4px solid #0B2545;
	border-radius: 8px;
	color: #0B2545;
	font-weight: 500;
	text-indent: 0;
}

/* 3) CTA nhỏ ở khoảng giữa bài (khác CTA/liên hệ đã có sẵn ở cuối bài). */
.blog-post-body .pctech-mid-cta {
	margin: 32px 0;
	padding: 18px 20px;
	background: #0B2545;
	border-radius: 10px;
	text-align: center;
}
.blog-post-body .pctech-mid-cta p {
	margin: 0;
	text-indent: 0;
	color: #fff;
	font-weight: 600;
	font-size: 17px;
}
.blog-post-body .pctech-mid-cta a {
	color: #F58220;
	text-decoration: underline;
}

/* 4) Bảng so sánh — đồng bộ branding cam/navy thay vì bảng mặc định trơn. */
.blog-post-body table {
	width: 100%;
	border-collapse: collapse;
	margin: 24px 0;
	font-size: 15.5px;
}
.blog-post-body th {
	background: #F58220;
	color: #fff;
	padding: 10px 14px;
	text-align: left;
	font-weight: 600;
}
.blog-post-body td {
	padding: 10px 14px;
	border-bottom: 1px solid #e5e7eb;
}
.blog-post-body tr:nth-child(even) td {
	background: #fafafa;
}

/* Muc 6j (2026-09-05, ke hoach "sinh dong hoa bai viet") — 5) Muc luc tu
   dong (TOC), dat truoc H2 dau tien, mac dinh mo (details open). */
.blog-post-body .pctech-toc {
	margin: 20px 0 28px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 4px 18px;
	background: #f8fafc;
}
.blog-post-body .pctech-toc summary {
	cursor: pointer;
	font-weight: 600;
	color: #0B2545;
	padding: 10px 0;
	list-style: none;
}
.blog-post-body .pctech-toc summary::-webkit-details-marker {
	display: none;
}
.blog-post-body .pctech-toc ol {
	margin: 0 0 12px;
	padding-left: 20px;
}
.blog-post-body .pctech-toc a {
	color: #0B2545;
	text-decoration: none;
}
.blog-post-body .pctech-toc a:hover {
	color: #F58220;
	text-decoration: underline;
}

/* Muc 6j — 6) Icon dau moi the H2, gan theo chu de tieu de (khong ep neu
   khong khop). */
.blog-post-body h2 .pctech-h2-icon {
	margin-right: 4px;
}

/* Muc 6j/6k — 7) Nut lon "Xem bảng giá {dịch vụ}" giữa bài — chỉ xuất hiện
   khi cluster có price_page_url thật (migration 025). Muc 6k (2026-09-05,
   Nhat gui anh mau yeu cau bat mat hon): gradient + icon tron 2 dau + 2
   dong chu + sparkle goc, thay cho nut chu don gian truoc do. */
.blog-post-body .pctech-price-cta {
	margin: 32px 0;
	text-align: center;
}
.blog-post-body .pctech-price-cta-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 14px 26px;
	max-width: 100%;
	background: linear-gradient(135deg, #FFA94D 0%, #F58220 55%, #D96F10 100%);
	color: #fff;
	border-radius: 999px;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(245, 130, 32, 0.35);
	transition: transform .2s ease, box-shadow .2s ease;
}
.blog-post-body .pctech-price-cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(245, 130, 32, 0.45);
}
.blog-post-body .pctech-price-cta-icon,
.blog-post-body .pctech-price-cta-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	color: #D96F10;
}
.blog-post-body .pctech-price-cta-arrow {
	width: 32px;
	height: 32px;
}
.blog-post-body .pctech-price-cta-text {
	display: flex;
	flex-direction: column;
	text-align: left;
	line-height: 1.3;
}
.blog-post-body .pctech-price-cta-title {
	font-weight: 800;
	font-size: 16.5px;
	letter-spacing: .2px;
	/* 2026-09-06: chuyen in hoa sang CSS (thay vi PHP mb_strtoupper - khong
	   dang tin cay voi dau tieng Viet, tung lam vo chu) - trinh duyet xu ly
	   Unicode dung, giu nguyen chuoi chu goc trong HTML. */
	text-transform: uppercase;
}
.blog-post-body .pctech-price-cta-sub {
	font-size: 12px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.9);
}
.blog-post-body .pctech-price-cta-btn::after {
	content: "✦";
	position: absolute;
	top: -6px;
	right: 10px;
	font-size: 14px;
	color: #FFD9A8;
	animation: pctech-sparkle-pulse 2.2s ease-in-out infinite;
}
@keyframes pctech-sparkle-pulse {
	0%, 100% { opacity: .4; transform: scale(0.9); }
	50% { opacity: 1; transform: scale(1.15); }
}
@media (max-width: 480px) {
	.blog-post-body .pctech-price-cta-btn {
		padding: 12px 18px;
		gap: 10px;
	}
	.blog-post-body .pctech-price-cta-title {
		font-size: 14.5px;
	}
	.blog-post-body .pctech-price-cta-sub {
		font-size: 10.5px;
	}
	.blog-post-body .pctech-price-cta-icon,
	.blog-post-body .pctech-price-cta-arrow {
		width: 32px;
		height: 32px;
	}
}

/* Muc 6j (tiep, 2026-09-05; sua lai 2026-09-10 theo Nhat phan hoi 2 lan
   "bang so sanh van loi") — 8b) Bang so sanh CHI ap dung cho bang duoc
   SCF_007 gan class pctech-compare-table (content_angle=cost_comparison).
   Cau truc HTML (thead/tbody/data-label) da dung tu 2026-09-10 (xem
   ContentFactoryEngine::convertComparisonTableToCards()) - van de con lai
   la CSS: ban cu ep hien dang "card" (an thead, xep doc) o MOI kich thuoc
   man hinh, ke ca desktop - tren man rong nhin giong 1 danh sach lap lai
   khong ro "dang so sanh" gi, day la thu Nhat goi la "van loi". Sua: hien
   BANG THAT (co header hang ngang, cot ro rang) tu 768px tro len - dang
   "card" chi con danh rieng cho man hinh dien thoai (duoi 768px), noi
   bang ngang khong du cho hien thi vua. */
.blog-post-body table.pctech-compare-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 24px 0;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(11, 37, 69, 0.08);
}
.blog-post-body table.pctech-compare-table thead th {
	background: #0B2545;
	color: #fff;
	font-weight: 700;
	text-align: left;
	padding: 14px 16px;
	font-size: 14.5px;
}
.blog-post-body table.pctech-compare-table tbody td {
	padding: 14px 16px;
	border-bottom: 1px solid #eef2f7;
	background: #fff;
	vertical-align: top;
	font-size: 14px;
	color: #1E293B;
	text-align: left;
}
.blog-post-body table.pctech-compare-table tbody tr:nth-child(even) td {
	background: #F8FAFC;
}
.blog-post-body table.pctech-compare-table tbody tr:last-child td {
	border-bottom: none;
}
.blog-post-body table.pctech-compare-table tbody td:first-child {
	font-weight: 600;
	color: #0B2545;
	white-space: nowrap;
}
/* Duoi 768px: giu nguyen ky thuat responsive-table-to-card cu (an <thead>
   goc, moi <tr> thanh 1 the rieng, moi <td> hien nhan cot qua data-label
   ::before) - o man hep, bang ngang 4 cot se qua chat, dang the doc de
   doc hon han. */
@media (max-width: 767px) {
	.blog-post-body table.pctech-compare-table {
		border-spacing: 0 16px;
		box-shadow: none;
		overflow: visible;
	}
	.blog-post-body table.pctech-compare-table thead {
		display: none;
	}
	.blog-post-body table.pctech-compare-table tbody,
	.blog-post-body table.pctech-compare-table tr.pctech-compare-row {
		display: block;
	}
	.blog-post-body table.pctech-compare-table tr.pctech-compare-row {
		background: #fff;
		border: 1px solid #e2e8f0;
		border-radius: 10px;
		padding: 4px 18px;
		box-shadow: 0 1px 3px rgba(11, 37, 69, 0.06);
		margin-bottom: 14px;
	}
	.blog-post-body table.pctech-compare-table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 12px;
		padding: 10px 0;
		border-bottom: 1px solid #f1f5f9;
		text-align: right;
		background: transparent !important;
	}
	.blog-post-body table.pctech-compare-table td:last-child {
		border-bottom: none;
	}
	.blog-post-body table.pctech-compare-table td:first-child {
		white-space: normal;
	}
	.blog-post-body table.pctech-compare-table td::before {
		content: attr(data-label);
		font-weight: 600;
		color: #0B2545;
		text-align: left;
		flex: 0 0 auto;
	}
}

/* Muc 6j (2026-09-05) — 8) Thanh tien trinh doc rieng cho bai viet (khac
   .scroll-progress cu do toan trang) - DOM tu tao boi article-reading-
   progress.js, khong phu thuoc Bricks header. */
.pctech-reading-progress {
	position: fixed;
	top: var(--header-h, 0px);
	left: 0;
	width: 100%;
	height: 3px;
	z-index: 1001;
	background: transparent;
	pointer-events: none;
}
.pctech-reading-progress-fill {
	height: 100%;
	width: 0%;
	background: linear-gradient(90deg, var(--blue, #0B2545), var(--orange, #F58220));
	transition: width 0.1s;
}

/* ── Widget "Sửa từ xa 50K" trên trang bài viết đơn: tự thu nhỏ khi cuộn
   vào phần đọc bài (Phương án 1) ──
   Không ẩn hẳn — chỉ thu gọn thành nút tròn nhỏ (giống #backToTop: 48px,
   nền cam, chỉ còn icon 🌐) khi class .is-collapsed được JS gắn vào lúc
   cuộn qua khỏi phần đầu bài viết. Cuộn về đầu trang lại tự phồng ra như
   cũ. Widget luôn ở trạng thái bấm được, không mất chức năng. */
body.single-post .remote-50k-dock {
	transition: all 0.25s ease;
}
body.single-post .remote-50k-dock.is-collapsed {
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: rgba(245, 158, 11, 0.4) 0px 4px 16px 0px;
}
body.single-post .remote-50k-dock.is-collapsed .remote-50k-ktv {
	display: none;
}
body.single-post .remote-50k-dock.is-collapsed .remote-50k-widget {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
body.single-post .remote-50k-dock.is-collapsed .remote-50k-widget br,
body.single-post .remote-50k-dock.is-collapsed .remote-50k-widget strong,
body.single-post .remote-50k-dock.is-collapsed .remote-50k-widget {
	font-size: 0; /* ẩn hết chữ "Sửa từ xa" / "50K", chỉ còn icon emoji bên dưới hiện lại kích thước riêng */
}
body.single-post .remote-50k-dock.is-collapsed .remote-50k-widget .emoji {
	width: 22px;
	height: 22px;
}

/* Content Enrichment (2026-09-07) - khoi "Dich vu khac trong quan nay". */
.blog-post-body .pctech-district-services {
	margin: 32px 0;
	padding: 20px 22px;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	background: #F8FAFC;
}
.blog-post-body .pctech-district-services h3 {
	margin: 0 0 14px;
	font-size: 17px;
	font-weight: 700;
	color: #0B2545;
}
.blog-post-body .pctech-district-services-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 20px;
}
.blog-post-body .pctech-district-services-grid a {
	display: block;
	padding: 6px 0;
	color: #134074;
	text-decoration: none;
	border-bottom: 1px dashed #CBD5E1;
	font-size: 14.5px;
}
.blog-post-body .pctech-district-services-grid a:hover {
	color: #F58220;
	text-decoration: underline;
}
@media (max-width: 640px) {
	.blog-post-body .pctech-district-services-grid {
		grid-template-columns: 1fr;
	}
}

/* Content Enrichment (2026-09-07) - khoi 1 "Bang gia song". Redesign lan 2
   (2026-09-10, Nhat phan hoi "bang chua bat mat, gia chua doi mau ro") -
   doi tu bang ke o don gian sang phong cach "price card": header gradient
   cam-navy brand, gia hien thanh 1 badge vien thuoc rieng (nen do nhat +
   chu do dam, khong chi doi mau chu) de noi bat chac chan kho nham lan du
   cache CSS co the con giu ban cu vai gio, STT dang hinh tron so thay vi
   so tron nen trang, hover nang nhe + do bong ro hon, bo goc lon hon cho
   sang trong.
   Fix lan 3 (2026-09-10, Nhat phan hoi "ten dich vu va gia qua xa nhau,
   khoang trong o giua qua lon, mau gia chon cam dam/do tuoi hon"): them
   "duong cham noi" (leader dots) tu keo dai lap day khoang trong con lai
   trong o ten dich vu bang flexbox (khong sua cau truc bang), doi mau gia
   tu do tram #B91C1C sang do tuoi #FF0000 + nen do nhat hon de noi bat ro
   rang hon. */
.blog-post-body .pctech-inline-price-table {
	margin: 0 0 32px;
	padding: 0;
	border: 1px solid #E2E8F0;
	border-radius: 16px;
	background: #FFFFFF;
	box-shadow: 0 4px 18px rgba(11,37,69,0.08);
	overflow: hidden;
}
.blog-post-body .pctech-inline-price-table h4 {
	margin: 0;
	padding: 16px 22px;
	font-size: 16px;
	font-weight: 800;
	color: #FFFFFF;
	background: linear-gradient(120deg, #0B2545 0%, #134074 65%, #1B5CA8 100%);
	display: flex;
	align-items: center;
	gap: 8px;
	letter-spacing: .01em;
}
.blog-post-body .pctech-inline-price-table h4::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #F58220;
	box-shadow: 0 0 0 4px rgba(245,130,32,0.25);
}
.blog-post-body .pctech-inline-price-table-grid {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 14.5px;
}
.blog-post-body .pctech-inline-price-table-grid thead th {
	background: #F4F7FB;
	color: #0B2545;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding: 12px 18px;
	text-align: left;
	border-bottom: 2px solid #E2E8F0;
}
.blog-post-body .pctech-inline-price-table-grid thead th.pctech-inline-price-table-stt {
	width: 52px;
	text-align: center;
}
.blog-post-body .pctech-inline-price-table-grid thead th.pctech-inline-price-table-price {
	text-align: right;
	width: 170px;
}
.blog-post-body .pctech-inline-price-table-grid tbody tr {
	transition: background-color .15s ease, transform .15s ease;
}
.blog-post-body .pctech-inline-price-table-grid tbody tr:nth-child(even) {
	background: #FAFBFD;
}
.blog-post-body .pctech-inline-price-table-grid tbody tr:nth-child(odd) {
	background: #FFFFFF;
}
.blog-post-body .pctech-inline-price-table-grid tbody tr:hover {
	background: #FFF4E8;
}
.blog-post-body .pctech-inline-price-table-grid td {
	padding: 12px 18px;
	border-bottom: 1px solid #EEF2F7;
	color: #1E293B;
	vertical-align: middle;
}
.blog-post-body .pctech-inline-price-table-grid tbody tr:last-child td {
	border-bottom: none;
}
.blog-post-body .pctech-inline-price-table-stt {
	width: 52px;
	text-align: center;
}
.blog-post-body .pctech-inline-price-table-stt-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #EEF2F7;
	color: #64748B;
	font-weight: 800;
	font-size: 12.5px;
}
.blog-post-body .pctech-inline-price-table-name {
	color: #134074;
	font-weight: 700;
	display: flex;
	align-items: flex-end;
	gap: 8px;
	max-width: 0;
	min-width: 100%;
}
.blog-post-body .pctech-inline-price-table-name-text {
	flex: 0 0 auto;
	white-space: normal;
}
.blog-post-body .pctech-price-dots {
	flex: 1 1 auto;
	min-width: 14px;
	height: 0;
	margin-bottom: 5px;
	border-bottom: 2px dotted #C7D2E0;
}
.blog-post-body .pctech-inline-price-table-price {
	text-align: right;
	white-space: nowrap;
	width: 170px;
}
.blog-post-body .pctech-inline-price-badge {
	display: inline-flex;
	align-items: baseline;
	gap: 3px;
	padding: 5px 12px;
	border-radius: 999px;
	background: #FFEBEE;
	border: 1px solid #FFB3BD;
	color: #FF0000;
	font-weight: 800;
	font-size: 15.5px;
}
.blog-post-body .pctech-inline-price-unit {
	font-weight: 600;
	color: #FF0000;
	opacity: .8;
	font-size: 12px;
}
/* 2 nut "Xem bang gia chi tiet" / "Tai bang gia PDF co moc" - truoc la 2
   link chu gach chan dung sat nhau khong ro rang, doi thanh 2 nut that
   (1 nut dac mau brand, 1 nut vien) nam canh nhau ngay duoi bang. */
.blog-post-body .pctech-inline-price-table-links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding: 16px 22px 20px;
}
.blog-post-body .pctech-inline-price-table-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 200px;
	padding: 11px 18px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}
.blog-post-body .pctech-inline-price-table-btn--detail {
	background: linear-gradient(135deg, #134074, #0B2545);
	color: #FFFFFF;
	box-shadow: 0 3px 10px rgba(11,37,69,0.25);
}
.blog-post-body .pctech-inline-price-table-btn--detail:hover {
	transform: translateY(-1px);
	box-shadow: 0 5px 14px rgba(11,37,69,0.32);
	color: #FFFFFF;
}
.blog-post-body .pctech-inline-price-table-btn--pdf {
	background: #FFFFFF;
	color: #F58220;
	border: 1.5px solid #F58220;
}
.blog-post-body .pctech-inline-price-table-btn--pdf:hover {
	background: #FFF4E8;
	transform: translateY(-1px);
	color: #F58220;
}
@media (max-width: 640px) {
	.blog-post-body .pctech-inline-price-table-grid {
		font-size: 13px;
	}
	.blog-post-body .pctech-inline-price-table-grid thead th,
	.blog-post-body .pctech-inline-price-table-grid td {
		padding: 10px 12px;
	}
	.blog-post-body .pctech-inline-price-table-stt {
		width: 36px;
	}
	.blog-post-body .pctech-inline-price-badge {
		padding: 4px 9px;
		font-size: 13px;
	}
	.blog-post-body .pctech-inline-price-table-links {
		flex-direction: column;
		gap: 10px;
	}
	.blog-post-body .pctech-inline-price-table-btn {
		flex: 1 1 auto;
	}
}

/* Content Enrichment (2026-09-07) - khoi 2 "Anh tu dien sau". */
.blog-post-body .pctech-image-slot {
	margin: 24px 0;
	text-align: center;
}
.blog-post-body .pctech-image-slot img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(11,37,69,0.08);
}

/* 2026-09-10 (Nhat yeu cau, "phuong an A") - chip nhan manh rieng cho bai
   co tu khoa la 1 TUYEN DUONG cu the, nam NGAY TREN khoi khoi-4 (danh
   sach ca quan van giu nguyen ben duoi) - dung mau cam brand nhat, khac
   mau navy cua khoi ben duoi de de phan biet day la "diem nhan manh",
   khong phai tieu de chinh. Rong neu bai la tu khoa quan (khong co
   focus_street_name) - khong anh huong bai cu. */
.blog-post-body .pctech-street-focus-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 10px;
	padding: 7px 14px;
	border-radius: 999px;
	background: #FFF4E8;
	border: 1px solid #FBD5AA;
	color: #9A3E0B;
	font-weight: 700;
	font-size: 13.5px;
}
.blog-post-body .pctech-street-focus-chip::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #F58220;
	flex: 0 0 auto;
}

/* Content Enrichment (2026-09-07) - khoi 4 "Pham vi phuc vu Phuong/Duong". */
.blog-post-body .pctech-district-coverage {
	margin: 32px 0;
	padding: 20px 22px;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	background: #F8FAFC;
}
.blog-post-body .pctech-district-coverage h3 {
	margin: 0 0 16px;
	font-size: 17px;
	font-weight: 700;
	color: #0B2545;
}
.blog-post-body .pctech-district-coverage-group + .pctech-district-coverage-group {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px dashed #CBD5E1;
}
.blog-post-body .pctech-district-coverage-group h4 {
	margin: 0 0 10px;
	font-size: 13.5px;
	font-weight: 700;
	color: #134074;
	text-transform: uppercase;
	letter-spacing: .02em;
}
/* 2026-09-07 (Nhat phan hoi qua man hinh xem thu bai mau): doi tu luoi
   <ul><li> xep 3-4 cot sang 1 dong van xuoi, cac muc cach nhau dau phay -
   gon hon, de doc hon tren di dong. */
.blog-post-body .pctech-district-coverage-line {
	margin: 0;
	font-size: 14px;
	line-height: 1.8;
	color: #334155;
}

/* Content Enrichment (2026-09-07, khoi 5) - "Ho so Quan" dang accordion,
   dung <details>/<summary> nguyen sinh, khong can JS. */
.blog-post-body .pctech-district-profile {
	margin: 32px 0;
	padding: 20px 22px;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	background: #FFFFFF;
}
.blog-post-body .pctech-district-profile h3 {
	margin: 0 0 14px;
	font-size: 17px;
	font-weight: 700;
	color: #0B2545;
}
.blog-post-body .pctech-district-profile-accordion {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.blog-post-body .pctech-district-profile-item {
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	overflow: hidden;
}
.blog-post-body .pctech-district-profile-item summary {
	cursor: pointer;
	list-style: none;
	padding: 12px 16px;
	font-size: 14.5px;
	font-weight: 700;
	color: #134074;
	background: #F8FAFC;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.blog-post-body .pctech-district-profile-item summary::-webkit-details-marker {
	display: none;
}
.blog-post-body .pctech-district-profile-item summary::after {
	content: "+";
	font-size: 18px;
	font-weight: 700;
	color: #64748B;
	margin-left: 12px;
}
.blog-post-body .pctech-district-profile-item[open] summary::after {
	content: "−";
}
.blog-post-body .pctech-district-profile-body {
	padding: 14px 16px;
	border-top: 1px solid #E2E8F0;
}
.blog-post-body .pctech-district-profile-body p {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
	color: #334155;
}
.blog-post-body .pctech-district-profile-conclusion {
	margin: 16px 0 0;
	padding-top: 14px;
	border-top: 1px dashed #CBD5E1;
	font-size: 14px;
	font-style: italic;
	color: #475569;
}

/* Task #192 redesign (2026-09-07, Nhat phan hoi): so do DONG TAM - quan/
   huyen o giua, vong trong la cac phuong/xa, vong ngoai la cac tuyen duong
   chinh - thay cho ban dau la luoi "quan lien quan" (da bo hoan toan). */
.blog-post-body .pctech-district-map {
	margin: 32px 0;
	padding: 20px 22px;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	background: #F8FAFC;
}
.blog-post-body .pctech-district-map h3 {
	margin: 0 0 8px;
	font-size: 17px;
	font-weight: 700;
	color: #0B2545;
}
.blog-post-body .pctech-district-map-note {
	margin: 0 0 16px;
	font-size: 13px;
	line-height: 1.6;
	color: #64748B;
}
.blog-post-body .pctech-district-map-svg {
	display: block;
	width: 100%;
	/* 2026-09-18 (Nhat yeu cau "toi uu dien tich" - task #201): giam tu
	   620px xuong 460px, khop voi $canvasSize moi trong
	   ArticleRenderShortcodes::renderDistrictMap(). */
	/* 2026-09-19 (Nhat yeu cau "rong them, ra khoang 5cm khong phai 3cm nhu
	   hien tai"): tang tran tren tu 460px len 750px (~1.63x) - container
	   bai viet thuong rong hon nhieu so 460px (vd ~1250px tren desktop) nen
	   truoc gio SVG bi ep nho hon can, khong phai do container chat. Ty le
	   noi bo (viewBox 0 0 460 460, cac ban kinh trong PHP) giu nguyen -
	   day chi la kich thuoc HIEN THI, khong doi toa do ve tinh. */
	max-width: 750px;
	height: auto;
	margin: 0 auto;
	/* 2026-09-19 (Nhat bao loi): the root <svg> element mac dinh co
	   overflow:hidden theo UA stylesheet (clip moi thu vuot ra ngoai
	   viewBox). Cac ve tinh phuong/duong khi hover/active se scale 1.6x
	   quanh diem cua chinh no (.pctech-orbit-hover-scale, xem file orbit
	   ben duoi) - vi vong duong ngoai cung (streetRadius=170) chi cach
	   canh canvas (230) co 60px, label dai + scale 1.6x de vuot qua canh
	   nay va bi CAT MAT theo dung mo ta loi cua Nhat ("hieu ung chuyen
	   dong cac phuong cac duong bi che khuat khi vuot ra ngoai"). Bo
	   overflow:hidden mac dinh nay de hieu ung phong to hien day du,
	   khong bi khung SVG cat. */
	overflow: visible;
}
/* Tam - hinh tron ten quan/huyen. */
.blog-post-body .pctech-district-map-center {
	fill: #134074;
	stroke: #0B2545;
	stroke-width: 2;
}
.blog-post-body .pctech-district-map-center-label {
	font-size: 15px;
	font-weight: 800;
	fill: #FFFFFF;
	text-anchor: middle;
	font-family: inherit;
}
/* Vong trong - phuong/xa: net noi mo + pill mau xanh nhat. */
.blog-post-body .pctech-district-map-ward-line {
	stroke: #BFDBFE;
	stroke-width: 1.5;
}
.blog-post-body .pctech-district-map-ward-pill {
	fill: #DBEAFE;
	stroke: #60A5FA;
	stroke-width: 1;
}
.blog-post-body .pctech-district-map-ward-label {
	font-size: 11px;
	font-weight: 700;
	fill: #134074;
	font-family: inherit;
	pointer-events: none;
}
/* Vong ngoai - tuyen duong chinh: chi la text + net cham mo, khong khung. */
.blog-post-body .pctech-district-map-street-line {
	stroke: #E2E8F0;
	stroke-width: 1;
	stroke-dasharray: 2 3;
}
.blog-post-body .pctech-district-map-street-dot {
	fill: #94A3B8;
}
.blog-post-body .pctech-district-map-street-label {
	font-size: 10.5px;
	font-weight: 600;
	fill: #475569;
	font-family: inherit;
	pointer-events: none;
}

/* 2026-09-10 (Nhat yeu cau "dong hon, giong qua dia cau, phuong/duong
   giong ve tinh quay lien tuc, hover/cham thi phong to dung vi tri do") -
   xem ghi chu ky thuat day du trong docblock cua
   ArticleRenderShortcodes::renderDistrictMap(). Tom tat: moi ve tinh la 3
   lop <g> long nhau (spin ngoai + counter-rotate giua de nhan chu luon
   thang + hover-scale trong cung), dung transform-box:view-box de toa do
   transform-origin px khop dung he truc viewBox cua SVG (khong phai
   bounding-box rieng cua tung phan tu). */
.blog-post-body .pctech-orbit-spin {
	transform-box: view-box;
	/* 2026-09-19 (fix loi that su): tam quay PHAI khop dung $cx/$cy trong
	   ArticleRenderShortcodes::renderDistrictMap() - gia tri nay tung la
	   300px (khop $cx=$cy=300 luc canvas con 620px), nhung task #201 da
	   thu nho canvas 620->460 (cx/cy: 300->230) ma quen doi theo o day, lam
	   MOI ve tinh phuong/duong quay quanh SAI tam suot 8 ngay qua - day moi
	   la nguyen nhan that su khien chung bi lech xa/de len nhau khi quay,
	   chu khong chi la bi khung SVG cat (fix rieng o commit truoc). */
	transform-origin: 230px 230px;
	animation-name: pctech-orbit-spin;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.blog-post-body .pctech-orbit-counter {
	transform-box: view-box;
	animation-name: pctech-orbit-spin;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: reverse;
}
.blog-post-body .pctech-orbit-hover-scale {
	transform-box: view-box;
	transition: transform .25s ease;
}
@keyframes pctech-orbit-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
/* Vung bam/hover vo hinh, rong hon phan tu that hien thi - de tro chuot/
   cham ngon tay khong can chinh xac tuyet doi van kich hoat duoc. */
.blog-post-body .pctech-orbit-hit-area {
	fill: transparent;
	stroke: none;
	cursor: pointer;
}
/* 2026-09-19 (Nhat yeu cau: ve tinh phuong/duong da co bai xuat ban that
   khop se LIEN KET toi bai do, xem ArticleRenderShortcodes::
   wrapMapSatelliteLink()/DatabaseClient::readDistrictMapLinks()) - can dau
   hieu truc quan NGAY CA khi chua bam/hover, de phan biet voi ve tinh chi
   phong to (khong lam gi khi bam). Tai su dung dung 2 mau accent DA CO SAN
   trong khoi nay (khong them mau moi): cam #F58220 (dang la mau hover cua
   street-dot) cho uu tien 1 "cung dich vu"; xanh #3B82F6/#60A5FA (dang la
   mau ward-pill) cho uu tien 2 "dich vu khac". Ky hieu "↗" da duoc chen
   thang vao trong <text> nhan (ArticleRenderShortcodes.php), khong can ve
   them phan tu SVG rieng. */
.blog-post-body .pctech-orbit-linked {
	cursor: pointer;
}
.blog-post-body .pctech-orbit-linked .pctech-district-map-street-label,
.blog-post-body .pctech-orbit-linked .pctech-district-map-ward-label {
	font-weight: 800;
}
.blog-post-body .pctech-orbit-linked--same .pctech-district-map-street-dot {
	fill: #F58220;
}
.blog-post-body .pctech-orbit-linked--same .pctech-district-map-street-line {
	stroke: #F58220;
	stroke-dasharray: none;
	opacity: .8;
}
.blog-post-body .pctech-orbit-linked--same .pctech-district-map-ward-pill {
	fill: #FDE7CF;
	stroke: #F58220;
	stroke-width: 1.5;
}
.blog-post-body .pctech-orbit-linked--same .pctech-district-map-ward-line {
	stroke: #F58220;
	opacity: .8;
}
.blog-post-body .pctech-orbit-linked--same .pctech-district-map-street-label,
.blog-post-body .pctech-orbit-linked--same .pctech-district-map-ward-label {
	fill: #C2410C;
}
.blog-post-body .pctech-orbit-linked--other .pctech-district-map-street-dot {
	fill: #3B82F6;
}
.blog-post-body .pctech-orbit-linked--other .pctech-district-map-street-line {
	stroke: #3B82F6;
	stroke-dasharray: none;
	opacity: .7;
}
.blog-post-body .pctech-orbit-linked--other .pctech-district-map-ward-pill {
	fill: #DBEAFE;
	stroke: #3B82F6;
	stroke-width: 1.5;
}
.blog-post-body .pctech-orbit-linked--other .pctech-district-map-ward-line {
	stroke: #3B82F6;
	opacity: .7;
}
.blog-post-body .pctech-orbit-linked--other .pctech-district-map-street-label,
.blog-post-body .pctech-orbit-linked--other .pctech-district-map-ward-label {
	fill: #1D4ED8;
}
/* Chi may co chuot that (hover:hover) moi dung :hover - tren cham (touch),
   trang thai "dang phong to" hoan toan do class .is-active (JS gan/go khi
   cham) quyet dinh, tranh loi ":hover dinh lai" quen thuoc tren dien thoai. */
@media (hover: hover) {
	.blog-post-body .pctech-orbit-spin:hover,
	.blog-post-body .pctech-orbit-spin:focus-visible,
	.blog-post-body .pctech-orbit-spin:hover .pctech-orbit-counter,
	.blog-post-body .pctech-orbit-spin:focus-visible .pctech-orbit-counter {
		animation-play-state: paused;
	}
	.blog-post-body .pctech-orbit-spin:hover .pctech-orbit-hover-scale,
	.blog-post-body .pctech-orbit-spin:focus-visible .pctech-orbit-hover-scale {
		transform: scale(1.6);
	}
}
.blog-post-body .pctech-orbit-spin.is-active,
.blog-post-body .pctech-orbit-spin.is-active .pctech-orbit-counter {
	animation-play-state: paused;
}
.blog-post-body .pctech-orbit-spin.is-active .pctech-orbit-hover-scale {
	transform: scale(1.6);
}
/* Ve tinh dang phong to len tren cac ve tinh khac (SVG khong co z-index
   that - dung filter drop-shadow de tach lop thi giac thay the). */
.blog-post-body .pctech-orbit-spin:hover .pctech-district-map-street-dot,
.blog-post-body .pctech-orbit-spin.is-active .pctech-district-map-street-dot {
	fill: #F58220;
}
.blog-post-body .pctech-orbit-spin:hover .pctech-district-map-ward-pill,
.blog-post-body .pctech-orbit-spin.is-active .pctech-district-map-ward-pill {
	fill: #93C5FD;
	filter: drop-shadow(0 3px 6px rgba(11,37,69,0.25));
}
/* "Hao sang" pulse nhe phia sau tam - cam giac qua dia cau phat sang. */
.blog-post-body .pctech-district-map-center-glow {
	fill: none;
	stroke: #60A5FA;
	stroke-width: 3;
	opacity: .35;
	transform-box: fill-box;
	transform-origin: center;
	animation: pctech-earth-glow 3.2s ease-in-out infinite;
}
@keyframes pctech-earth-glow {
	0%, 100% { transform: scale(1); opacity: .35; }
	50% { transform: scale(1.12); opacity: .1; }
}
@media (prefers-reduced-motion: reduce) {
	.blog-post-body .pctech-orbit-spin,
	.blog-post-body .pctech-orbit-counter,
	.blog-post-body .pctech-district-map-center-glow {
		animation: none;
	}
}

/* 2026-09-10 (Nhat yeu cau) - "dam may the" (tag cloud) BAM DUOC, nam
   ngay duoi so do SVG minh hoa (khong link) o tren - moi the la 1 cap
   (dich vu, dia diem) DA CO bai xuat ban that trong cung quan. Thuan CSS
   (khong JS/thu vien ngoai) - 3 bac to/nho + hover phong to + hieu ung
   troi noi nhe (giong tinh than "sinh dong" da dung cho nut CTA gia). */
.blog-post-body .pctech-service-area-cloud {
	margin: 24px 0 32px;
	padding: 20px 22px;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	background: #FFFFFF;
}
/* 2026-09-18 (Nhat yeu cau "toi uu dien tich" - task #201): khoi "dam may
   the" chi hien tren desktop, an tren dien thoai de bot chiem dien tich
   cuon trang - giu nguyen thiet ke/animation tren desktop, khong sua gi
   khac ben trong. Dung chung breakpoint 767px voi cac khoi mobile khac
   trong file nay. */
@media (max-width: 767px) {
	.blog-post-body .pctech-service-area-cloud {
		display: none;
	}
}
.blog-post-body .pctech-service-area-cloud h4 {
	margin: 0 0 14px;
	font-size: 15px;
	font-weight: 700;
	color: #0B2545;
}
.blog-post-body .pctech-cloud-tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
}
.blog-post-body .pctech-cloud-tag {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border-radius: 999px;
	background: #F4F7FB;
	border: 1px solid #E2E8F0;
	color: #134074;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
	animation: pctech-cloud-float 5s ease-in-out infinite;
}
.blog-post-body .pctech-cloud-tag:hover {
	background: #F58220;
	border-color: #F58220;
	color: #FFFFFF;
	transform: translateY(-2px) scale(1.04);
	box-shadow: 0 6px 14px rgba(245, 130, 32, 0.28);
	/* Tam dung animation troi noi khi hover - de transform cua hover
	   (scale phong to) khong bi animation ghi de moi frame (2 khai bao
	   transform tren cung 1 phan tu se xung dot neu animation van chay). */
	animation-play-state: paused;
}
.blog-post-body .pctech-cloud-tag--lg {
	font-size: 15.5px;
	padding: 8px 18px;
	background: #EAF1FB;
	border-color: #C9DCF3;
}
.blog-post-body .pctech-cloud-tag--md {
	font-size: 14px;
}
.blog-post-body .pctech-cloud-tag--sm {
	font-size: 12.5px;
	padding: 5px 12px;
	color: #475569;
}
/* Lech pha animation theo vi tri (nth-child) de cac the khong troi cung
   nhip - tao cam giac "cloud" song dong hon la 1 khoi tinh. */
.blog-post-body .pctech-cloud-tag:nth-child(3n) { animation-delay: -1.2s; }
.blog-post-body .pctech-cloud-tag:nth-child(3n+1) { animation-delay: -2.6s; }
.blog-post-body .pctech-cloud-tag:nth-child(4n) { animation-duration: 6.5s; }
@keyframes pctech-cloud-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-3px); }
}
@media (prefers-reduced-motion: reduce) {
	.blog-post-body .pctech-cloud-tag {
		animation: none;
	}
}

/* ============================================================
   Landing Page 2.0 Nhom A (2026-09-10) - Bo card "Chon dung van de"
   ============================================================ */
.blog-post-body .pctech-problem-picker {
	margin: 24px 0 32px;
	padding: 20px;
	border-radius: 16px;
	background: linear-gradient(180deg, #FFF7EF 0%, #FFFFFF 100%);
	border: 1px solid #FBE0C4;
}
.blog-post-body .pctech-problem-picker-title {
	margin: 0 0 14px;
	font-size: 19px;
}
.blog-post-body .pctech-problem-picker-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 10px;
}
.blog-post-body .pctech-problem-card {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 12px;
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	color: #134074;
	font-weight: 600;
	text-decoration: none;
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.blog-post-body .pctech-problem-card:hover {
	transform: translateY(-2px);
	border-color: #F58220;
	box-shadow: 0 6px 14px rgba(245, 130, 32, 0.18);
}
.blog-post-body .pctech-problem-card-icon {
	flex: 0 0 auto;
	font-size: 18px;
}
.blog-post-body .pctech-problem-card-outlink {
	background: #F4F7FB;
	border-style: dashed;
	color: #475569;
}

/* ============================================================
   Landing Page 2.0 Nhom B (2026-09-10) - Case sua chua noi bat
   ============================================================ */
.blog-post-body .pctech-featured-cases {
	margin: 28px 0;
}
.blog-post-body .pctech-featured-case-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 16px;
	margin-top: 14px;
}
.blog-post-body .pctech-featured-case-card {
	padding: 16px;
	border-radius: 14px;
	background: #FFFFFF;
	border: 1px solid #E2E8F0;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}
.blog-post-body .pctech-featured-case-images {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin-bottom: 10px;
}
.blog-post-body .pctech-featured-case-images figure {
	margin: 0;
	text-align: center;
}
.blog-post-body .pctech-featured-case-images img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	display: block;
}
.blog-post-body .pctech-featured-case-images figcaption {
	font-size: 11px;
	color: #64748B;
	margin-top: 4px;
}
.blog-post-body .pctech-featured-case-meta {
	margin: 0 0 6px;
	font-size: 13px;
	color: #64748B;
}
.blog-post-body .pctech-featured-case-issue {
	margin: 0 0 8px;
	font-size: 14.5px;
	color: #1E293B;
}
.blog-post-body .pctech-featured-case-price {
	margin: 0;
	font-size: 14px;
	color: #B94A00;
}

/* ============================================================
   2026-09-10 (v1.3.2) - Nhat phan hoi "hinh dau rat to mat tham
   my" tren bai viet - chan doan qua browser (Claude Browser +
   javascript_tool tren dev.pctech.com.vn/cai-he-dieu-hanh-may-
   tinh-quan-go-vap.html): KHONG PHAI loi kich thuoc anh. Anh nen
   trang tri .hero-video-bg img dung dung CSS goc (position:
   absolute; inset:0; object-fit:cover) - no chi TRONG NHU rat to
   vi section cha section.hero (banner dau bai, Bricks Builder
   sinh san, dung chung nhieu loai trang) bi keo cao qua muc: do
   .hero h1 (dinh nghia trong hero.css goc, dung chung) co
   font-size: clamp(2rem, 5vw, 2.75rem) - phu hop tieu de ngan o
   trang chu, nhung tieu de bai viet do AI sinh thuong rat dai nen
   bi xuong dong 3-4 dong, day chieu cao .hero len toi 1425px (do
   thuc te qua getBoundingClientRect()), keo theo anh nen
   (inset:0) gian ra theo dung ty le do.
   Giai phap: KHONG sua hero.css (dung chung cho trang khac, sua
   se anh huong toan site) - chi thu nho font-size h1 + gioi han
   toi da 3 dong (line-clamp) VA thu nho mo ta rieng tren trang
   bai viet don (body.single-post), giu nguyen hero.css goc cho
   cac loai trang khac. */
body.single-post .hero h1 {
	font-size: clamp(1.4rem, 2.6vw, 1.9rem);
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
body.single-post .hero-desc {
	font-size: 0.95rem;
	line-height: 1.5;
}