#result-6 {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.calendar-title {
	font-size: 16px;
	margin-bottom: 8px;
	font-weight: 600;
}

.calendar-number {
	text-align: center;
}

.calendar-weekend {
	color: oklch(97.3% 0.071 103.193);
	background-color: oklch(47.6% 0.114 61.907);
}

.ovulation {
	background-color: oklch(82.3% 0.12 346.018);
	border: 2px solid oklch(65.6% 0.241 354.308) !important;
	font-weight: 700;
}

.menstruation {
	background-color: oklch(93.6% 0.032 17.717); 
	color: oklch(50.5% 0.213 27.518);
}

.fertility {
	background-color: oklch(95% 0.052 163.051);
	color: oklch(43.2% 0.095 166.913);
}