/* =============================================================
   Eenvoud — compat-CSS voor geïmporteerde whitepaper-HTML.
   --------------------------------------------------------------
   Wordt alleen geladen op single-whitepaper.

   Doel: originele HTML uit /seed-sources met klassen .cap, .benefit,
   .principle etc. werkt 1:1 zonder dat de redacteur de HTML hoeft
   te converteren naar block-style varianten.

   Variabele-aliasen (--primary, --teal etc.) staan in global.css,
   dus de tokens komen automatisch uit theme.json.
   ============================================================= */

/* ----- Cover en hero ----- */
.eenvoud-whitepaper-html .cover { margin-bottom: 80px; }

.eenvoud-whitepaper-html .cover-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--border);
	margin-bottom: 48px;
	flex-wrap: wrap;
	gap: 16px;
}

.eenvoud-whitepaper-html .brand {
	font-family: 'Lexend Deca', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: var(--primary);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 10px;
}

.eenvoud-whitepaper-html .brand::before {
	content: '';
	width: 8px;
	height: 8px;
	background: var(--teal);
	border-radius: 50%;
}

.eenvoud-whitepaper-html .doc-type {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	color: var(--muted);
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 500;
}

.eenvoud-whitepaper-html .eyebrow {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 12px;
	color: var(--primary);
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
}

.eenvoud-whitepaper-html .cover h1 {
	font-size: clamp(34px, 6.4vw, 56px);
	margin-bottom: 28px;
	color: var(--dark);
	line-height: 1.05;
	max-width: 860px;
}

.eenvoud-whitepaper-html .cover h1 .accent {
	color: var(--primary);
	font-style: italic;
	font-weight: 400;
}

.eenvoud-whitepaper-html .cover h1 .muted-part {
	color: var(--muted);
	font-weight: 300;
}

.eenvoud-whitepaper-html .lede {
	font-size: 19px;
	color: var(--muted);
	max-width: 720px;
	line-height: 1.55;
	margin-bottom: 36px;
}

.eenvoud-whitepaper-html .cover-meta {
	display: flex;
	gap: 48px;
	padding-top: 28px;
	border-top: 1px solid var(--border);
	flex-wrap: wrap;
}

.eenvoud-whitepaper-html .meta-item { font-size: 14px; }

.eenvoud-whitepaper-html .meta-item .meta-label {
	display: block;
	color: var(--muted);
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 4px;
	font-weight: 600;
}

.eenvoud-whitepaper-html .meta-item .meta-value {
	color: var(--dark);
	font-weight: 500;
}

/* ----- Sectie-headers ----- */
.eenvoud-whitepaper-html section { margin-top: 80px; }

.eenvoud-whitepaper-html .section-label {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--primary);
	font-weight: 600;
	margin: 0 0 12px;
}

.eenvoud-whitepaper-html .section-title {
	font-size: 28px;
	color: var(--dark);
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--border);
}

.eenvoud-whitepaper-html .section-intro {
	font-size: 17px;
	color: var(--muted);
	margin-bottom: 28px;
	max-width: 760px;
}

/* ----- Flow-compare ----- */
.eenvoud-whitepaper-html .flow-compare {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	margin-bottom: 32px;
}

.eenvoud-whitepaper-html .flow-card {
	background: #fff;
	border: 1px solid var(--border);
	padding: 28px;
}

.eenvoud-whitepaper-html .flow-card.from { border-left: 3px solid var(--accent); }
.eenvoud-whitepaper-html .flow-card.to { border-left: 3px solid var(--primary); }

.eenvoud-whitepaper-html .flow-tag {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 8px;
}

.eenvoud-whitepaper-html .flow-card.from .flow-tag { color: var(--accent); }
.eenvoud-whitepaper-html .flow-card.to .flow-tag { color: var(--primary); }

.eenvoud-whitepaper-html .flow-card h3 { font-size: 18px; margin-bottom: 20px; }
.eenvoud-whitepaper-html .flow-svg { width: 100%; height: 180px; margin-bottom: 18px; }

.eenvoud-whitepaper-html .flow-list { list-style: none; font-size: 15px; padding: 0; }

