.artlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:clamp(28px,4vw,44px);text-align:left}
.artcard{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #d9e7f4;border-radius:18px;padding:22px 22px 24px;color:var(--text);text-decoration:none;box-shadow:0 18px 40px -30px rgba(11,37,69,.35);transition:transform .2s,box-shadow .2s}
.artcard:hover{transform:translateY(-2px);box-shadow:0 24px 44px -28px rgba(11,37,69,.45)}
.artcard .kicker{margin:0;font-size:12px}
.artcard b{font-family:var(--display);font-size:20px;line-height:1.2;letter-spacing:-.015em}
.artcard .lees{color:var(--text-muted);font-size:15px;line-height:1.5}
.art-hero{background:radial-gradient(70% 70% at 50% 0%,#e3eef9 0%,rgba(227,238,249,0) 70%),linear-gradient(180deg,#ffffff,#f3f7fb);padding-block:clamp(36px,6vw,72px) clamp(20px,3vw,32px)}
.art-hero .wrap,.art-body .wrap{max-width:780px}
.art-hero .crumbs{font-size:14px;color:var(--text-muted);margin-bottom:14px}
.art-hero .crumbs a{color:var(--brand);text-decoration:none}
.art-hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.05;font-weight:700;letter-spacing:-.02em}
.art-meta{display:flex;align-items:center;gap:12px;margin-top:18px;color:var(--text-muted);font-size:14.5px}
.art-meta img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.art-meta b{color:var(--text)}
.art-body{padding-block:clamp(20px,3vw,32px) clamp(48px,7vw,88px)}
.art-body .antwoord{background:#eef5fc;border-left:4px solid var(--brand);border-radius:0 14px 14px 0;padding:18px 22px;font-size:18px;line-height:1.6;color:var(--text);margin-bottom:28px}
.art-body .antwoord b{display:block;font-family:var(--display);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:6px}
.art-body h2{font-size:clamp(23px,2.4vw,29px);letter-spacing:-.02em;margin-top:36px;line-height:1.2}
.art-body p,.art-body li{font-size:17.5px;line-height:1.7;color:#2b3a50}
.art-body p{margin-top:14px}
.art-body ul,.art-body ol{margin:12px 0 0;padding-left:22px}
.art-body li{margin-top:6px}
.art-body a{color:var(--brand);font-weight:600}
.art-cta{margin-top:40px;background:#0b1526;color:#fff;border-radius:20px;padding:clamp(22px,3vw,32px);text-align:center}
.art-cta h2{color:#fff;margin-top:0}
.art-cta p{color:var(--ink-muted)}
.art-cta .btns{justify-content:center;margin-top:18px}
.art-cta .btn{width:auto;padding-inline:22px}
.art-cta .btn.fill{background:var(--accent);color:#06101c;border-color:var(--accent)}
.art-cta .btn.line{color:#fff;border-color:rgba(255,255,255,.4)}
.art-bron{margin-top:36px;padding-top:18px;border-top:1px solid var(--line-light);font-size:14.5px;color:var(--text-muted)}
.art-bron h2{font-size:16px;margin-top:0;letter-spacing:0}
.art-bron li{font-size:14.5px;line-height:1.5}
.art-auteur{margin-top:28px;display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line-light);border-radius:18px;padding:18px}
.art-auteur img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}
.art-auteur p{margin:4px 0 0;font-size:15px;line-height:1.5}
.cklist{background:#fff;border:1px solid #d9e7f4;border-radius:18px;padding:6px 22px 18px}
.cklist h2{font-size:18px;margin-top:22px;color:var(--brand);letter-spacing:0}
.cklist label{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line-light);font-size:16.5px;line-height:1.5;cursor:pointer}
.cklist input{width:20px;height:20px;margin-top:3px;accent-color:var(--brand);flex:none}
.ckscore{margin-top:16px!important;font-size:17px!important}
@media (max-width:600px){.art-body p,.art-body li{font-size:16.5px}.art-auteur{flex-direction:column}}