/* Content pages: diensten, kennisbank, whitelabel. Depends on brand-variables.css + style.css */
.page { padding: 2.5rem 0 3rem; background: var(--color-bg-light); }
.page article, .page > .container > h1, .page > .container > .lead { max-width: 820px; }
.page h1 { font-size: 2.1rem; line-height: 1.2; color: var(--color-primary); margin: 0.5rem 0 1rem; }
.page h2 { font-size: 1.45rem; color: var(--color-text-dark); margin: 2rem 0 0.75rem; }
.page h3 { font-size: 1.15rem; margin: 1.25rem 0 0.5rem; }
.page p, .page li { line-height: 1.7; }
.page ul, .page ol { margin: 0 0 1rem 1.5rem; }
.page li { margin-bottom: 0.4rem; }
.page .lead { font-size: 1.15rem; color: #444; margin-bottom: 1.5rem; }
.page .meta { font-size: 0.9rem; color: #7f8c8d; margin-bottom: 1.5rem; }
.page table { width: 100%; border-collapse: collapse; margin: 1rem 0 1.5rem; font-size: 0.95rem; display: block; overflow-x: auto; }
.page th, .page td { border: 1px solid #dde3ea; padding: 0.6rem 0.75rem; text-align: left; vertical-align: top; }
.page th { background: #eaf2fb; color: var(--color-primary); }
.breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0 0 0.5rem; padding: 0; font-size: 0.9rem; color: #7f8c8d; }
.breadcrumb li + li::before { content: "›"; margin-right: 0.35rem; }
.breadcrumb a { color: var(--color-secondary); text-decoration: none; }
.faq details { background: var(--color-white); border: 1px solid #dde3ea; border-radius: 8px; padding: 0.75rem 1rem; margin-bottom: 0.6rem; }
.faq summary { cursor: pointer; font-weight: 600; color: var(--color-primary); }
.faq details p { margin: 0.6rem 0 0; }
.cta-box { background: var(--color-primary); color: var(--color-white); border-radius: 12px; padding: 1.75rem; margin: 2.5rem 0; }
.cta-box h2 { color: var(--color-white); margin-top: 0; }
.cta-box a { color: #fff; }
.cta-box .btn { margin-top: 0.75rem; background: var(--color-accent); border-color: var(--color-accent); }
.related ul { list-style: disc; }
.card-link { display: block; text-decoration: none; color: inherit; }
.card-link h2 { font-size: 1.2rem; margin: 0 0 0.5rem; color: var(--color-primary); }
.card-link .more { display: inline-block; margin-top: 0.75rem; color: var(--color-secondary); font-weight: 600; }
.card-link:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.12); }
.page .services-grid { max-width: none; }
@media (max-width: 600px) { .page h1 { font-size: 1.6rem; } .page { padding: 1.5rem 0 2rem; } }
/* Reset homepage globals inside content pages */
.page section { padding: 0; margin: 0 0 1.5rem; background: none; }
.page ul { list-style: disc; }
.page ol { list-style: decimal; }
.page .services-grid { margin-top: 1rem; }
nav.breadcrumb { background: none; height: auto; position: static; box-shadow: none; display: block; padding: 0; margin: 0 0 0.5rem; }
.page .lead { margin-bottom: 1.5rem; }
.page article > h1 + .lead + section { margin-top: 0; }
.page .breadcrumb ol { list-style: none; margin: 0 0 0.5rem; padding: 0; }

.meer-lezen { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid #dde3ea; }
.meer-lezen h2 { font-size: 1.2rem; margin-bottom: 0.5rem; }
.meer-lezen ul { list-style: disc; margin-left: 1.5rem; }
.meer-lezen li { margin-bottom: 0.4rem; }