/* Thanh thông số nhanh (component stats, PHP vo_stats()): nằm dưới hero. Không hộp viền: ảnh, tab và card sidebar đã có khung nên chỉ kẻ 2 đường ngang trên / dưới, các ô ngăn bằng vạch ngắn */
.vo-stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: var(--vo-space-5) 0 0 !important;   /* !important: WP đặt margin-top:0 cho phần tử đầu của group (:first-child, độ ưu tiên cao hơn 1 class); không phải blockGap */
	border-block: 1px solid var(--vo-divider);
	transform: translateZ(0);   /* lớp vẽ riêng: cột phải nằm ở toạ độ lẻ (vd 211.2px), khi nút Save bật lớp mới (tim nảy, bong bóng thông báo) Safari vẽ lại cả trang và làm tròn lại => icon giật 1px; lớp riêng thì không bị vẽ lại theo */
}
.vo-stats__item { position: relative; min-width: 0; padding: var(--vo-space-3) var(--vo-space-4); }
.vo-stats__item:nth-child(n + 3) { border-top: 1px solid var(--vo-divider); }
.vo-stats__item:nth-child(odd)::after { content: ""; position: absolute; top: var(--vo-space-3); right: 0; bottom: var(--vo-space-3); border-right: 1px solid var(--vo-divider); }   /* vạch dọc vẽ bằng ::after để ngắn hơn ô: không chạm đường kẻ ngang */
.vo-stats__item:last-child:nth-child(odd)::after { display: none; }
.vo-stats dt {
	display: flex;
	align-items: center;
	gap: var(--vo-space-2);
	color: var(--vo-muted);
	font-size: var(--vo-fs-sm);
}
.vo-stats dt .vo-icon { font-size: var(--vo-icon-row); }
.vo-stats dd { margin: 2px 0 0; overflow: hidden; font-size: var(--vo-fs-base); font-weight: 700; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }   /* = tên tháng ở card tháng; luôn 1 dòng ở mọi breakpoint, dư thì "…" (bản đầy đủ ở title + mục Visitor info) */
@media (min-width: 768px) {   /* 1 hàng: vạch dọc là viền phải của ô, ngắn hơn đường kẻ ngang nhờ đệm trên / dưới của cả dải */
	.vo-stats { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-auto-flow: column; padding-block: var(--vo-space-3); }
	.vo-stats__item:nth-child(n) { padding-block: 0; border-top: 0; }
	.vo-stats__item:not(:last-child) { border-right: 1px solid var(--vo-divider); }
	.vo-stats__item:nth-child(odd)::after { display: none; }
}
