.pe-main { display: block; }

.pe-section {
	position: relative;
	padding-block: var(--space-3xl);
	overflow: hidden;
}

.pe-section--sm { padding-block: var(--space-2xl); }

.pe-section--ink  { background: var(--color-ink); }
.pe-section--soft { background: var(--color-ink-soft); }

.pe-section--ruled { border-top: var(--border-soft); }

/* Signatur: zwei weiche Lichtkegel statt eines Hintergrundbilds. */
.pe-section--glow::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(60% 50% at 15% 0%, var(--glow-primary) 0%, transparent 70%),
		radial-gradient(50% 60% at 90% 100%, var(--glow-blue) 0%, transparent 70%);
}

.pe-section > .pe-container,
.pe-section > .pe-container--wide,
.pe-section > .pe-container--text { position: relative; }

.pe-section__head { margin-bottom: var(--space-2xl); }

.pe-section__head--center {
	text-align: center;
	margin-inline: auto;
	max-width: var(--container-text);
}

.pe-section__head .pe-lead { margin-top: var(--space-md); }

/* Signatur: Fläche mit feinem Innenrahmen in Akzentfarbe. */
.pe-panel {
	background: var(--panel-bg);
	border-radius: var(--radius-lg);
	box-shadow: var(--panel-inset);
}

.pe-panel--pad { padding: clamp(var(--space-lg), 4vw, var(--space-2xl)); }

.pe-panel--light {
	background: var(--panel-bg-light);
	color: var(--color-ink-on-light);
}

@media (max-width: 700px) {
	.pe-section { padding-block: var(--space-2xl); }
	.pe-section__head { margin-bottom: var(--space-xl); }
}