/* Card tháng (.vo-month): When to visit / When to go / Best time */
.vo-month {
	display: flex;
	flex-direction: column;
	gap: var(--vo-space-3);
	height: 100%;
	padding: var(--vo-space-5);   /* = sidecard, card Where to stay: 24px mọi cạnh */
	border-radius: var(--vo-radius-card);
	background: var(--vo-bg);   /* ô xám phẳng như card Where to stay (chốt 12/10, bản A) */
}
.vo-month__name { margin: 0 0 2px; font-size: var(--vo-fs-base); }
@media (max-width: 599px) {
	.vo-month { padding: var(--vo-space-4); }   /* điện thoại: đệm hẹp như card Where to stay và sidecard (sidecard.css) */
}
.vo-month p { margin: 0; }
.vo-month__row, .vo-month__crowd {
	display: flex;
	align-items: center;
	gap: var(--vo-space-2);
	color: var(--vo-primary);
	font-size: var(--vo-fs-xs);
	line-height: 1.35;
}
.vo-month__row { font-weight: 600; }   /* nhiệt độ, ngày mưa */
.vo-month__row .vo-icon { color: var(--vo-muted); }
/* Icon đo: mực + màu tính ở vo_gauge_* (inc/ui-cards.php) */
.vo-gauge { flex: none; width: 1.35em; height: 1.35em; }
.vo-gauge__bg { fill: var(--vo-gauge-bg); }
.vo-gauge__fill { fill: var(--_g, var(--vo-gauge-cool)); }
.vo-month__crowd { font-weight: 400; }   /* độ đông */
/* Độ đông: thanh 3 khúc (1 Quiet, 2 Moderate, 3 Busy) */
.vo-month__crowd { flex-direction: column; align-items: stretch; gap: 6px; }
.vo-month__crowd > span:last-child { align-self: flex-end; font-size: var(--vo-fs-2xs); font-weight: 400; }
.vo-month__seg { display: flex; gap: 3px; }
.vo-month__seg i { flex: 1; height: 5px; border-radius: 3px; background: var(--vo-divider); }
.vo-month__seg--1 i:nth-child(-n + 1) { background: var(--vo-crowd-1); }
.vo-month__seg--2 i:nth-child(-n + 2) { background: var(--vo-crowd-2); }
.vo-month__seg--3 i { background: var(--vo-crowd-3); }