/* V28 — uitsluitend binnenpagina's; homepage blijft exact gelijk. */
/* V27.2 contrastfout: artikellinkregel overschreef de witte knoptekst. */
.begin-article-prose .v24-related-block a,
.begin-article-prose .v24-related-block a:link,
.begin-article-prose .v24-related-block a:visited {background:#086b53;color:#fff!important;text-decoration:none;border-radius:8px;display:inline-flex;align-items:center;min-height:44px;padding:11px 16px;font-size:14px;font-weight:800}
.begin-article-prose .v24-related-block a:hover {background:#064d40;color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.begin-article-prose .v24-related-block a:focus-visible {color:#fff!important;outline:3px solid #15b88f;outline-offset:3px}
/* Andere primaire links in article callouts zijn ook duidelijk leesbaar. */
.begin-article-prose a.btn.btn-green,.begin-article-prose a.btn.btn-dark{color:#fff!important;text-decoration:none}
.begin-article-prose a.btn.btn-green:hover,.begin-article-prose a.btn.btn-dark:hover{color:#fff!important}
/* Nieuwe inhoudspagina's. */
.v28-hero{background:radial-gradient(circle at 84% 26%,#224e60,#061d30 70%);color:#fff;padding:40px 0 59px}
.v28-hero .begin-breadcrumb{margin-bottom:32px;color:#c4e2e9}
.v28-hero .begin-breadcrumb a{color:#c4e2e9}
.v28-hero .v28-kicker{display:block;color:#7cf0c6;letter-spacing:.09em;font-size:12px;font-weight:850;margin:0 0 13px}
.v28-hero h1{font-size:clamp(35px,4.1vw,55px);max-width:950px;line-height:1.12;letter-spacing:-1.3px;margin:0 0 18px;color:#fff}
.v28-hero p{font-size:clamp(16px,1.4vw,19px);line-height:1.7;color:#deedf2;max-width:840px;margin:0}
.v28-body{width:min(990px,calc(100% - 80px));margin:0 auto;padding:51px 0 74px}
.v28-intro{background:#e9f7f2;border:1px solid #d0e9e0;padding:23px 27px;border-radius:15px;margin:0 0 38px;line-height:1.7;color:#285266}
.v28-intro strong{color:#0a5147}
.v28-intro p{margin:7px 0 0}
.v28-chapter{margin:0 0 41px;scroll-margin-top:90px}
.v28-chapter .v28-count{display:block;color:#128667;font-size:12px;font-weight:850;letter-spacing:.07em;margin-bottom:9px}
.v28-chapter h2{font-size:clamp(24px,2.8vw,33px);line-height:1.2;letter-spacing:-.6px;color:#0a3045;margin:0 0 15px}
.v28-chapter h3{font-size:19px;color:#123d4d;margin:24px 0 10px}
.v28-chapter p,.v28-chapter li{font-size:16px;line-height:1.8;color:#35536a}
.v28-chapter p{margin:0 0 15px}
.v28-chapter ul,.v28-chapter ol{padding-left:24px;margin:14px 0}
.v28-chapter li{margin-bottom:7px}
.v28-chapter strong{color:#102f44}
.v28-chapter a,.v28-more a{color:#006b53;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.v28-info{padding:18px 21px;border-left:4px solid #168f73;background:#eef9f4;border-radius:9px;margin:20px 0;color:#234f54;line-height:1.7}
.v28-info.is-warning{background:#fff7e9;border-left-color:#c88627;color:#6e4b26}
.v28-flow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:17px 0 26px}
.v28-flow span{background:#e3f7ee;border:1px solid #c3e8d7;padding:12px 13px;border-radius:9px;color:#145b4d;font-size:14px;font-weight:800}
.v28-flow b{color:#328c75}
.v28-table-scroll{overflow-x:auto;border:1px solid #d7e7e9;border-radius:14px;margin:20px 0}
.v28-table{border-collapse:collapse;width:100%;min-width:600px}
.v28-table th,.v28-table td{padding:14px 16px;border-bottom:1px solid #dce8eb;text-align:left;vertical-align:top;color:#2e4f60;line-height:1.55;font-size:14px}
.v28-table th{background:#e8f8f1;color:#0b5f50}
.v28-table tr:last-child td{border-bottom:0}
.v28-more{background:#eaf7f2;border:1px solid #d1ebe2;padding:25px 28px;border-radius:16px;margin-top:28px}
.v28-more h2{margin:0 0 9px;font-size:24px;color:#123b4c}
.v28-more p{color:#36596a;line-height:1.7}
.v28-more ul{margin:13px 0 0;padding-left:21px;line-height:2}
.v28-byline{font-size:13px!important;color:#5d7280!important;margin:10px 0 0!important}
.v28-checklist{display:grid;gap:13px;margin:25px 0}
.v28-question{background:#fff;border:1px solid #d9e7e8;padding:20px 22px;border-radius:14px;min-width:0}
.v28-question legend{font-size:16px;font-weight:800;color:#102f44;padding:0 5px}
.v28-question>p{font-size:14px;line-height:1.6;color:#4c6876;margin:7px 0 15px}
.v28-options{display:flex;flex-wrap:wrap;gap:9px}
.v28-option{position:relative;cursor:pointer}
.v28-option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}
.v28-option span{display:block;border:1px solid #bdd5dd;border-radius:9px;padding:10px 15px;min-width:110px;text-align:center;font-size:14px;font-weight:750;color:#274c59;background:#fff}
.v28-option input:checked+span{background:#0d6d55;border-color:#0d6d55;color:white}
.v28-option input:focus-visible+span{outline:3px solid #40d8a9;outline-offset:3px}
.v28-progress{background:#d8e8e5;border-radius:15px;height:9px;overflow:hidden;margin:12px 0}
.v28-progress>span{display:block;width:0;height:100%;background:#16ac85;transition:width .2s}
.v28-meter{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:800;color:#0a6b55}
.v28-actions{display:flex;flex-wrap:wrap;gap:11px;margin:25px 0}
.v28-actions button{border-radius:10px;padding:13px 20px;border:0;background:#007e60;color:#fff;font:inherit;font-weight:800;cursor:pointer;min-height:44px}
.v28-actions button.secondary{background:white;color:#17455a;border:1px solid #b8cfd6}
.v28-actions button:hover{filter:brightness(.9)}
.v28-actions button:focus-visible{outline:3px solid #15b68b;outline-offset:3px}
.v28-results{background:#e6f7ef;border:1px solid #bfe3d4;border-radius:15px;padding:23px 26px;margin-top:24px;scroll-margin-top:100px}
.v28-results h2{margin:0 0 11px;color:#104034}
.v28-results p,.v28-results li{line-height:1.7;color:#315a54}
.v28-results ul{padding-left:22px;margin-bottom:0}
.v28-results[hidden]{display:none}
.v28-noscript{background:#fff0d8;border:1px solid #e9c18d;border-radius:10px;padding:16px 20px;color:#66451e}
@media(max-width:680px){.v28-hero{padding:30px 0 42px}.v28-body{width:calc(100% - 36px);padding:30px 0 50px}.v28-intro,.v28-more,.v28-results{padding:19px}.v28-question{padding:17px 13px}.v28-option span{min-width:83px;padding:10px}.v28-flow{align-items:stretch}.v28-flow span{max-width:100%}.v28-chapter p,.v28-chapter li{font-size:15px}}