.eenvoud-whitepaper-html .flow-list li {
	padding: 6px 0 6px 22px;
	position: relative;
	color: var(--muted);
	line-height: 1.5;
}

.eenvoud-whitepaper-html .flow-list li::before {
	position: absolute;
	left: 0;
	top: 6px;
	font-size: 13px;
	font-weight: bold;
}

.eenvoud-whitepaper-html .flow-card.from .flow-list li::before { content: '✕'; color: var(--accent); }
.eenvoud-whitepaper-html .flow-card.to .flow-list li::before { content: '→'; color: var(--primary); }

.eenvoud-whitepaper-html .flow-example {
	background: var(--light);
	padding: 20px 24px;
	border-radius: 4px;
	font-size: 16px;
	color: var(--dark);
	line-height: 1.6;
}

.eenvoud-whitepaper-html .flow-example strong {
	font-family: 'Lexend Deca', sans-serif;
	font-weight: 600;
	color: var(--primary);
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* ----- Capabilities ----- */
.eenvoud-whitepaper-html .capabilities {
	display: grid;
	gap: 1px;
	background: var(--border);
	border: 1px solid var(--border);
}

.eenvoud-whitepaper-html .cap {
	background: var(--cream);
	padding: 32px 28px;
	display: grid;
	grid-template-columns: 56px 1fr;
	gap: 24px;
	transition: background 0.2s;
}

.eenvoud-whitepaper-html .cap:hover { background: #fff; }

.eenvoud-whitepaper-html .cap-num {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 28px;
	font-weight: 300;
	color: var(--primary);
	line-height: 1;
	padding-top: 4px;
}

.eenvoud-whitepaper-html .cap-body h3,
.eenvoud-whitepaper-html .cap-body h4 {
	font-size: 19px;
	margin-bottom: 8px;
	color: var(--dark);
}

.eenvoud-whitepaper-html .cap-pull {
	font-size: 16px;
	color: var(--muted);
	margin-bottom: 16px;
}

.eenvoud-whitepaper-html .cap-outcome {
	padding: 14px 16px;
	background: rgba(58, 111, 106, 0.06);
	border-left: 3px solid var(--primary);
	font-size: 16px;
	color: var(--dark);
	line-height: 1.5;
}

.eenvoud-whitepaper-html .cap-outcome strong {
	color: var(--primary);
	font-weight: 600;
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	display: block;
	margin-bottom: 4px;
}

/* ----- Principle ----- */
.eenvoud-whitepaper-html .principle {
	margin-top: 40px;
	background: var(--dark);
	color: #fff;
	padding: 40px 44px;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}

.eenvoud-whitepaper-html .principle::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--teal);
}

.eenvoud-whitepaper-html .principle-label {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--teal-text);
	font-weight: 600;
	margin-bottom: 16px;
}

.eenvoud-whitepaper-html .principle blockquote {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4;
	color: #fff;
	max-width: 780px;
}

.eenvoud-whitepaper-html .principle blockquote .em {
	color: var(--teal);
	font-style: italic;
	font-weight: 400;
}

.eenvoud-whitepaper-html .principle-attr {
	margin-top: 16px;
	font-family: 'Lexend Deca', sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--teal-text);
}

