/* Bổ sung ndh_auto — E-E-A-T của bài viết / trang tĩnh (src/components/ndh/eeat/PostEeat.astro).
   Chỉ nạp khi bài đã nhập nhóm "Thẩm định, nguồn & lịch sử cập nhật". */

/* Dòng "Thẩm định: …" dưới tên tác giả */
.pby__review { display: inline-flex; align-items: center; gap: 5px; margin-top: 2px; font-size: 13px; color: var(--gray-2, var(--c-muted)); }
.pby__review .ico { width: 14px; height: 14px; flex: none; color: var(--c-up); stroke-width: 2.2; }
.pby__review a { color: var(--ink, var(--c-ink)); font-weight: 700; text-decoration: none; }
.pby__review a:hover { color: var(--purple, var(--c-brand-700)); text-decoration: underline; }
.pdoc__review { margin-top: 6px; }

/* Công bố trước nội dung */
.peeat-disc {
	max-width: 74ch;
	display: flex; gap: 10px; align-items: flex-start;
	margin: 0 0 22px; padding: 12px 16px;
	border-radius: 12px; background: var(--c-cream); border: 1px solid var(--c-brand-200);
	font-size: 14px; line-height: 1.6; color: var(--c-text);
}
.peeat-disc .ico { width: 18px; height: 18px; flex: none; margin-top: 2px; color: var(--c-brand-600); }
.peeat-disc strong { color: var(--c-ink); }

/* Kiểm chứng + nguồn + lịch sử cập nhật ngay sau nội dung */
.peeat {
	display: grid; gap: 22px;
	margin-top: clamp(28px, 3.6vw, 40px); padding: clamp(18px, 2.4vw, 24px);
	border: 1px solid var(--c-line); border-radius: 16px; background: var(--c-white);
}
.peeat__stamp {
	display: flex; gap: 10px; align-items: center;
	padding: 10px 14px; border-radius: 12px; background: var(--c-up-50);
	font-size: 14px; line-height: 1.5; color: var(--c-text);
}
.peeat__stamp .ico { width: 20px; height: 20px; flex: none; padding: 3px; border-radius: 50%; background: var(--c-up); color: #fff; stroke-width: 2.6; }
.peeat__stamp strong { color: var(--c-up); }
.peeat__stamp a { color: var(--c-ink); font-weight: 700; }
.peeat__h { margin: 0 0 10px; font-size: 17px; font-weight: 800; color: var(--c-ink); scroll-margin-top: 120px; }
.peeat__src { display: grid; gap: 8px; margin: 0; padding-left: 22px; font-size: 14.5px; line-height: 1.5; }
.peeat__src li::marker { color: var(--c-muted); font-weight: 700; font-variant-numeric: tabular-nums; }
.peeat__src a { color: var(--c-brand-700); text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.peeat__pub { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 999px; background: var(--c-soft); font-size: 12.5px; color: var(--c-muted); }
.peeat__log { position: relative; display: grid; gap: 10px; margin: 0; padding: 0 0 0 18px; list-style: none; font-size: 14.5px; line-height: 1.5; }
.peeat__log::before { content: ""; position: absolute; left: 4px; top: 6px; bottom: 6px; width: 2px; background: var(--c-line); }
.peeat__log li { position: relative; display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px; color: var(--c-text); }
.peeat__log li::before { content: ""; position: absolute; left: -18px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 2px solid var(--c-brand-600); }
.peeat__log li:first-child::before { background: var(--c-brand-600); }
.peeat__log time, .peeat__when { font-weight: 700; color: var(--c-ink); font-variant-numeric: tabular-nums; }

/* Hộp người thẩm định (sau hộp tác giả) */
.peeat-rev {
	display: flex; align-items: center; gap: 16px;
	margin-top: 16px; padding: clamp(16px, 2.2vw, 22px);
	border: 1px solid var(--c-line); border-radius: 16px; background: var(--c-soft);
}
.peeat-rev__photo { flex: none; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: var(--c-brand-100); }
.peeat-rev__photo img, .peeat-rev__photo > * { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.peeat-rev__photo--blank { font-size: 20px; font-weight: 800; color: var(--c-brand-700); }
.peeat-rev__body { flex: 1; min-width: 0; }
.peeat-rev__label { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--c-up); }
.peeat-rev__label .ico { width: 15px; height: 15px; }
.peeat-rev__name { margin-top: 3px; font-size: 17px; font-weight: 800; color: var(--c-ink); line-height: 1.3; }
.peeat-rev__name a { color: inherit; text-decoration: none; }
.peeat-rev__name a:hover { text-decoration: underline; }
.peeat-rev__role { margin-top: 2px; font-size: 14px; color: var(--c-muted); }
.peeat-rev__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 6px; font-size: 13px; color: var(--c-muted); }
.peeat-rev__ok { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; color: var(--c-up); }
.peeat-rev__ok .ico { width: 14px; height: 14px; stroke-width: 2.6; }
.peeat-rev__go { flex: none; display: inline-flex; align-items: center; gap: 4px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--c-line); background: #fff; font-size: 13.5px; font-weight: 700; color: var(--c-ink); text-decoration: none; }
.peeat-rev__go:hover { border-color: var(--c-ink); }
.peeat-rev__go .ico { width: 15px; height: 15px; }

@media (max-width: 640px) {
	.peeat__log li { grid-template-columns: minmax(0, 1fr); gap: 2px; }
	.peeat-rev { flex-wrap: wrap; }
	.peeat-rev__go { margin-left: 80px; }
}