/**
 * Erklärseite „Stoffe & Technologien" (tech-page.php).
 * Ruhiges, textlastiges Layout im ZCF-Stil, Schwester der Zertifikate-Seite.
 */

.zwcl-techpage {
	max-width: 60rem;
	margin: 0 auto;
	padding: 0 1rem;
	color: #1E252D; /* ZCF Ink */
}

.zwcl-techpage__back {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0.5rem 0 1.2rem;
	color: #23434A; /* ZCF Petrol */
	text-decoration: none;
	font-size: 0.95rem;
}

.zwcl-techpage__back:hover {
	text-decoration: underline;
}

/* Hero */
.zwcl-techpage__hero {
	margin: 0 0 2rem;
}

.zwcl-techpage__hero-media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0.8rem;
	margin: 0 0 1.2rem;
}

.zwcl-techpage__headline {
	margin: 0 0 0.6rem;
	font-size: 1.9rem;
	line-height: 1.2;
	font-weight: 700;
	color: #23434A;
}

.zwcl-techpage__lead {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.5;
	color: #3A464E;
	max-width: 46rem;
}

/* Gruppen */
.zwcl-techpage__group {
	margin: 0 0 2rem;
	scroll-margin-top: 1.5rem; /* Anker springt nicht unter einen Sticky-Header */
}

.zwcl-techpage__group-title {
	margin: 0 0 1rem;
	padding-bottom: 0.4rem;
	border-bottom: 2px solid #E2D9CC; /* Sand-Rahmen */
	font-size: 1.35rem;
	font-weight: 600;
	color: #23434A;
}

.zwcl-techpage__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 1rem;
}

@media (min-width: 700px) {
	.zwcl-techpage__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

.zwcl-techpage__term {
	background: #F8F5EF;
	border: 1px solid #E2D9CC;
	border-radius: 0.6rem;
	padding: 1rem 1.1rem;
	scroll-margin-top: 1.5rem; /* Deeplink von der PDP landet sauber */
}

.zwcl-techpage__term-name {
	margin: 0 0 0.35rem;
	font-size: 1.05rem;
	font-weight: 600;
	color: #23434A;
}

.zwcl-techpage__term-desc {
	margin: 0;
	line-height: 1.5;
	color: #1E252D;
}

.zwcl-techpage__note {
	margin: 1.5rem 0 2.5rem;
	padding-top: 1rem;
	border-top: 1px solid #E2D9CC;
	font-size: 0.95rem;
	color: #64717A; /* ZCF Slate */
}

.zwcl-techpage__note a {
	color: #23434A;
}