/* Hallmark · macrostructure: Paint Lab Bench · tone: laboratory editorial · anchor hue: ink-blue + coral
 * critique: P5 H5 E5 S5 R5 V5
 * contrast: pass · honest: pass · chrome: pass · tokens: pass · responsive: pass · icons: pass · mobile: pass
 */
html:has(body.postid-7474),body.postid-7474{overflow-x:clip}
#post-7474,body.postid-7474{background:var(--ns-7474-ns7474-paper)}
body.postid-7474 .ns7474-lab{font-family:var(--ns-7474-ns7474-body);color:var(--ns-7474-ns7474-ink);background:var(--ns-7474-ns7474-paper);line-height:1.72;margin:0 calc(50% - 50vw)}
body.postid-7474 .ns7474-lab h2,body.postid-7474 .ns7474-lab h3{font-family:var(--ns-7474-ns7474-display);letter-spacing:-.02em;line-height:1.08;overflow-wrap:anywhere}
body.postid-7474 .ns7474-lab h2{font-size:var(--ns-7474-ns7474-text-h2);margin:0 0 var(--ns-7474-ns7474-space-md)}
body.postid-7474 .ns7474-lab h3{font-size:var(--ns-7474-ns7474-text-h3);margin:0 0 var(--ns-7474-ns7474-space-sm)}
body.postid-7474 .ns7474-lab p{margin:0 0 1.05em}
body.postid-7474 .ns7474-lab a{color:var(--ns-7474-ns7474-deep);text-underline-offset:3px;transition:color var(--ns-7474-ns7474-dur-fast) var(--ns-7474-ns7474-ease-out)}
body.postid-7474 .ns7474-lab a:hover,body.postid-7474 .ns7474-lab a:active{color:var(--ns-7474-ns7474-accent)}
body.postid-7474 .ns7474-lab a:focus-visible,body.postid-7474 .ns7474-lab summary:focus-visible{outline:3px solid var(--ns-7474-ns7474-deep);outline-offset:4px}
body.postid-7474 .ns7474-lab strong{color:var(--ns-7474-ns7474-ink);font-weight:700}

/* === Laboratorium-raster: full-width secties met binnenliggende leesrail === */
body.postid-7474 .ns7474-band{width:min(1120px,calc(100% - 40px));margin-inline:auto}
body.postid-7474 .ns7474-section{padding-block:clamp(56px,8vw,88px)}
body.postid-7474 .ns7474-section + .ns7474-section{border-top:var(--ns-7474-ns7474-rule)}

/* === Hero === */
body.postid-7474 .ns7474-hero{padding:clamp(64px,9vw,120px) max(20px,calc((100vw - 1120px)/2)) var(--ns-7474-ns7474-space-lg);border-bottom:5px solid var(--ns-7474-ns7474-deep)}
body.postid-7474 .ns7474-kicker{font-family:var(--ns-7474-ns7474-mono);text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:700;color:var(--ns-7474-ns7474-deep)}
body.postid-7474 .ns7474-hero h2{font-size:var(--ns-7474-ns7474-text-display);max-width:920px;margin:.4em 0 .35em}
body.postid-7474 .ns7474-lead{font-size:var(--ns-7474-ns7474-text-lead);max-width:780px;color:var(--ns-7474-ns7474-mute)}
body.postid-7474 .ns7474-heroimg{margin-top:var(--ns-7474-ns7474-space-md);border:var(--ns-7474-ns7474-rule)}
body.postid-7474 .ns7474-heroimg img{display:block;width:100%;height:auto}
body.postid-7474 .ns7474-heroimg figcaption{padding:10px 16px;font-family:var(--ns-7474-ns7474-mono);font-size:.76rem;color:var(--ns-7474-ns7474-deep);background:var(--ns-7474-ns7474-paper-2)}

/* === Direct antwoord (kort-antwoordvlak) === */
body.postid-7474 .ns7474-answer{background:var(--ns-7474-ns7474-paper-2);border-left:6px solid var(--ns-7474-ns7474-accent);padding:clamp(20px,3vw,34px) clamp(18px,3vw,40px);font-size:1.08rem}
body.postid-7474 .ns7474-answer .ns7474-tag{display:inline-block;font-family:var(--ns-7474-ns7474-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ns-7474-ns7474-accent);margin-bottom:6px}

