/* CMS additions; the public website's layout and typography live in dossier.css. */
.preview-banner{padding:12px 24px;background:#1E6E45;color:#fff;font:12px 'JetBrains Mono',monospace}.preview-banner a{text-decoration:underline;margin-left:16px}
#site-root{min-height:100vh}.btn{cursor:pointer}.rol-content{min-width:0;overflow-wrap:anywhere}
.studio-section{padding:48px 0;border-bottom:1px solid var(--inkt)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.content-card{border-top:2px solid var(--oxblood);padding:22px 0;min-width:0}.content-card h3{font-size:26px;font-weight:500;margin:10px 0}.content-card p,.content-block p{font-size:16px;line-height:1.6;margin-bottom:12px}.content-tag{font:10px var(--font-mono);color:var(--oxblood-accent)}
.content-card details{margin-top:16px}.content-card summary{font:12px var(--font-mono);cursor:pointer;margin-bottom:16px}.content-block{margin:16px 0}.content-block h3{font-size:21px;font-weight:500;margin-bottom:10px}.content-block ul,.content-block ol{padding-left:20px}.content-block li{line-height:1.6;margin-bottom:5px}.content-callout{padding:16px;border-left:3px solid var(--oxblood);background:var(--inkt-06)}
.overmij .content-block{margin:12px 0}.overmij .content-block h3{font-size:19px}.overmij .content-block li{font-size:15px;font-weight:300;line-height:1.6}.overmij-tekst p+p{margin-top:12px}
.content-image{width:100%;max-height:350px;object-fit:cover;margin:16px 0}.service-contact{display:inline-block;margin-top:16px;border-bottom:1px solid var(--oxblood);padding:8px 0;font:12px var(--font-mono)}
.qualification{padding:12px 0;border-bottom:1px solid var(--inkt-20)}.qualification strong{font-weight:500}.qualification span{display:block;font:11px var(--font-mono);margin-top:4px}.qualification p{margin-top:6px;line-height:1.5}
/* The CV is a reading document, not a landing page with full-height sections. */
.cv-view{--max:960px}.cv-view .kop{padding:30px 0 22px}.cv-view .kop-grid{grid-template-columns:minmax(0,1fr) 150px;gap:30px}.cv-view .kop h1{font-size:34px;line-height:1.15}.cv-view .kop h1 em{font-size:24px}.cv-view .eyebrow{margin-bottom:10px;font-size:10px}.cv-view .kop-intro{font-size:16px;line-height:1.5;margin:12px 0}.cv-view .pasfoto{width:140px;height:172px}.cv-view .pasfoto img{width:100%;height:100%;object-fit:cover}.cv-view .stempel{display:none}.cv-view .certstrip{margin-top:14px;gap:12px;font-size:10px}.cv-contact{font:11px/1.6 var(--font-mono);margin:10px 0}.cv-view .overmij{padding:22px 0;gap:20px}.cv-view .overmij-tekst p,.cv-view .overmij .content-block li{font-size:15px;line-height:1.5}.cv-view .vaardigheden{padding:24px 0}.cv-view .vaar-inner{padding-top:0;padding-bottom:0}.cv-view .sectie-kop{margin-bottom:18px}.cv-view .sectie-kop h2{font-size:27px}.cv-view .vaar-rij{padding:10px 0}.cv-view .ervaring{padding:28px 0}.cv-view .rol{padding:18px 0;gap:16px}.cv-view .rol-org b{font-size:20px}.cv-view .rol-desc,.cv-view .rol-punten{font-size:15px;line-height:1.5}.cv-view .rol-punten li{margin-bottom:4px}.cv-view .studio-section{padding:24px 0}.cv-view .contact{display:none}
@media(max-width:640px){.content-grid{grid-template-columns:1fr}.cv-view .kop-grid{grid-template-columns:minmax(0,1fr) 90px;gap:14px}.cv-view .kop-grid>div{order:initial}.cv-view .pasfoto{width:90px;height:112px}.cv-view .kop h1{font-size:27px}.cv-view .kop h1 em{font-size:19px}.cv-view .pasfoto-naam{font-size:8px}.cv-view .eyebrow{font-size:8px}.cv-view .overmij{display:block}.cv-view .overmij-eyebrow{margin-bottom:10px}}
@media print{
 @page{size:A4;margin:13mm 14mm}body{background:white;color:#111}.no-print,nav,.waarmerk,.footer,.stempel,.guilloche{display:none!important}
 .cv-view{--max:none}.wrap,.vaar-inner{max-width:none!important;padding:0!important}
 .cv-view .kop{padding:0 0 14px}.cv-view .kop-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 100px!important;gap:22px!important}.cv-view .kop-grid>div{order:initial!important;grid-column:auto!important}
 .cv-view .kop h1{font-size:27px}.cv-view .kop h1 em{font-size:19px}.cv-view .kop-intro{font-size:12px;line-height:1.45}.cv-view .pasfoto{width:100px;height:124px}.cv-view .eyebrow{font-size:8px}.cv-view .pasfoto-naam{font-size:8px}.cv-contact{font-size:9px;line-height:1.5}.cv-view .certstrip{font-size:8px;line-height:1.4;margin-top:10px}
 .cv-view .overmij{display:block;padding:14px 0}.cv-view .overmij-eyebrow{margin-bottom:7px;font-size:9px}.cv-view .overmij-tekst p,.cv-view .overmij .content-block li{font-size:11.5px;line-height:1.45}.cv-view .overmij .content-block h3{font-size:15px;margin-bottom:6px}.cv-view .content-block{margin:9px 0}
 .cv-view .vaardigheden{background:white!important;color:#111!important;padding:14px 0;border-block:1px solid #bbb}.cv-view .vaar-label,.cv-view .vaar-items,.cv-view .vaardigheden h2,.cv-view .sectie-nr{color:#111!important}.cv-view .vaar-rij{padding:6px 0;border-color:#ccc}.cv-view .vaar-label,.cv-view .vaar-items{font-size:10px;line-height:1.45}
 .cv-view .sectie-kop{margin:12px 0 10px;break-after:avoid}.cv-view .sectie-kop h2{font-size:20px}.cv-view .ervaring{padding:14px 0;break-before:auto}.cv-view .rol{display:grid;grid-template-columns:18px 78px minmax(0,1fr)!important;gap:10px;padding:11px 0;break-inside:avoid}.cv-view .rol>span,.cv-view .rol-content{grid-column:auto!important;grid-row:auto!important}.cv-view .rol-content{padding-left:0!important}.cv-view .rol-org b{font-size:15px}.cv-view .rol-titel,.cv-view .rol-periode{font-size:9px;line-height:1.4}.cv-view .rol-desc,.cv-view .rol-punten{font-size:11.5px;line-height:1.45}.cv-view .rol-tags{font-size:8px;line-height:1.4}.cv-view .studio-section{padding:12px 0}.qualification{padding:8px 0;break-inside:avoid}.qualification strong{font-size:12px}.qualification span,.qualification p{font-size:10px;line-height:1.45}
}
/* CMS has a services link where the source site has a hidden mobile item. */
@media(max-width:640px){nav{flex-wrap:wrap;gap:14px}.nav-links{flex-wrap:wrap;gap:12px;min-width:0}}
/* Stronger ink for long CV passages; website source colours remain unchanged. */
.cv-view .rol-desc,.cv-view .rol-punten,.cv-view .overmij-tekst p,.cv-view .kop-intro{color:var(--inkt);font-weight:400}
@media print{.cv-view .rol-desc,.cv-view .rol-punten,.cv-view .overmij-tekst p,.cv-view .kop-intro{color:#222;font-weight:500}.cv-view .studio-section>p{font-size:11.5px}.cv-view .rol-tags{color:#555}}

/* Numbered website sections alternate red and parchment; print CV has its own route. */
.education-band,.content-band{background:var(--oxblood);color:var(--perkament)}
.education-band .sectie-kop,.content-band .sectie-kop{border-color:var(--perk-55)}
.education-band .sectie-nr,.education-band .qualification span,.content-band .sectie-nr,.content-band .content-tag{color:var(--goud)}
.education-band .qualification{border-color:var(--perk-18)}
.education-band .qualification p{font-weight:300;color:var(--perk-90)}
.content-band .content-card,.content-band .studio-section{border-color:var(--perk-18)}

.code-example{display:block;max-width:100%;min-width:0;overflow-x:auto;white-space:pre;tab-size:2;margin:18px 0;padding:18px;background:#211d1a;color:#f2eadb;border:1px solid #8c795f;border-radius:3px;font:13px/1.65 'JetBrains Mono',monospace;text-align:left}.code-example code{font:inherit;background:none;color:inherit;padding:0}.code-example:focus-visible{outline:2px solid #d9b44a;outline-offset:3px}p code{font: .85em 'JetBrains Mono',monospace;background:rgba(128,110,80,.16);padding:2px 4px;overflow-wrap:anywhere}@media print{.code-example{white-space:pre-wrap;overflow-wrap:anywhere;background:white;color:#211d1a}}

.formatted-list{padding-left:1.5em;margin:14px 0 20px;list-style-position:outside}.formatted-list li{padding-left:.3em;margin:0 0 .65em;line-height:1.65}.formatted-list li::marker{color:var(--oxblood-accent,#7b2936);font-weight:600}.formatted-list strong{font-weight:600}.content-band .formatted-list li::marker{color:var(--goud)}

.content-link{color:var(--oxblood-accent,#7b2936);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.content-band .content-link,.education-band .content-link{color:var(--goud,#d9b44a)}.content-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}