/* SpielWechsel — Static info pages (Methodik, Autorin, Verantwortungsvoll, Kontakt, Impressum, Datenschutz) */

.sw-info-hero {
	background: var(--sw-navy-deep);
	color: #fff;
}
.sw-info-hero__inner {
	max-width: 64rem;
	margin: 0 auto;
	padding: 3rem 1.25rem;
}
@media (min-width: 1024px) {
	.sw-info-hero__inner { padding: 5rem 2rem; }
}
.sw-info-hero__title {
	margin-top: 0.75rem;
	font-size: clamp(2rem, 5vw, 3.75rem);
	letter-spacing: -0.01em;
	line-height: 1.05;
	font-weight: 800;
	color: #fff;
}
.sw-info-hero__intro {
	margin-top: 1.25rem;
	font-size: 1rem;
	max-width: 48rem;
	color: rgba(255,255,255,0.8);
	line-height: 1.6;
}
@media (min-width: 1024px) {
	.sw-info-hero__intro { font-size: 1.125rem; }
}
.sw-info-hero__rule {
	margin-top: 1.5rem;
	width: 4rem;
	height: 3px;
	background: var(--sw-primary);
}

.sw-info-body { background: #fff; }
.sw-info-body__inner {
	max-width: 64rem;
	margin: 0 auto;
	padding: 3rem 1.25rem;
}
@media (min-width: 1024px) {
	.sw-info-body__inner { padding: 5rem 2rem; }
}
.sw-info-body__updated {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--sw-hairline);
	font-size: 0.75rem;
	color: rgba(0,0,0,0.55);
}

/* Long-form prose */
.sw-info-prose h2 {
	font-family: var(--sw-font-display);
	font-weight: 800;
	font-size: clamp(1.5rem, 2.2vw, 2rem);
	letter-spacing: -0.01em;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	color: var(--sw-foreground);
}
.sw-info-prose h2:first-child { margin-top: 0; }
.sw-info-prose h3 {
	font-weight: 800;
	font-size: 1.125rem;
	margin-top: 1.75rem;
	margin-bottom: 0.5rem;
}
.sw-info-prose p {
	line-height: 1.75;
	color: rgba(0,0,0,0.78);
	margin-bottom: 1rem;
}
.sw-info-prose ul {
	margin: 0.5rem 0 1.25rem 0;
	padding-left: 1.25rem;
	list-style: none;
}
.sw-info-prose ul li {
	position: relative;
	padding-left: 1rem;
	margin-bottom: 0.5rem;
	line-height: 1.7;
	color: rgba(0,0,0,0.78);
}
.sw-info-prose ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.7rem;
	width: 6px;
	height: 6px;
	background: var(--sw-primary);
	border-radius: 2px;
}
.sw-info-prose a {
	color: var(--sw-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.sw-info-prose strong { font-weight: 700; }
.sw-info-prose hr {
	margin: 2.5rem 0;
	border: 0;
	border-top: 1px solid var(--sw-border);
}