/**
 * Adviesartikel, merkpagina, klantenservicepagina: leesbare content-typografie.
 */

.content-body { max-width: 70ch; }
.content-body h2 { margin-top: var( --space-6 ); }
.content-body h3 { margin-top: var( --space-5 ); }
.content-body table {
	width: 100%;
	border-collapse: collapse;
	margin-block: var( --space-4 );
}
.content-body table th, .content-body table td {
	border: 1px solid var( --border );
	padding: var( --space-2 ) var( --space-3 );
	text-align: left;
}
.content-body figure { margin: var( --space-4 ) 0; }
.content-body figcaption { color: var( --text-muted ); font-size: 0.85rem; }

.advies-article__meta { color: var( --text-muted ); font-size: 0.85rem; margin-top: -0.5rem; }
.advies-article__media img { border-radius: var( --radius-lg ); margin-bottom: var( --space-4 ); }
.advies-article__cta { margin-top: var( --space-6 ); }

.brand-page__company {
	background: var( --surface-alt );
	padding: var( --space-4 );
	border-radius: var( --radius-md );
	margin-top: var( --space-5 );
}
.brand-page__cta { margin-top: var( --space-5 ); }

.service-categories__list {
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	gap: var( --space-2 );
	margin-block: var( --space-4 );
}
.service-categories__list a {
	display: block;
	padding: var( --space-3 );
	background: var( --surface-alt );
	border-radius: var( --radius-md );
	text-align: center;
	font-weight: 600;
	color: var( --text-primary );
	text-decoration: none;
	min-height: var( --tap-target-min );
}
@media ( min-width: 700px ) {
	.service-categories__list { grid-template-columns: repeat( 5, 1fr ); }
}

.service-page__contact { margin-top: var( --space-6 ); }
.service-page__contact-list { margin-bottom: var( --space-4 ); }
.service-page__contact-list li { margin-bottom: var( --space-2 ); font-weight: 600; }

.error-page { padding-block: var( --space-7 ); text-align: center; }
.error-page__links { margin-top: var( --space-5 ); display: flex; flex-direction: column; gap: var( --space-2 ); align-items: center; }