/* Presentation for the existing planning-formations block. */
.former-page .lpd-planning {
	--lpd-planning-ink: #111;
	--lpd-planning-paper: #fff;
	--lpd-planning-track: #e0e7eb;
	--lpd-planning-card-height: 164px;
	--lpd-planning-card-gap: 18px;
	max-width: none;
}
.former-page .lpd-planning__filters { gap: 10px; margin-bottom: 22px; }
.former-page .lpd-planning__filter {
	min-height: 42px;
	padding: 9px 14px;
	border: 1px solid #44358b;
	border-radius: 0;
	background: #fff;
	color: #44358b;
	font-size: 18px;
	font-weight: 700;
	text-transform: none;
	box-shadow: none;
	transition: background-color 160ms ease, color 160ms ease;
}
.former-page .lpd-planning__filter:is(:hover, .is-active) { background: #44358b; color: #fff; transform: none; }
.former-page .lpd-planning__list { padding: 3px 13px 10px 0; scrollbar-width: thin; }
.former-page .lpd-planning__card {
	height: auto;
	min-height: var(--lpd-planning-card-height);
	flex: 0 0 auto;
	grid-template-columns: 100px minmax(0, 1fr);
	gap: 22px;
	padding: 18px 20px;
	border: 2px solid #111;
	background: #eff1f2;
	box-shadow: 5px 5px 0 #111;
	filter: none;
}
.former-page .lpd-planning__card::before,
.former-page .lpd-planning__card::after { content: none; }
.former-page .lpd-planning__date {
	align-self: center;
	min-height: 112px;
	padding: 12px 5px 8px;
	border-top: 5px solid var(--lpd-planning-theme);
	background: #fff;
	color: #111;
	font-family: FormerDisplay, 'Roboto Condensed', sans-serif;
}
.former-page .lpd-planning__date-days { font-size: 32px; letter-spacing: -.5px; }
.former-page .lpd-planning__date-month { margin-top: 4px; font-size: 23px; }
.former-page .lpd-planning__date-year { margin-top: 4px; font-size: 18px; font-weight: 600; }
.former-page .lpd-planning__content {
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	align-content: center;
	gap: 16px 18px;
	padding: 0;
}
.former-page .lpd-planning__title {
	grid-column: 1 / -1;
	grid-row: 1;
	margin: 0;
	font-family: FormerDisplay, 'Roboto Condensed', sans-serif;
	font-size: 25px;
	font-weight: 850;
	line-height: 1.08;
	color: #111;
}
.former-page .lpd-planning__duration { grid-column: 1; grid-row: 2; align-self: center; margin: 0; color: #444; font-size: 18px; }
.former-page .lpd-planning__register {
	grid-column: 2;
	grid-row: 2;
	align-self: center;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 12px 20px;
	border: 0;
	border-radius: 0;
	background: #e6007e;
	color: #fff;
	font-family: FormerDisplay, 'Roboto Condensed', sans-serif;
	font-size: 19px;
	font-weight: 800;
	line-height: 1.15;
	text-transform: none;
	clip-path: none;
	box-shadow: none;
	transition: background-color 160ms ease;
}
.former-page .lpd-planning__register:hover { background: #c5006c; color: #fff; box-shadow: none; transform: none; }
.former-page .lpd-planning__empty { padding: 24px; border: 1px solid #bfc8ce; background: #eff1f2; color: #444; font-size: 20px; font-weight: 400; }
@media(max-width:720px) {
	.former-page .lpd-planning { --lpd-planning-card-height: 212px; }
	.former-page .lpd-planning__filters { gap: 8px; }
	.former-page .lpd-planning__filter { flex: 1 1 calc(50% - 8px); min-height: 44px; padding: 10px; font-size: 18px; }
	.former-page .lpd-planning__card { grid-template-columns: 72px minmax(0, 1fr); gap: 15px; padding: 16px 13px; }
	.former-page .lpd-planning__date { align-self: start; min-height: 108px; padding-inline: 2px; }
	.former-page .lpd-planning__date-days { font-size: 27px; }
	.former-page .lpd-planning__date-month { font-size: 22px; }
	.former-page .lpd-planning__content { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 13px; }
	.former-page .lpd-planning__title { grid-column: 1; font-size: 23px; }
	.former-page .lpd-planning__register { grid-column: 1; grid-row: 3; justify-self: start; padding: 11px 16px; font-size: 19px; }
}