/* === Pigmentstrip-specimen (signatuur: functionele kleurstaat, geen iconen) === */
body.postid-7474 .ns7474-specimen{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:var(--ns-7474-ns7474-rule);overflow:hidden}
body.postid-7474 .ns7474-specimen-row{display:grid;grid-template-columns:minmax(0,92px) minmax(0,1fr) minmax(0,1.4fr);align-items:stretch}
body.postid-7474 .ns7474-specimen-row + .ns7474-specimen-row{border-top:var(--ns-7474-ns7474-rule)}
body.postid-7474 .ns7474-specimen-row .ns7474-swatch{min-height:46px}
body.postid-7474 .ns7474-specimen-row .ns7474-scode{font-family:var(--ns-7474-ns7474-mono);font-size:.72rem;letter-spacing:.04em;color:var(--ns-7474-ns7474-paper);background:var(--ns-7474-ns7474-deep);display:flex;align-items:center;padding:0 14px}
body.postid-7474 .ns7474-specimen-row .ns7474-slabel{padding:10px 16px;font-size:.92rem;display:flex;flex-direction:column;justify-content:center;background:var(--ns-7474-ns7474-paper)}
body.postid-7474 .ns7474-specimen-row .ns7474-slabel b{font-weight:700}
body.postid-7474 .ns7474-specimen-row .ns7474-slabel span{color:var(--ns-7474-ns7474-mute);font-size:.82rem}

/* === Meng-receptentabel === */
body.postid-7474 .ns7474-tablewrap{overflow-x:auto;border:var(--ns-7474-ns7474-rule);-webkit-overflow-scrolling:touch}
body.postid-7474 .ns7474-table{width:100%;border-collapse:collapse;min-width:640px;font-size:.95rem}
body.postid-7474 .ns7474-table caption{text-align:left;padding:14px 16px;font-family:var(--ns-7474-ns7474-display);font-size:1.05rem;background:var(--ns-7474-ns7474-paper-2);border-bottom:var(--ns-7474-ns7474-rule)}
body.postid-7474 .ns7474-table th,body.postid-7474 .ns7474-table td{text-align:left;padding:12px 16px;border-bottom:var(--ns-7474-ns7474-rule);vertical-align:top}
body.postid-7474 .ns7474-table thead th{font-family:var(--ns-7474-ns7474-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ns-7474-ns7474-mute);background:var(--ns-7474-ns7474-paper)}
body.postid-7474 .ns7474-table tbody tr:last-child td{border-bottom:0}
body.postid-7474 .ns7474-table td:first-child{font-weight:700}
body.postid-7474 .ns7474-table .ns7474-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--ns-7474-ns7474-mono);font-size:.74rem}
body.postid-7474 .ns7474-table .ns7474-chip::before{content:"";width:14px;height:14px;background:var(--ns-7474-ns7474-c);display:inline-block;border:1px solid var(--ns-7474-ns7474-line-2)}

/* === Split (additief vs subtractief) === */
body.postid-7474 .ns7474-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px)}
body.postid-7474 .ns7474-split .ns7474-card{border-top:5px solid var(--ns-7474-ns7474-deep);padding-top:18px}
body.postid-7474 .ns7474-split .ns7474-card.warm{border-top-color:var(--ns-7474-ns7474-warn)}
body.postid-7474 .ns7474-split .ns7474-card.cool{border-top-color:var(--ns-7474-ns7474-deep)}
body.postid-7474 .ns7474-split .ns7474-card .ns7474-mini{font-family:var(--ns-7474-ns7474-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ns-7474-ns7474-mute)}

/* === Margenotitie (lab-aantekening) === */
body.postid-7474 .ns7474-marginnote{width:min(1120px,calc(100% - 40px));margin:var(--ns-7474-ns7474-space-md) auto 0;padding-left:clamp(0px,6vw,96px);border-left:3px solid var(--ns-7474-ns7474-accent)}
body.postid-7474 .ns7474-marginnote .ns7474-mlabel{font-family:var(--ns-7474-ns7474-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ns-7474-ns7474-accent)}

/* === Genummerde lab-regels === */
body.postid-7474 .ns7474-rules{list-style:none;margin:0;padding:0}
body.postid-7474 .ns7474-rules li{display:grid;grid-template-columns:minmax(0,64px) minmax(0,1fr);gap:clamp(16px,3vw,32px);padding:24px 0;border-top:var(--ns-7474-ns7474-rule)}
body.postid-7474 .ns7474-rules li:last-child{border-bottom:var(--ns-7474-ns7474-rule)}
body.postid-7474 .ns7474-rules li .ns7474-rnum{font-family:var(--ns-7474-ns7474-mono);font-size:.78rem;letter-spacing:.08em;color:var(--ns-7474-ns7474-accent)}

/* === Foutdiagnose (oorzaak → correctie) === */
body.postid-7474 .ns7474-diag{overflow-x:auto;border:var(--ns-7474-ns7474-rule)}
body.postid-7474 .ns7474-diag table{width:100%;border-collapse:collapse;min-width:720px}
body.postid-7474 .ns7474-diag th,body.postid-7474 .ns7474-diag td{text-align:left;padding:14px 16px;border-bottom:var(--ns-7474-ns7474-rule);vertical-align:top;font-size:.93rem}
body.postid-7474 .ns7474-diag thead th{font-family:var(--ns-7474-ns7474-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ns-7474-ns7474-paper);background:var(--ns-7474-ns7474-deep)}
body.postid-7474 .ns7474-diag tbody tr:last-child td{border-bottom:0}
body.postid-7474 .ns7474-diag td:first-child{font-weight:700;color:var(--ns-7474-ns7474-warn)}
body.postid-7474 .ns7474-diag td:last-child{color:var(--ns-7474-ns7474-ok);background:var(--ns-7474-ns7474-ok-soft)}

