:root{--inkt:#1c2630;--papier:#f4f6f8;--accent:#4a7fa8;--accent-d:#2f5a7e;--zacht:#586772;--lijn:#dde6ec}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Karla",system-ui,sans-serif;background:var(--papier);color:var(--inkt);line-height:1.72}
.pc1{max-width:860px;margin:0 auto;padding:0 24px}
.sq4{background:#fff;border-bottom:1px solid var(--lijn)}
.sq4 .pc1{display:flex;justify-content:space-between;align-items:center;padding:18px 24px}
.jp4{font-family:"Bitter",serif;font-weight:600;font-size:1.3rem;color:var(--accent-d);text-decoration:none}
.sq4 nav a{color:var(--inkt);text-decoration:none;margin-left:22px;font-size:.96rem}
.sq4 nav a:hover{color:var(--accent)}
.eb1{background:linear-gradient(180deg,#fff,var(--papier));padding:56px 0 34px;text-align:center}
.eb1.qg5{padding:40px 0 26px}
.mt4{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:13px}
h1{font-family:"Bitter",serif;font-weight:600;font-size:clamp(2rem,5vw,3rem);line-height:1.12;color:var(--inkt)}
.qj9{font-size:1.13rem;max-width:42em;margin:16px 0 0;margin-left:auto;margin-right:auto;color:var(--zacht)}
main{padding:37px 0}
.my1{max-width:44em;margin:0 0 39px}
.my1 p{margin-top:12px}
h2{font-family:"Bitter",serif;font-weight:600;font-size:1.5rem;color:var(--accent-d);margin-bottom:6px}
.mg4{margin-top:45px;padding-top:24px;border-top:1px solid var(--lijn)}
.of1{color:var(--zacht);font-size:.94rem;margin-bottom:12px}
.pc7{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:0}
.pc7 li{font-size:.9rem}
.pc7 a{color:var(--zacht);text-decoration:none;border-bottom:1px solid var(--lijn)}
.pc7 a:hover{color:var(--accent);border-color:var(--accent)}
.mh9{background:var(--inkt);color:#cfd8d4;margin-top:40px}.mh9 .pc1{padding:22px 24px;font-size:.9rem;text-align:center}
.mh9 a{color:var(--papier);text-decoration:underline;text-underline-offset:2px}.mh9 a:hover{color:#fff}