/* Gaspard 24-10-2026: dezelfde siteschil, ruime kaarten en één rustige leeskolom.
   Alleen de leesweergave: historische bronbestanden en hashes blijven ongewijzigd. */
@font-face{font-family:"Plus Jakarta Sans";src:url("vox-footer-jakarta.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
/* Subset van tools/og/sources/SourceSerif4.ttf; licentie: SourceSerif4-OFL.txt aldaar. */
@font-face{font-family:"Source Serif 4";src:url("legal-source-serif.ttf") format("truetype");font-weight:200 900;font-style:normal;font-display:swap}
body.legal-site{background:#F8F5EF;font-family:"Plus Jakarta Sans",sans-serif;color:#19483E}
.legal-site .wrap,.legal-site .wrap.legalarchief{max-width:1224px}
.legal-site main{background:#F8F5EF;padding-bottom:48px}
.legal-site main :is(p,li,h1,h2,h3,h4,.upd,.legalnote,.legalfoot){text-wrap:pretty;overflow-wrap:break-word}
body.legal-site[data-bloei-page="site"] main :is(.pagehero h1,h1,h2,h3){font-family:"Source Serif 4",serif;letter-spacing:-.02em}
.legal-site main :is(h1,h2){text-wrap:balance}
.legal-site .pagehero{background:#F8F5EF;padding:48px 0 32px}
.legal-site .pagehero .grid{display:none}
.legal-site .pagehero h1{max-width:880px}
.legal-site .pagehero p{max-width:880px;font-size:16px;line-height:1.75}
.legal-site :is(.legal,.legalarchief,.privacy-document .card){max-width:none;background:#FFFDF9;border:1px solid #D8E2DB;border-radius:20px;padding:32px;margin:0 auto;text-align:left}
.legal-site .legal>:not(style),.legal-site .legalarchief>:not(style),.legal-site .privacy-document .card>:not(.privacy-table){max-width:880px;margin-left:auto;margin-right:auto}
.legal-site .legal p,.legal-site .legalarchief p,.legal-site .privacy-document p,.legal-site .privacy-document li{font-size:clamp(16px,1.35vw,19px);line-height:1.75;color:#526A63}
.legal-site .legal :is(h2,h3),.legal-site .privacy-document :is(h2,h3){font-size:23px;font-weight:700;color:#19483E;margin-top:32px;margin-bottom:10px;line-height:1.35}
.legal-site .legal>:first-child,.legal-site .privacy-document .card>:first-child{margin-top:0}
.legal-site .legal p{margin-bottom:14px}
.legal-site main a{color:#0C7064;text-decoration:underline;text-underline-offset:3px}
/* De knop Bekijk de actuele teststatus op /veilig is wit op donkergroen; de algemene linkkleur mag hem niet overschrijven (contrast 1,7:1 gemeten 25-10-2026). */
.legal-site main a.safe-live-button{color:#fff;text-decoration:none}
.legal-site .legalnote{background:#E9F4F0;border-color:#D8E2DB;color:#19483E}
.legal-site .legalnote b{color:inherit}
.legal-site .privacy-document{padding-top:32px;padding-bottom:16px}
.legal-site .privacy-document>:not(.card){max-width:880px;margin-left:auto;margin-right:auto}
.legal-site .privacy-document h1{font-size:clamp(32px,4.5vw,54px);line-height:1.12;margin-top:18px;margin-bottom:12px}
.legal-site .privacy-document .upd{font-size:14px;color:#526A63;margin-bottom:20px;text-wrap:balance}
.legal-site .privacy-document p{margin-top:10px;margin-bottom:14px}
.legal-site .privacy-document ul{padding-left:24px;margin-top:10px;margin-bottom:18px}
.legal-site .privacy-document li{margin:8px 0}
.legal-site .privacy-document .scope-intro{background:#E9F4F0;border:1px solid #D8E2DB;border-radius:12px;padding:20px;margin-bottom:28px}
.legal-site .privacy-document .scope{display:inline;white-space:nowrap;font:700 12px/1.6 "Plus Jakarta Sans",sans-serif;letter-spacing:0;padding:2px 9px;border:1px solid #D8E2DB;border-radius:20px;background:#E9F4F0;color:#19483E;vertical-align:middle}
.legal-site .privacy-document .scope.app{background:#F8F5EF}
.legal-site .privacy-table{max-width:100%;overflow-x:auto;margin:20px 0}
.legal-site .privacy-table:focus-visible{outline:3px solid #C88B43;outline-offset:3px}
.legal-site .privacy-table table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.legal-site .privacy-table :is(th,td){text-align:left;padding:12px;border-top:1px solid #D8E2DB;vertical-align:top}
.legal-site .privacy-table th{background:#E9F4F0;color:#19483E;font-weight:700}
.legal-site .privacy-document .foot{margin-top:28px;padding-top:16px;border-top:1px solid #D8E2DB;font-size:13px;line-height:1.75;color:#526A63;text-wrap:pretty}
.legal-site .privacy-back{display:inline-flex;align-items:center;min-height:44px}
.legal-site .safe-hero{background:#F8F5EF}
.legal-site .safe-heading{max-width:880px}
.legal-site .safe-section{padding:48px 0}
.legal-site .safe-section>.wrap{background:#FFFDF9;border:1px solid #D8E2DB;border-radius:20px;padding:32px}
.legal-site .safe-story,.legal-site .safe-status-wrap,.legal-site .safe-responsibility{grid-template-columns:minmax(0,1fr);gap:32px}
.legal-site :is(.safe-story,.safe-status-wrap,.safe-responsibility)>div:first-child{width:100%;max-width:880px;margin-inline:auto}
.legal-site .safe-layer-kolommen{columns:1;max-width:880px;margin-inline:auto}
.legal-site .safe-layers p,.legal-site .safe-responsibility-grid p{font-size:15px;line-height:1.75}
.legal-site .safe-layers{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:680px){
 .legal-site :is(.legal,.legalarchief,.privacy-document .card){padding:22px 16px;border-radius:14px}
 .legal-site .pagehero{padding:32px 0 20px}
 .legal-site .privacy-document h2{font-size:20px}
 .legal-site .pagehero h1{font-size:28px}
 .legal-site .privacy-document li{font-size:15px;padding-left:0}
 .legal-site .privacy-document ul{padding-left:18px}
 .legal-site section.s{padding:12px 0 32px}
 .legal-site .privacy-document .scope-intro{padding:16px}
 .legal-site .privacy-table table{min-width:640px}
 .legal-site .safe-section>.wrap{padding:24px 16px;border-radius:14px}
 .legal-site .safe-layers{grid-template-columns:minmax(0,1fr)}
}

/* Losse links in de juridische pagina's krijgen het aanraakdoel van 44 px dat de site-toets voor alleenstaande links eist (gemeten 25-10-2026). */
.legal-site .privacy-document .foot a{display:inline-flex;align-items:center;min-height:44px}