.rpx{--warm-ink:#2B2722;--ivory:#F7F3EA;--fog:#EFE8DA;--stone:#685F54;--warm-teal:#1F7D73;--warm-teal-hover:#1A6D64;--line:#D6CEC0}
.rpx .rp{--kr-ink:#2B2722;--kr-paper:#FDFAF4;--kr-fog:#F5EFE3;--kr-line:#E2D9C9;--kr-stone:#6E665A;--kr-teal:#1F7D73;--rp-mono:"IBM Plex Mono",ui-monospace,monospace;color:#685F54}
.rhero .rhero-g{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center;padding-top:96px;padding-bottom:56px}
.picks{display:flex;flex-direction:column;gap:16px}
.pick{position:relative;display:flex;flex-direction:column;gap:8px;padding:28px 32px;border-radius:4px;text-decoration:none;color:#2B2722;box-shadow:0 1px 2px rgba(43,39,34,0.06);transition:box-shadow .3s ease,transform .3s ease;border:1px solid transparent}
.pick.tw{background:radial-gradient(80% 120% at 100% 100%,rgba(var(--warm),.85) 0%,rgba(var(--warm),0) 70%),#F7F1E6}
.pick.tc{background:radial-gradient(80% 120% at 100% 100%,rgba(186,216,201,.65) 0%,rgba(186,216,201,0) 70%),#F1F1EA}
.pick:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(43,39,34,0.10);color:#2B2722}
.pick.is-active{border-color:#2B2722;box-shadow:0 14px 32px rgba(43,39,34,0.10)}
.pick:not(.is-active){opacity:.82}
.pick:not(.is-active):hover{opacity:1}
.pick-t{font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.2px}
.serif .pick-t{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:28px}
.pick-m{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px;color:#685F54}
.pick-m b{color:#2B2722;font-weight:600;font-variant-numeric:tabular-nums}
.pick .ex-go{margin-top:8px}
.rviewer{background:linear-gradient(180deg,#F7F3EA 0%,#EFE8DA 100%);padding:16px 0 120px}
.rbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
.rcur{margin:0;display:flex;align-items:baseline;gap:12px;font-size:17px;font-weight:600;color:#2B2722}
.rtog{display:inline-flex;padding:4px;background:#EFE8DA;border-radius:4px;gap:4px}
.rtb{appearance:none;border:0;background:transparent;font:inherit;font-size:15px;font-weight:500;color:#685F54;padding:10px 16px;border-radius:3px;cursor:pointer;min-height:44px}
.rtb.on{background:#FDFAF4;color:#2B2722;box-shadow:0 1px 2px rgba(43,39,34,0.1)}
.rtb:focus-visible{outline:3px solid #2B2722;outline-offset:2px}
.rstack{position:relative}
.rstack::before,.rstack::after{content:"";position:absolute;inset:0;border-radius:4px;background:#FBF7EF}
.rstack::before{transform:translate(12px,12px) rotate(.4deg);background:#F2EBDD}
.rstack::after{transform:translate(6px,6px) rotate(.2deg)}
.rpaper{position:relative;z-index:1;background:#FDFAF4;border-radius:4px;box-shadow:0 1px 2px rgba(43,39,34,0.07),0 18px 44px rgba(43,39,34,0.08);overflow:hidden}
.rpaper.is-collapsed{max-height:1300px}
.rfade{display:none}
.rpaper.is-collapsed .rfade{display:flex;position:absolute;left:0;right:0;bottom:0;height:260px;align-items:flex-end;justify-content:center;padding-bottom:40px;background:linear-gradient(180deg,rgba(253,250,244,0) 0%,#FDFAF4 70%)}
.rexp{background:#2B2722;color:#F7F3EA;border-radius:4px;min-height:48px;padding:0 24px;border:0;cursor:pointer;font-weight:600}
.rpx .kr{background:#FDFAF4}
.rpx .kr-cover{background:#2B2722;background-image:radial-gradient(60% 90% at 88% 0%,rgba(var(--warm),.20),transparent 62%)}
.rpx .kr-chapter{background:#2B2722;border-radius:4px;background-image:radial-gradient(70% 120% at 100% 0%,rgba(var(--warm),.16),transparent 60%)}
.serif .kr-cover-title,.serif .kr-chapter-title,.serif .kr-hero-diag{font-family:Newsreader,Georgia,serif;font-weight:400}
.rpx .kr-kern{background:radial-gradient(70% 90% at 100% 0%,rgba(var(--warm),.45),transparent 70%),#F5EFE3}
.rpx .kr-cite-item{background:rgba(var(--warm),.55);color:#2B2722;border-color:transparent}
.rpx .kr-quote{border-left-color:#2B2722}
.rpx .kr-gap{border-radius:4px}
.vt{padding:32px 32px 8px}
.vtbl th[scope=row]{text-align:left;font-weight:600;padding:16px 24px 16px 0;border-bottom:1px solid #D6CEC0;vertical-align:top;width:28%;font-size:15px}
.vtbl td{font-size:15px}
.vtbl thead th:last-child,.vtbl tbody td:last-child{background:rgba(186,216,201,.28)}
.vtbl thead th:nth-child(2),.vtbl tbody td:nth-child(2){background:rgba(var(--warm),.35)}
.vtbl td,.vtbl thead th{padding-left:16px !important}
#cta .btn{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:4px;background:#1F7D73;color:#FDFAF4;text-decoration:none;font-weight:600}
@media (max-width: 960px){.rhero .rhero-g{order:2;grid-template-columns:minmax(0,1fr);padding-top:48px;padding-bottom:72px}.rhero>header{order:1}}


/* ---- Rapport in nieuwe stijl ---- */
.rpx .rp{--kr-teal:#5C5347}
.rpx .kr{font-size:16px;color:#3D3730}
.rpx .kr-cover{padding-top:44px;padding-bottom:48px}
.rpx .kr-cover-kicker,.rpx .kr-eyebrow{color:#C9B48F}
.rpx .kr-eyebrow{color:#685F54}
.rpx .kr-kern{padding-top:44px;padding-bottom:48px}
.rpx .kr-kern-grid{background:transparent;border:0;gap:12px;border-radius:0}
.rpx .kr-kern-item{background:#FDFAF4;border-radius:4px;box-shadow:0 1px 2px rgba(43,39,34,0.06)}
.rpx .kr-kern-item:first-child{background:#2B2722;color:#F7F3EA}
.rpx .kr-kern-item:first-child .kr-kern-value{color:#F7F3EA}
.rpx .kr-kern-item:first-child .kr-kern-label,.rpx .kr-kern-item:first-child .kr-kern-sub{color:#B8AE9F}
.rpx .kr-kern-value{font-size:1.05rem}
.rpx .kr-redact{background:#E6DECF;color:#5C5347;border-radius:2px;letter-spacing:.06em}
.rpx .kr-cover .kr-redact{background:rgba(247,243,234,.14);color:#F7F3EA}
.rpx .kr-tiles>*{border-radius:4px;border-color:#E2D9C9;background:#FDFAF4}
.rpx .kr-tile-ic{border-color:#B8AE9F}
.rpx .kr-miss{background:rgba(var(--warm),.35) !important;border-color:#B58A55 !important;color:#7A5328 !important}
.rpx .kr-miss .kr-tile-ic{border-color:#B58A55 !important}
.rpx .kr-compl-bar span{background:#2B2722}
.rpx .kr-sec-head h3{font-size:1.45rem;letter-spacing:-.2px}
.serif .kr-sec-head h3,.serif .kr-kern .kr-hero-diag,.serif .kr-kern-head h3{font-family:Newsreader,Georgia,serif;font-weight:400}
.serif .kr-sec-head h3{font-size:1.7rem}
.rpx .kr-sec-num{color:#685F54}
.rpx .kr-sec-by{color:#685F54}
.rpx .kr-sec-by::before{border-color:#B8AE9F}
.rpx .kr-sec-arts .kr-sec-by{color:#1F7D73}
.rpx .kr-sec-arts .kr-sec-by::before{background:#1F7D73;border-color:#1F7D73}
.rpx .kr-sec{border-color:#E2D9C9}
.rpx .kr-sec-arts .kr-sec-by{background:rgba(186,216,201,.45);padding:5px 8px 5px 6px;border-radius:2px;color:#1A6D64}
.rpx .kr-cite-label{color:#685F54}
.rpx .kr-cite-item{border-radius:2px}
.rpx .kr-axis-dot{background:#2B2722;box-shadow:0 0 0 3px #FDFAF4}
.rpx .kr-axis-dot:first-child{background:#1F7D73}
.rpx .kr-timeline [class*=kr-axis-lab],.rpx .kr-timeline .kr-v{color:#685F54}
.rpx .kr-gap,.rpx .kr-contra{background:#FDFAF4;border:1px solid #E2D9C9;border-left:2px solid #2B2722;border-radius:0 4px 4px 0}
.rpx .kr-gap{background:linear-gradient(90deg,rgba(var(--warm),.38),rgba(var(--warm),0) 60%),#FDFAF4;border-left-color:#B58A55}
.rpx .kr-quote{border-left:2px solid #2B2722;padding-left:24px}
.serif .kr-quote p,.serif .kr-quote>div:first-child{font-family:Newsreader,Georgia,serif}
.rpx .kr-table thead th{color:#685F54;border-bottom:2px solid #2B2722}
.rpx .kr-table tbody th{border-bottom:1px solid #E2D9C9 !important;color:#2B2722}
.rpx .kr-table td{border-color:#E2D9C9}
.rpx .kr-bnr{color:#685F54}
.rpx .kr-chapter{border-radius:4px}
.rpx .kr-toc a{color:#685F54}
.rpx .kr-toc a:hover{color:#2B2722}
.rpx .kr-toc-part{color:#2B2722}
.rpx .kr-share-bar span:first-child{background:#B8AE9F}
.rpx .kr-share-bar span:last-child{background:#1F7D73}
.rpx .kr-foot{color:#685F54;border-color:#E2D9C9}
.rpx .kr-kern-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
.serif .kr-hero-diag p{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:2.4rem;line-height:1.12;letter-spacing:-.4px}
.rpx .kr-note{border-left-color:#B58A55}
.rpx .kr-note span{color:#685F54}
.rpx .kr-tile-ic{border-color:#8F8576;background:rgba(var(--warm),.35)}
.rpx .kr-tile-ic::after{border-color:#8F8576}
@media (max-width: 640px){.rpx .kr-kern-grid{grid-template-columns:minmax(0,1fr) !important}.serif .kr-hero-diag p{font-size:1.8rem}}

.rpaper.is-collapsed{overflow:hidden}
.rpaper:not(.is-collapsed) .rfade{display:none !important}
.rpx .rp-frame{position:relative}
#cta .btn:hover{background:#1A6D64;color:#FDFAF4}
.rpx .ks-x{}
/* base.css (demo's) zet .hero smal en klein; hier terugzetten naar de site-stijl */
.rpx .hero.rhero{padding:0;max-width:none;margin:0}
.rpx .hero.rhero h1{font-size:60px;line-height:1.04;letter-spacing:-1.4px;margin:0;max-width:none}
.rpx .hero.rhero p{max-width:none}
.rpx .hero.rhero .lead{font-size:21px;line-height:1.5;color:#685F54}
.rpx .hero.rhero p.cap{font-size:13px;line-height:1.4;color:#685F54}
.rpx .sec .h2,.rpx .sec .h3{color:#2B2722}
.rpx .sec.ink .h2{color:#F7F3EA}
@media (max-width: 640px){.rpx .hero.rhero h1{font-size:42px;letter-spacing:-.8px}.rpx .hero.rhero .lead{font-size:18px}}
@media (max-width: 640px){.vtbl td[data-l]::before{content:attr(data-l);display:block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#685F54;margin-bottom:2px}.rpx{overflow-x:clip}}
.rpx .rhero .rhero-g{width:100%;box-sizing:border-box}
@media (max-width: 1100px){.rpx #verschil .split{grid-template-columns:minmax(0,1fr)}.vt{overflow-x:auto}}