/* SEO proof sections, 2026-11-01. Preserve the existing product controls. */
.seo-proof-page {
  --proof-paper: #fff;
  --proof-tint: #f3f6f7;
  --proof-ink: #171717;
  --proof-muted: #555e63;
  --proof-line: #dce3e6;
  --proof-brand: #0e4f5a;
  background: var(--proof-paper);
}
.seo-proof-page .bg-paper-sunk, .seo-proof-page .bg-paper-sunk\/40 { background-color: var(--proof-tint); }
.seo-proof-page .text-ink-faint { color: var(--proof-muted); }
.seo-proof-page .breathe { animation: none; }
.proof-section { padding: clamp(40px,6vw,80px) 20px; border-top: 1px solid var(--proof-line); }
.proof-wrap { max-width: 1120px; margin-inline: auto; }
.proof-split { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: clamp(24px,5vw,64px); }
.proof-section h2 { font-size: clamp(25px,2.6vw,36px); line-height: 1.15; font-weight: 600; letter-spacing: -.02em; margin-bottom: 24px; overflow-wrap: break-word; }
.proof-section p { max-width: 68ch; line-height: 1.7; margin: 16px 0; font-size: 16px; }
.proof-section a, .proof-intent a { color: var(--proof-brand); text-decoration: underline; text-underline-offset: 4px; }
.proof-section a:focus-visible, .proof-intent a:focus-visible, .proof-section summary:focus-visible { outline: 2px solid var(--proof-brand); outline-offset: 4px; }
.proof-section figure { margin: 0; min-width: 0; }
.proof-section img { width: 100%; height: auto; border: 1px solid var(--proof-line); }
.proof-section figcaption, .proof-section .proof-caption { color: var(--proof-muted); font-size: 13px; line-height: 1.65; margin-top: 12px; }
.proof-facts { display: flex; flex-wrap: wrap; gap: 24px; border-block: 1px solid var(--proof-line); padding: 16px 0; margin: 24px 0; }
.proof-facts dt { color: var(--proof-muted); font-size: 13px; }
.proof-facts dd { font-weight: 600; font-size: 20px; margin: 4px 0 0; }
.proof-downloads { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.proof-tint { background: var(--proof-tint); }
.proof-table-scroll { overflow-x: auto; }
.proof-table { width: 100%; border-collapse: collapse; line-height: 1.6; font-size: 15px; }
.proof-table th, .proof-table td { padding: 16px 14px 16px 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--proof-line); }
.proof-table th { font-weight: 600; color: var(--proof-brand); }
.proof-table td { min-width: 150px; }
.proof-table code { overflow-wrap: anywhere; }
.proof-steps { list-style: decimal; padding-left: 24px; line-height: 1.7; }
.proof-steps li { padding: 0 0 16px 8px; }
.proof-section details { border-bottom: 1px solid var(--proof-line); padding: 18px 0; }
.proof-section summary { font-weight: 600; cursor: pointer; line-height: 1.5; }
.proof-intent { max-width: 720px; text-align: center; margin: 24px auto 0; font-size: 15px; line-height: 1.6; }
@media(max-width:760px) {
  .proof-split { grid-template-columns: minmax(0,1fr); }
  .proof-facts { gap: 16px; }
  .proof-table { min-width: 550px; }
  .proof-section { padding-inline: 20px; }
}
@media(prefers-reduced-motion:reduce) {
  .seo-proof-page *, .seo-proof-page *::before, .seo-proof-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
.seo-proof-page footer h3, .seo-proof-page footer .text-ink-faint { color: var(--proof-muted); }
.seo-proof-page #zonder-programma .prose-nl { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px 40px; }
.seo-proof-page #zonder-programma .prose-nl > p { grid-column: 1 / -1; }
.seo-proof-page #zonder-programma .max-w-3xl { max-width: 1120px; }
.seo-proof-page #zonder-programma .prose-nl > p:first-of-type::first-letter { float: none; font: inherit; padding: 0; margin: 0; }
.seo-proof-page .proof-topic h3 { margin-top: 8px; }
@media(max-width:760px) { .seo-proof-page #zonder-programma .prose-nl { grid-template-columns: minmax(0,1fr); } }