/* ----- Benefits ----- */
.eenvoud-whitepaper-html .benefits {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.eenvoud-whitepaper-html .benefit {
	background: #fff;
	border: 1px solid var(--border);
	padding: 26px 26px 24px;
	transition: border-color 0.2s;
}

.eenvoud-whitepaper-html .benefit:hover { border-color: var(--primary); }

.eenvoud-whitepaper-html .benefit-tag {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--primary);
	font-weight: 600;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.eenvoud-whitepaper-html .benefit-tag::before {
	content: '';
	width: 6px;
	height: 6px;
	background: var(--primary);
	border-radius: 50%;
}

.eenvoud-whitepaper-html .benefit h3,
.eenvoud-whitepaper-html .benefit h4 {
	font-size: 17px;
	margin-bottom: 10px;
	color: var(--dark);
	font-weight: 500;
}

.eenvoud-whitepaper-html .benefit p {
	font-size: 16px;
	color: var(--muted);
	line-height: 1.55;
}

.eenvoud-whitepaper-html .benefit p strong {
	color: var(--primary);
	font-weight: 600;
}

/* ----- Limits / scenarios ----- */
.eenvoud-whitepaper-html .limits {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.eenvoud-whitepaper-html .scenarios {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.eenvoud-whitepaper-html .limit-card,
.eenvoud-whitepaper-html .scenario-card {
	background: var(--light);
	border: 1px solid var(--border);
	padding: 24px;
}

.eenvoud-whitepaper-html .limit-card h3,
.eenvoud-whitepaper-html .scenario-card h3 {
	font-size: 18px;
	margin-bottom: 8px;
}

.eenvoud-whitepaper-html .limit-card p,
.eenvoud-whitepaper-html .scenario-card p {
	font-size: 16px;
	color: var(--muted);
}

.eenvoud-whitepaper-html .limit-card h3 { color: var(--accent); }

/* ----- Profile ----- */
.eenvoud-whitepaper-html .profile {
	background: #fff;
	border: 1px solid var(--border);
	padding: 36px 40px;
	margin-top: 32px;
}

.eenvoud-whitepaper-html .profile-tag {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--primary);
	font-weight: 600;
	margin-bottom: 14px;
}

.eenvoud-whitepaper-html .profile h3 {
	font-size: 22px;
	margin-bottom: 16px;
	color: var(--dark);
}

.eenvoud-whitepaper-html .profile p {
	font-size: 16px;
	color: var(--dark);
	line-height: 1.65;
	margin-bottom: 14px;
}

.eenvoud-whitepaper-html .profile p:last-child { margin-bottom: 0; }
.eenvoud-whitepaper-html .profile p strong { color: var(--primary); font-weight: 600; }

.eenvoud-whitepaper-html .profile-stats {
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

.eenvoud-whitepaper-html .profile-stat {
	background: var(--light);
	border: 1px solid var(--border);
	padding: 14px;
}

.eenvoud-whitepaper-html .profile-stat strong {
	display: block;
	font-family: 'Lexend Deca', sans-serif;
	font-size: 22px;
	color: var(--primary);
}

.eenvoud-whitepaper-html .profile-stat span {
	display: block;
	font-size: 13px;
	color: var(--muted);
}

/* ----- Investering ----- */
.eenvoud-whitepaper-html .invest-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	margin-bottom: 32px;
}

.eenvoud-whitepaper-html .invest-card {
	background: #fff;
	border: 1px solid var(--border);
	padding: 28px;
}

.eenvoud-whitepaper-html .invest-card.cost { border-top: 3px solid var(--warn); }
.eenvoud-whitepaper-html .invest-card.return { border-top: 3px solid var(--primary); }

.eenvoud-whitepaper-html .invest-card h3 {
	font-size: 17px;
	margin-bottom: 18px;
	color: var(--dark);
}

.eenvoud-whitepaper-html .invest-list {
	list-style: none;
	padding: 0;
}

.eenvoud-whitepaper-html .invest-list li {
	padding: 14px 0;
	border-bottom: 1px dashed var(--border);
	font-size: 16px;
	line-height: 1.5;
	color: var(--dark);
}

.eenvoud-whitepaper-html .invest-list li:last-child { border-bottom: none; }

.eenvoud-whitepaper-html .invest-list .label {
	display: block;
	font-family: 'Lexend Deca', sans-serif;
	font-weight: 500;
	color: var(--primary);
	font-size: 14px;
	margin-bottom: 3px;
}

.eenvoud-whitepaper-html .invest-card.cost .invest-list .label { color: var(--warn); }

.eenvoud-whitepaper-html .invest-list .detail {
	color: var(--muted);
	font-size: 15px;
}

.eenvoud-whitepaper-html .invest-list .range {
	display: inline-block;
	margin-top: 4px;
	padding: 2px 8px;
	background: var(--light);
	border-radius: 3px;
	font-family: 'Lexend Deca', sans-serif;
	font-size: 13px;
	color: var(--dark);
	font-weight: 500;
}

.eenvoud-whitepaper-html .roi-note {
	background: var(--light);
	padding: 20px 24px;
	border-left: 3px solid var(--primary);
	font-size: 16px;
	color: var(--dark);
	line-height: 1.6;
}

.eenvoud-whitepaper-html .roi-note strong {
	font-family: 'Lexend Deca', sans-serif;
	font-weight: 600;
	color: var(--primary);
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* ----- Phases ----- */
.eenvoud-whitepaper-html .phases {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
}

.eenvoud-whitepaper-html .phase {
	background: #fff;
	border: 1px solid var(--border);
	border-right: none;
	padding: 24px 22px 26px;
}

.eenvoud-whitepaper-html .phase:last-child { border-right: 1px solid var(--border); }

.eenvoud-whitepaper-html .phase-num {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--primary);
	font-weight: 600;
	margin-bottom: 8px;
}

.eenvoud-whitepaper-html .phase h3 {
	font-size: 18px;
	margin-bottom: 6px;
	color: var(--dark);
}

.eenvoud-whitepaper-html .phase-duration {
	font-size: 13px;
	color: var(--muted);
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--border);
	font-style: italic;
}

.eenvoud-whitepaper-html .phase-content {
	font-size: 14px;
	color: var(--muted);
	line-height: 1.5;
}

.eenvoud-whitepaper-html .phase-content .sub-label {
	color: var(--primary);
	font-weight: 600;
	display: block;
	margin-top: 10px;
	margin-bottom: 4px;
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.eenvoud-whitepaper-html .phase-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.eenvoud-whitepaper-html .phase-content ul li {
	padding: 3px 0 3px 14px;
	position: relative;
}

.eenvoud-whitepaper-html .phase-content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 5px;
	height: 5px;
	background: var(--primary);
	border-radius: 50%;
}

/* ----- Decision block ----- */
.eenvoud-whitepaper-html .decision-block {
	margin: 80px 0;
	background: var(--dark);
	color: #fff;
	padding: 48px 40px;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}

.eenvoud-whitepaper-html .decision-block::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--teal);
}

