/**
 * Work with me pages (EN + DE)
 * Every block below can be removed on its own.
 */

/**
 * Intro: centered
 */

h2:has(+ .summary),
.summary {
	text-align: center;
}

/**
 * How I work: numbered steps
 */

.steps {
	counter-reset: step;
	padding: 0;
	list-style: none;
}

.steps > li {
	counter-increment: step;
	position: relative;
	display: block;
	min-height: 2.25rem;
	margin-block-end: 1.25rem;
	padding-inline-start: 3.25rem;
}

.steps > li::before {
	content: counter(step);
	position: absolute;
	top: 0;
	inset-inline-start: 0;
	display: grid;
	place-items: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	background: var(--pico-primary-background);
	color: var(--pico-primary-inverse);
	font-family: var(--pico-alt-font-family);
	font-weight: bold;
}

.steps strong {
	display: block;
}

/**
 * Call to action right below the intro
 */

.cta {
	margin-block: 1.5rem 3rem;
	text-align: center;
}

/**
 * Contact: article with centered content
 */

.contact {
	text-align: center;
}