/* === Donker CTA-paneel (functioneel donker, expliciet lichte tekst) === */
body.postid-7474 .ns7474-cta{background:var(--ns-7474-ns7474-deep);color:var(--ns-7474-ns7474-paper)}
body.postid-7474 .ns7474-cta h2,body.postid-7474 .ns7474-cta h3{color:var(--ns-7474-ns7474-paper)}
body.postid-7474 .ns7474-cta p{color:var(--ns-7474-ns7474-paper-3);max-width:60ch}
body.postid-7474 .ns7474-cta a{color:var(--ns-7474-ns7474-paper)}
body.postid-7474 .ns7474-btn{display:inline-block;background:var(--ns-7474-ns7474-accent);color:var(--ns-7474-ns7474-paper);font-weight:700;text-decoration:none;padding:.8em 1.6em;border-radius:2px;white-space:nowrap;transition:background var(--ns-7474-ns7474-dur-fast) var(--ns-7474-ns7474-ease-out),transform var(--ns-7474-ns7474-dur-fast) var(--ns-7474-ns7474-ease-out)}
body.postid-7474 .ns7474-btn:hover,body.postid-7474 .ns7474-btn:active{background:var(--ns-7474-ns7474-accent-soft);color:var(--ns-7474-ns7474-deep)}
body.postid-7474 .ns7474-btn:focus-visible{outline:3px solid var(--ns-7474-ns7474-paper);outline-offset:3px}
body.postid-7474 .ns7474-btn:active{transform:translateY(1px)}

/* === Content-beelden === */
body.postid-7474 .ns7474-plate{width:min(1240px,100%);margin-inline:auto}
body.postid-7474 .ns7474-plate img{display:block;width:100%;height:auto;border:var(--ns-7474-ns7474-rule)}
body.postid-7474 .ns7474-plate figcaption{padding:10px max(20px,calc((100% - 1120px)/2));font-family:var(--ns-7474-ns7474-mono);font-size:.8rem;color:var(--ns-7474-ns7474-deep)}

/* === FAQ + bronnen (details) === */
body.postid-7474 .ns7474-faq details,body.postid-7474 .ns7474-sources details{padding:16px 0;border-top:var(--ns-7474-ns7474-rule)}
body.postid-7474 .ns7474-faq details:last-child,body.postid-7474 .ns7474-sources details:last-child{border-bottom:var(--ns-7474-ns7474-rule)}
body.postid-7474 .ns7474-faq summary,body.postid-7474 .ns7474-sources summary{cursor:pointer;font-weight:700;font-family:var(--ns-7474-ns7474-display);font-size:1.12rem}
body.postid-7474 .ns7474-faq summary:hover,body.postid-7474 .ns7474-faq summary:active,body.postid-7474 .ns7474-sources summary:hover,body.postid-7474 .ns7474-sources summary:active{color:var(--ns-7474-ns7474-accent)}
body.postid-7474 .ns7474-faq details[open] summary{color:var(--ns-7474-ns7474-deep)}
body.postid-7474 .ns7474-related{font-size:.95rem}
body.postid-7474 .ns7474-related ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}

/* === Video-blok === */
body.postid-7474 .ns7474-video video{display:block;width:100%;height:auto;background:var(--ns-7474-ns7474-deep);border:var(--ns-7474-ns7474-rule)}
body.postid-7474 .ns7474-video figcaption{padding:10px 16px;font-family:var(--ns-7474-ns7474-mono);font-size:.8rem;color:var(--ns-7474-ns7474-deep)}

/* === Mobiel: 320 / 375 / 414 / 768 === */
@media(max-width:768px){
  body.postid-7474 .ns7474-specimen-row{grid-template-columns:minmax(0,72px) minmax(0,1fr)}
  body.postid-7474 .ns7474-specimen-row .ns7474-slabel{grid-column:1 / -1;border-top:var(--ns-7474-ns7474-rule)}
  body.postid-7474 .ns7474-split{grid-template-columns:minmax(0,1fr)}
  body.postid-7474 .ns7474-rules li{grid-template-columns:minmax(0,1fr);gap:6px}
}
@media(max-width:560px){
  body.postid-7474 .ns7474-lab h2{overflow-wrap:anywhere}
  body.postid-7474 .ns7474-table{min-width:520px}
}
@media(prefers-reduced-motion:reduce){
  body.postid-7474 .ns7474-lab a,body.postid-7474 .ns7474-btn{transition-duration:0s}
}