.eenvoud-whitepaper-html .decision-label {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--teal-text);
	font-weight: 600;
	margin-bottom: 16px;
}

.eenvoud-whitepaper-html .decision-block h2 {
	font-size: 24px;
	color: #fff;
	margin-bottom: 28px;
	max-width: 600px;
	line-height: 1.2;
}

.eenvoud-whitepaper-html .decision-list { list-style: none; padding: 0; }

.eenvoud-whitepaper-html .decision-item {
	padding: 16px 0;
	border-bottom: 1px solid rgba(206, 242, 238, 0.1);
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 24px;
	align-items: baseline;
}

.eenvoud-whitepaper-html .decision-item:last-child { border-bottom: none; }

.eenvoud-whitepaper-html .decision-trigger {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.5;
}

.eenvoud-whitepaper-html .decision-route {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: var(--teal);
	white-space: nowrap;
}

/* ----- Compare grid ----- */
.eenvoud-whitepaper-html .compare-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	margin: 32px 0;
}

.eenvoud-whitepaper-html .compare-card {
	background: #fff;
	border: 1px solid var(--border);
	padding: 32px 28px;
}

.eenvoud-whitepaper-html .compare-card-label {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--primary);
	font-weight: 600;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--border);
}

.eenvoud-whitepaper-html .compare-card h3 {
	font-size: 19px;
	margin-bottom: 16px;
	color: var(--dark);
}

.eenvoud-whitepaper-html .compare-list {
	list-style: none;
	font-size: 15px;
	padding: 0;
}

.eenvoud-whitepaper-html .compare-list li {
	padding: 8px 0 8px 20px;
	position: relative;
	color: var(--muted);
	line-height: 1.6;
}

.eenvoud-whitepaper-html .compare-list li::before {
	content: '—';
	position: absolute;
	left: 0;
	color: var(--accent);
	font-weight: bold;
}

.eenvoud-whitepaper-html .decision-note {
	background: var(--light);
	padding: 24px 28px;
	border-left: 3px solid var(--primary);
	font-size: 15px;
	color: var(--dark);
	line-height: 1.6;
	margin: 40px 0;
}

