.recovery-overview { padding: var(--section-padding) 0; }
.recovery-overview__head { max-width: 47.5rem; margin-bottom: 2rem; }
.recovery-overview__head h2 {
	border-bottom: 2px solid var(--clr-dark-blue);
	padding-bottom: 0.875rem;
	margin-bottom: 1.125rem;
}
.recovery-overview__intro { font-size: var(--fs-body); max-width: 45rem; }
.recovery-overview__intro p:last-child { margin-bottom: 0; }

.recovery-overview__timeline { display: grid; gap: 1rem; }
.recovery-overview__timeline--one   { grid-template-columns: 1fr; }
.recovery-overview__timeline--two   { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.recovery-overview__timeline--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.recovery-overview__timeline--four  { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.recovery-overview__timeline-card {
	background: var(--clr-white);
	border: 1px solid rgba(14,37,90,.11);
	border-radius: var(--radius-lg);
	box-shadow: 0 1px 2px rgba(0,0,0,.04);
	padding: 1.5rem;
	position: relative;
}
.recovery-overview__timeline-card:before {
	content: "";
	display: block;
	width: 100%;
	height: 0.25rem;
	background: var(--clr-bg-blue);
	border-radius: 6.25rem;
	margin-bottom: 1.125rem;
}
.recovery-overview__timeline-card p:last-child { margin-bottom: 0; }

.recovery-overview__risk-note {
	background: var(--clr-bg-blue);
	color: var(--clr-dark-blue);
	padding: 1.625rem;
	border-radius: var(--radius-lg);
	margin: 2.375rem 0 1.5rem;
	font-weight: var(--fw-medium);
}
.recovery-overview__risk-note p:last-child { margin-bottom: 0; }

/* Accordion */
.recovery-overview__accordion { border-top: 1px solid var(--clr-border); }
.recovery-overview__accordion-item {
	border-bottom: 1px solid var(--clr-border);
	background: var(--clr-white);
}
.recovery-overview__accordion-button {
	width: 100%;
	min-height: 4rem;
	padding: 1.125rem 1.375rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
	border: 0;
	background: var(--clr-bg-acc);
	color: var(--clr-dark-blue);
	font: var(--fw-bold) var(--fs-md)/1.35 var(--ff-body);
	text-align: left;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}
.recovery-overview__accordion-item[data-open="true"] .recovery-overview__accordion-button {
	background: var(--clr-dark-blue);
	color: var(--clr-white);
}
.recovery-overview__accordion-icon {
	position: relative;
	width: 1.6rem;
	height: 1.6rem;
	flex: 0 0 1.6rem;
}
.recovery-overview__accordion-icon-plus,
.recovery-overview__accordion-icon-minus {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	line-height: 1;
	transition: opacity .2s ease, transform .2s ease;
}
.recovery-overview__accordion-icon-minus { opacity: 0; transform: scale(.6); }
.recovery-overview__accordion-item[data-open="true"] .recovery-overview__accordion-icon-plus { opacity: 0; transform: scale(.6); }
.recovery-overview__accordion-item[data-open="true"] .recovery-overview__accordion-icon-minus { opacity: 1; transform: scale(1); }

.recovery-overview__accordion-panel {
	overflow: hidden;
	max-height: 0;
	transition: max-height .35s ease;
}
.recovery-overview__accordion-panel-inner { padding: 1.5rem 1.375rem; }
.recovery-overview__accordion-panel-inner p:last-child { margin-bottom: 0; }
.recovery-overview__accordion-panel-inner ul {
	margin: 0 0 0 1.25em;
	padding: 0;
}

@media (prefers-reduced-motion: reduce) {
	.recovery-overview__accordion-panel { transition: none; }
	.recovery-overview__accordion-icon-plus,
	.recovery-overview__accordion-icon-minus { transition: none; }
}

@media (max-width: 1023px) {
	.recovery-overview__timeline--three,
	.recovery-overview__timeline--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
	.recovery-overview { padding: var(--section-padding-mobile) 0; }
	.recovery-overview__head { margin-bottom: 1.5rem; }
	.recovery-overview__timeline--two,
	.recovery-overview__timeline--three,
	.recovery-overview__timeline--four { grid-template-columns: 1fr; }
}
