/* =========================================================================
 * Trang Chính sách (/chinh-sach/ + con) — layout 2 cột kiểu trung tâm chính sách:
 * sidebar trái (card, sticky) + nội dung phải (card trắng).
 * Render bởi inc/policies.php. Brand: xanh dương y tế (style.css :root).
 * ========================================================================= */

.tvdp-policy-wrap {
	background: #f5f8fc;
	padding: 44px 0 72px;
}
.tvdp-policy-layout {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px;
	display: grid;
	grid-template-columns: 290px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

/* ----- Sidebar trái ----- */
.tvdp-policy-nav {
	position: sticky;
	top: 96px; /* né header dính */
	background: #fff;
	border: 1px solid #e3eaf4;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(11, 74, 135, .07);
	overflow: hidden;
}
.tvdp-policy-nav-head {
	padding: 15px 18px;
	font-size: .98rem;
	font-weight: 800;
	color: var(--brand-deep);
	border-bottom: 1px solid #e9eef7;
}
.tvdp-policy-nav-head::before {
	content: "\2630"; /* ☰ */
	margin-right: 9px;
	color: var(--brand-blue);
}
.tvdp-policy-nav ul {
	list-style: none;
	margin: 0;
	padding: 8px 0;
}
.tvdp-policy-nav li { margin: 0; }
.tvdp-policy-nav a {
	display: block;
	padding: 11px 18px;
	font-size: .94rem;
	line-height: 1.45;
	color: #4a5568;
	text-decoration: none;
	border-left: 3px solid transparent;
	transition: .15s;
}
.tvdp-policy-nav a:hover {
	color: var(--brand-deep);
	background: rgba(11, 74, 135, .05);
	text-decoration: none;
}
.tvdp-policy-nav a.is-active {
	color: var(--brand-deep);
	font-weight: 700;
	background: #eaf3fc;
	border-left-color: var(--brand-blue);
}

/* ----- Nội dung phải ----- */
.tvdp-policy-body {
	background: #fff;
	border: 1px solid #e3eaf4;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(11, 74, 135, .07);
	padding: 36px 40px 44px;
}
.tvdp-policy-body h1 {
	font-size: 1.75rem;
	font-weight: 800;
	color: var(--brand-deep);
	margin: 0 0 18px;
}
.tvdp-policy-body h2 {
	font-size: 1.22rem;
	font-weight: 700;
	color: var(--brand-deep);
	margin: 30px 0 12px;
}
.tvdp-policy-body h3 {
	font-size: 1.04rem;
	font-weight: 700;
	color: #1a2b45;
	margin: 22px 0 8px;
}
/* Theme cha ép p{color:#242429} — nền trắng nên OK, chỉ chỉnh giãn dòng */
.tvdp-policy-body p,
.tvdp-policy-body li {
	font-size: .96rem;
	line-height: 1.75;
}
/* Theme cha reset ol,ul{list-style-type:none;padding:0} (frontend.css)
   → phải khôi phục chấm/số đầu dòng cho nội dung chính sách */
.tvdp-policy-body ul,
.tvdp-policy-body ol {
	padding-left: 24px;
	margin: 10px 0 16px;
}
.tvdp-policy-body ul { list-style: disc outside; }
.tvdp-policy-body ol { list-style: decimal outside; }
.tvdp-policy-body ul ul { list-style: circle outside; }
.tvdp-policy-body li {
	margin: 6px 0;
	list-style: inherit;
}
.tvdp-policy-body a { color: var(--brand-blue-dark); }

/* Khối meta đầu trang (Website/Đơn vị vận hành/Hotline/Email/Hiệu lực) */
.tvdp-policy-body .tvdp-policy-meta {
	background: #f0f6fd;
	border: 1px solid #d8e6f7;
	border-radius: 10px;
	padding: 14px 18px;
	font-size: .92rem;
	line-height: 1.9;
	margin-bottom: 22px;
}

/* ----- Responsive ----- */
@media (max-width: 991px) {
	.tvdp-policy-layout { grid-template-columns: 1fr; }
	.tvdp-policy-nav { position: static; }
	.tvdp-policy-body { padding: 26px 20px 34px; }
}