.eenvoud-whitepaper-html .decision-note strong {
	font-family: 'Lexend Deca', sans-serif;
	font-weight: 600;
	color: var(--primary);
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* ----- CTA-band (originele varianten) ----- */
.eenvoud-whitepaper-html .cta-band {
	margin: 80px -32px 0;
	padding: 0 32px;
	background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
}

.eenvoud-whitepaper-html .cta {
	color: #fff;
	padding: 56px 0;
	position: relative;
	overflow: hidden;
	max-width: 1040px;
	margin: 0 auto;
}

.eenvoud-whitepaper-html .cta::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 240px;
	height: 240px;
	background: radial-gradient(circle, rgba(90, 200, 192, 0.2) 0%, transparent 70%);
	pointer-events: none;
}

.eenvoud-whitepaper-html .cta-label {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 11px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--teal-text);
	font-weight: 600;
	margin-bottom: 16px;
}

.eenvoud-whitepaper-html .cta h2 {
	font-size: 30px;
	margin-bottom: 16px;
	color: #fff;
	max-width: 640px;
	line-height: 1.2;
}

.eenvoud-whitepaper-html .cta p {
	font-size: 17px;
	color: var(--teal-text);
	margin-bottom: 28px;
	max-width: 580px;
	line-height: 1.6;
}

.eenvoud-whitepaper-html .cta-actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 36px;
}

.eenvoud-whitepaper-html .cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 22px;
	min-height: 48px;
	background: var(--teal);
	color: var(--dark);
	text-decoration: none;
	border-radius: 4px;
	font-family: 'Lexend Deca', sans-serif;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.02em;
	transition: background 0.2s, transform 0.2s;
}

.eenvoud-whitepaper-html .cta-btn:hover {
	background: #7dd5ce;
	transform: translateY(-1px);
}

.eenvoud-whitepaper-html .cta-btn.secondary {
	background: transparent;
	color: var(--teal-text);
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.eenvoud-whitepaper-html .cta-btn.secondary:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: var(--teal);
	color: #fff;
}

.eenvoud-whitepaper-html .cta-author {
	padding-top: 28px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.eenvoud-whitepaper-html .author-avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--teal);
	color: var(--dark);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Lexend Deca', sans-serif;
	font-weight: 600;
	font-size: 20px;
	flex-shrink: 0;
}

.eenvoud-whitepaper-html .author-info .author-name {
	font-family: 'Lexend Deca', sans-serif;
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	margin-bottom: 2px;
}

.eenvoud-whitepaper-html .author-info .author-role {
	font-size: 14px;
	color: var(--teal-text);
}

/* ----- Footer (uit originele HTML — verbergen, theme regelt het) ----- */
.eenvoud-whitepaper-html > footer,
.eenvoud-whitepaper-html .footer-top,
.eenvoud-whitepaper-html .a11y-statement,
.eenvoud-whitepaper-html .skip-link {
	display: none;
}

/* ----- Responsive ----- */
@media (max-width: 860px) {
	.eenvoud-whitepaper-html .phases { grid-template-columns: 1fr; }
	.eenvoud-whitepaper-html .phase { border-right: 1px solid var(--border); }
	.eenvoud-whitepaper-html .scenarios { grid-template-columns: 1fr; }
	.eenvoud-whitepaper-html .compare-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
	.eenvoud-whitepaper-html .benefits,
	.eenvoud-whitepaper-html .flow-compare,
	.eenvoud-whitepaper-html .invest-grid,
	.eenvoud-whitepaper-html .limits,
	.eenvoud-whitepaper-html .compare-grid,
	.eenvoud-whitepaper-html .profile-stats { grid-template-columns: 1fr; }
	.eenvoud-whitepaper-html .cap {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 24px 20px;
	}
	.eenvoud-whitepaper-html .principle { padding: 28px 24px; }
	.eenvoud-whitepaper-html .principle blockquote { font-size: 20px; }
	.eenvoud-whitepaper-html .decision-block { padding: 32px 20px; }
	.eenvoud-whitepaper-html .decision-item { grid-template-columns: 1fr; gap: 8px; }
	.eenvoud-whitepaper-html .decision-route { white-space: normal; }
	.eenvoud-whitepaper-html .cta { padding: 40px 0; }
	.eenvoud-whitepaper-html .cta h2 { font-size: 24px; }
}