.art{max-width:1120px}.art-cover{margin-bottom:clamp(36px,6vw,72px)}.art-body{gap:24px;width:min(100%,760px);margin-inline:auto;font-size:clamp(1.03rem,1.5vw,1.12rem);line-height:1.75}.art-body>p:first-child{color:var(--ink);font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.55}.art-body h2{margin:40px 0 0;font-size:clamp(2rem,4vw,3rem);line-height:1.04}.art-body h3{margin:24px 0 0;font-size:clamp(1.4rem,2.5vw,1.85rem);line-height:1.1}.art-body h4{font-size:1rem;font-family:var(--f-mono);letter-spacing:.02em;text-transform:uppercase;margin:20px 0 0}.art-body p+p{margin-top:-8px}.art-body a:not(.btn){color:var(--teal-deep);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.art-body a:not(.btn):hover{color:var(--teal)}.art-body ul:not(.article-summary ul,.article-tools ul),.art-body ol:not(.article-steps ol){gap:10px;margin:0;padding-left:1.35em;display:grid}.art-body li::marker{color:var(--teal);font-weight:700}.art-body hr{border:0;border-top:1px solid var(--line);width:100%;margin:32px 0}.art-body>blockquote{border-left:3px solid var(--teal);color:var(--muted);font-family:var(--f-display);margin:20px 0;padding:4px 0 4px 24px;font-size:1.35rem;line-height:1.45}.art-body pre,.art-body code{font-family:var(--f-mono)}.art-body :not(pre)>code{border:1px solid var(--line);background:var(--sand);border-radius:3px;padding:.15em .35em;font-size:.84em}.art-body pre{border-radius:var(--r);background:var(--deep);color:#f2f1ec;margin:8px 0;padding:22px;font-size:.86rem;line-height:1.65;overflow-x:auto}.art-body table{border-spacing:0;border-collapse:collapse;width:100%;font-size:.94rem;display:block;overflow-x:auto}.art-body th,.art-body td{border:1px solid var(--line);text-align:left;vertical-align:top;min-width:150px;padding:13px 16px}.art-body th{background:var(--sand);color:var(--ink);font-family:var(--f-mono);letter-spacing:.02em;text-transform:uppercase;font-size:.76rem}.article-wide,.art-fig--breed,.article-metrics,.article-steps,.article-comparison,.article-tools,.article-text-image,.article-cta,.article-section,.article-facts{width:min(960px,100vw - 48px);margin-inline:50%;transform:translate(-50%)}.art-fig{margin-block:16px}.art-fig--normaal{width:100%}.art-fig--volledig{width:min(1120px,100vw - 48px);margin-inline:50%;transform:translate(-50%)}.article-image{aspect-ratio:16/9;border-radius:var(--r);background:var(--sand);position:relative;overflow:hidden}.article-image img{object-fit:cover}.art-fig figcaption,.article-text-image figcaption{color:var(--muted);font-family:var(--f-mono);justify-content:space-between;gap:16px;margin-top:10px;font-size:.72rem;line-height:1.5;display:flex}.article-credit{flex:none}.article-eyebrow,.article-callout__label{color:var(--teal-deep);font-family:var(--f-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.article-summary{border:1px solid var(--line-strong);border-radius:var(--r);background:#fff3;margin:16px 0;padding:clamp(22px,4vw,34px)}.article-summary ul{gap:11px;margin:16px 0 0;padding:0;list-style:none;display:grid}.article-summary li{padding-left:24px;position:relative}.article-summary li:before{content:"";background:var(--teal);width:10px;height:2px;position:absolute;top:.68em;left:0}.article-callout{border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:var(--r);background:#ffffff38;margin:16px 0;padding:clamp(22px,4vw,32px)}.article-callout--tip{background:var(--mint)}.article-callout--aandachtspunt{border-left-color:var(--ink);background:var(--sand)}.article-callout h3{margin:12px 0 8px}.article-callout p{color:var(--muted)}.article-quote{border-block:1px solid var(--line-strong);margin:24px 0;padding:clamp(28px,6vw,52px) 0}.article-quote blockquote{color:var(--ink);font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.18}.article-quote blockquote:before{content:"“";color:var(--teal)}.article-quote blockquote:after{content:"”";color:var(--teal)}.article-quote figcaption{color:var(--muted);gap:8px;margin-top:20px;font-size:.88rem;display:flex}.article-quote figcaption span:before{content:"/";color:var(--teal);margin-right:8px}.article-metrics{border-block:1px solid var(--line-strong);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-block:24px;display:grid}.article-metric{border-right:1px solid var(--line);padding:clamp(24px,4vw,38px) 24px}.article-metric:last-child{border-right:0}.article-metric dt{color:var(--teal-deep);font-family:var(--f-display);letter-spacing:-.04em;font-size:clamp(2.6rem,6vw,4.5rem);line-height:.95}.article-metric dd{gap:6px;margin:16px 0 0;line-height:1.4;display:grid}.article-metric dd strong{color:var(--ink)}.article-metric dd span{color:var(--muted);font-size:.88rem}.article-steps,.article-tools{border-radius:var(--r);background:var(--sand);margin-block:24px;padding:clamp(28px,5vw,48px)}.article-steps>h2,.article-tools>h2{margin:0 0 28px}.article-steps ol{counter-reset:article-step;gap:0;margin:0;padding:0;list-style:none;display:grid}.article-steps li{border-top:1px solid var(--line);counter-increment:article-step;grid-template-columns:56px 1fr;gap:20px;padding:24px 0;display:grid}.article-steps li:before{content:counter(article-step, decimal-leading-zero);color:var(--teal);font-family:var(--f-mono);font-size:.8rem}.article-steps h3{margin:0 0 8px}.article-steps p,.article-tools li span{color:var(--muted)}.article-comparison{border:1px solid var(--line-strong);border-radius:var(--r);grid-template-columns:repeat(2,minmax(0,1fr));margin-block:24px;display:grid;overflow:hidden}.article-comparison>div{padding:clamp(26px,5vw,44px)}.article-comparison>div+div{border-left:1px solid var(--line-strong);background:var(--mint)}.article-comparison__marker{background:var(--ink);width:30px;height:3px;margin-bottom:20px;display:block}.article-comparison>div+div .article-comparison__marker{background:var(--teal)}.article-comparison h3{margin:0 0 12px}.article-comparison p{color:var(--muted)}.article-tools ul{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.article-tools li{border-bottom:1px solid var(--line);gap:7px;padding:22px 20px 22px 0;display:grid}.article-tools li:nth-child(2n){border-left:1px solid var(--line);padding-left:20px;padding-right:0}.article-text-image{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,5vw,60px);margin-block:24px;display:grid}.article-text-image--rechts figure{order:2}.article-text-image figure{margin:0}.article-text-image .article-image{aspect-ratio:4/3}.article-text-image__copy h2{margin:0 0 16px}.article-text-image__copy p{color:var(--muted)}.article-cta{border-radius:var(--r);background:var(--ink);color:#f2f1ec;justify-content:space-between;align-items:flex-end;gap:40px;margin-block:32px;padding:clamp(30px,6vw,56px);display:flex}.article-cta h2{color:#f2f1ec;max-width:680px;margin:12px 0}.article-cta p:not(.article-eyebrow){color:#c8cfdb;max-width:620px}.article-cta .article-eyebrow{color:var(--teal-lite)}.article-cta .btn{flex:none}.article-facts{margin-block:20px}.article-section{border:1px solid var(--line);border-radius:var(--r);margin-block:28px;padding:clamp(28px,6vw,60px)}.article-section--licht{background:#ffffff3d}.article-section--zand{background:var(--sand)}.article-section--donker{background:var(--deep);color:#f2f1ec;--muted:#aeb7c8;--line:#f2f1ec29;--line-strong:#f2f1ec80}.article-section>:first-child{margin-top:0}.article-section>:last-child{margin-bottom:0}.article-section--donker h2,.article-section--donker h3,.article-section--donker h4{color:#f2f1ec}.article-section--donker a:not(.btn){color:var(--teal-lite)}@media (max-width:760px){.article-wide,.art-fig--breed,.art-fig--volledig,.article-metrics,.article-steps,.article-comparison,.article-tools,.article-text-image,.article-cta,.article-section,.article-facts{width:calc(100vw - 40px)}.art-fig figcaption,.article-text-image figcaption,.article-quote figcaption{flex-direction:column;gap:4px}.article-quote figcaption span:before{content:none}.article-metrics,.article-comparison,.article-tools ul,.article-text-image{grid-template-columns:1fr}.article-metric{border-right:0;border-bottom:1px solid var(--line)}.article-metric:last-child{border-bottom:0}.article-comparison>div+div{border-top:1px solid var(--line-strong);border-left:0}.article-tools li:nth-child(2n){border-left:0;padding-left:0}.article-text-image--rechts figure{order:0}.article-cta{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.article-steps li{grid-template-columns:40px 1fr;gap:12px}.article-steps,.article-tools,.article-section{padding:24px 20px}}
