/* euromarcom Weitergedacht: article template + hub teasers (scoped: .emwg, .emwg-hub). */
.emwg {
	--emwg-col: 43.75rem; /* 700px reading column */
	--emwg-ink: var(--ink, #1A1816);
	--emwg-soft: var(--ink-soft, #3A3530);
	--emwg-muted: var(--ink-muted, #6B6560);
	--emwg-olive: var(--olive, #5D7246);
	--emwg-olive-dark: var(--olive-dark, #4A5C38);
	--emwg-rule: var(--rule, #D5DCD0);
	--emwg-serif: var(--serif, "Source Serif 4", Georgia, serif);
	--emwg-gutter: var(--gutter, 1.25rem);
	overflow-x: clip;
}
.emwg-wrap {
	box-sizing: border-box;
	max-width: calc(var(--emwg-col) + 2 * var(--emwg-gutter));
	margin: 0 auto;
	padding-left: var(--emwg-gutter);
	padding-right: var(--emwg-gutter);
}
.emwg-head { padding-top: clamp(2.25rem, 6vw, 4.25rem); }
.emwg-back { margin: 0; font-size: 0.875rem; line-height: 1.4; }
.emwg-back a { color: var(--emwg-muted); text-decoration: none; }
.emwg-back a:hover, .emwg-back a:focus-visible { color: var(--emwg-olive); }
.emwg-back--top { margin-bottom: clamp(1.75rem, 4vw, 2.75rem); }
.emwg-eyebrow {
	display: flex; align-items: center; gap: 0.75rem;
	margin: 0 0 1.1rem;
	font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
	color: var(--emwg-olive);
}
.emwg-eyebrow::before { content: ""; width: 2rem; height: 1.5px; background: currentColor; flex: none; }
.emwg-title {
	margin: 0 0 1.25rem;
	font-family: var(--emwg-serif); font-weight: 600;
	font-size: clamp(2rem, 5.2vw, 3.25rem); line-height: 1.1; letter-spacing: -0.025em;
	color: var(--emwg-ink);
	overflow-wrap: break-word; text-wrap: balance;
}
.emwg-meta {
	margin: 0; padding-bottom: 1.75rem; border-bottom: 1px solid var(--emwg-rule);
	font-size: 0.875rem; color: var(--emwg-muted);
}
.emwg-body { padding-top: clamp(1.75rem, 4vw, 2.5rem); overflow-wrap: break-word; }
.emwg-body p {
	margin: 0 0 1.35rem;
	font-size: 1.125rem; line-height: 1.75; color: var(--emwg-soft);
}
.emwg-body > p:first-child { font-size: 1.25rem; line-height: 1.65; color: var(--emwg-ink); }
.emwg-body h2 {
	margin: 2.6rem 0 0.9rem;
	font-family: var(--emwg-serif); font-weight: 600;
	font-size: clamp(1.375rem, 2.6vw, 1.625rem); line-height: 1.25; letter-spacing: -0.015em;
	color: var(--emwg-ink);
}
.emwg-body a, .emwg-sources a {
	color: var(--emwg-olive-dark);
	text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em;
}
.emwg-body a:hover, .emwg-sources a:hover { color: var(--emwg-olive); }
.emwg-foot { padding-top: 1.5rem; padding-bottom: clamp(3.5rem, 8vw, 6rem); }
.emwg-label {
	margin: 0 0 0.75rem;
	font-family: inherit; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
	color: var(--emwg-muted);
}
.emwg-sources, .emwg-related, .emwg-cta { margin: 0 0 2.25rem; }
.emwg-sources { padding-top: 1.5rem; border-top: 1px solid var(--emwg-rule); }
.emwg-sources ul { margin: 0; padding: 0 0 0 1.1rem; font-size: 0.9375rem; line-height: 1.55; color: var(--emwg-soft); }
.emwg-sources li + li { margin-top: 0.35rem; }
.emwg-related { padding-top: 1.5rem; border-top: 1px solid var(--emwg-rule); }
.emwg-related ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.8rem; }
.emwg-related li { position: relative; padding-left: 1.1rem; }
.emwg-related li::before { content: ""; position: absolute; left: 0; top: 0.72em; width: 0.45rem; height: 1.5px; background: var(--emwg-olive); }
.emwg-related a {
	font-family: var(--emwg-serif); font-size: 1.125rem; line-height: 1.4; letter-spacing: -0.01em;
	color: var(--emwg-ink); text-decoration: none;
}
.emwg-related a:hover, .emwg-related a:focus-visible { color: var(--emwg-olive); }
.emwg-cta {
	padding: 1.35rem 1.5rem;
	background: var(--surface-2, #F3F5F1);
	border-left: 2px solid var(--emwg-olive);
}
.emwg-cta .emwg-label { color: var(--emwg-olive); }
.emwg-cta__text { margin: 0 0 0.6rem; font-size: 1rem; line-height: 1.55; color: var(--emwg-soft); }
.emwg-cta__link { margin: 0; }
.emwg-cta__link a { font-weight: 600; font-size: 0.9375rem; color: var(--emwg-olive-dark); text-decoration: none; }
.emwg-cta__link a:hover, .emwg-cta__link a:focus-visible { color: var(--emwg-olive); text-decoration: underline; text-underline-offset: 0.2em; }

/* Hub teasers on /weitergedacht/ */
.emwg-hub__h {
	margin: 0 0 1.75rem;
	font-family: var(--serif, "Source Serif 4", Georgia, serif); font-weight: 600;
	font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.2; letter-spacing: -0.02em;
}
.emwg-hub__list { list-style: none; margin: 0; padding: 0; }
.emwg-hub__item { padding: 1.4rem 0; border-top: 1px solid var(--rule, #D5DCD0); }
.emwg-hub__item:last-child { border-bottom: 1px solid var(--rule, #D5DCD0); }
.emwg-hub__meta { margin: 0 0 0.4rem; font-size: 0.8125rem; color: var(--ink-muted, #6B6560); }
.emwg-hub__title {
	margin: 0 0 0.45rem;
	font-family: var(--serif, "Source Serif 4", Georgia, serif); font-weight: 600;
	font-size: clamp(1.2rem, 2.2vw, 1.375rem); line-height: 1.3; letter-spacing: -0.01em;
	overflow-wrap: break-word;
}
.emwg-hub__title a { color: var(--ink, #1A1816); text-decoration: none; }
.emwg-hub__title a:hover, .emwg-hub__title a:focus-visible { color: var(--olive, #5D7246); }
.emwg-hub__desc { margin: 0; font-size: 1rem; line-height: 1.6; color: var(--ink-soft, #3A3530); max-width: 40rem; }
