/* Artikelen: een rustige leeskolom in dezelfde zwart-witte vormtaal. */
.articles-page .nav-links a[aria-current="page"]{text-decoration:underline;text-underline-offset:7px}
.kicker{font-size:14px;color:#555;line-height:1.5}
.articles-opening{padding-block:64px 72px;border-bottom:1px solid #000}
.articles-opening h1{font-size:clamp(54px,7.5vw,112px);line-height:1.01;letter-spacing:-.065em;margin:30px 0 36px}
.articles-opening>p:last-child{font-size:19px;line-height:1.55;color:#333;max-width:620px}
.article-list{list-style:none;margin-block:0;padding:0 0 40px}
.article-card{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:48px;border-bottom:1px solid #ccc}
.article-card-image{display:block;border:1px solid #000;overflow:hidden}
.article-card-image img{display:block;width:100%;height:auto;transition:transform .3s}
.article-card-image:hover img{transform:scale(1.02)}
.article-card h2{font-size:clamp(30px,3.2vw,46px);line-height:1.08;letter-spacing:-.05em;margin-top:14px}
.article-card h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.article-card p:not(.kicker){font-size:16px;color:#555;max-width:520px;margin-top:16px}
.article-card .inline-action{margin-top:20px}
.article-head{padding-block:48px 44px}
.article-back{display:inline-flex;gap:12px;font-size:14px;border-bottom:1px solid #aaa;padding-bottom:6px}
.article-back:hover{border-color:#000}
.article-head .kicker{margin-top:44px}
.article-head h1{font-size:clamp(46px,6.2vw,96px);line-height:1.02;letter-spacing:-.065em;margin:18px 0 28px;max-width:1100px}
.article-lead{font-size:22px;line-height:1.5;letter-spacing:-.3px;max-width:720px}.article-lead a{text-decoration:underline;text-underline-offset:4px}
.article-hero{margin-block:0;border:1px solid #000}
.article-hero img{display:block;width:100%;height:auto}
.article-body{max-width:700px;padding-block:64px 24px;font-size:18px}
.article-body p{line-height:1.75;color:#222}
.article-body p+p{margin-top:22px}
.article-body h2{font-size:clamp(28px,2.8vw,38px);line-height:1.15;letter-spacing:-.04em;margin:56px 0 18px}
.article-body a{text-decoration:underline;text-underline-offset:4px}
.article-body .article-turn{font-size:21px;line-height:1.55;color:#000;font-weight:700;letter-spacing:-.3px}
.article-body hr{border:0;width:56px;height:2px;background:#000;margin:48px 0}
.article-body blockquote{margin:40px 0;padding:4px 0 4px 26px;border-left:4px solid #000}
.article-body blockquote p{font-size:25px;line-height:1.4;letter-spacing:-.5px;color:#000}
.article-foot{max-width:700px;padding-block:24px 88px;display:grid;gap:22px}
.article-author{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;border-top:1px solid #000;border-bottom:1px solid #ccc;padding-block:24px}
.article-author .brand-badger{width:64px;height:62px}.article-author .brand-badger img{width:120px;left:-26px;top:-13px}
.article-author p{font-size:15px;color:#555;line-height:1.55}
.article-author strong{display:block;color:#000;font-size:17px}
.article-next{display:grid;gap:10px;border:1px solid #000;padding:26px 28px;transition:background .18s,color .18s}.article-next strong{font-size:30px;line-height:1.1;letter-spacing:-.045em}.article-next span:last-child{font-size:16px;color:#555;line-height:1.55}.article-next:hover{background:#000;color:#fff}.article-next:hover .kicker,.article-next:hover span:last-child{color:#ccc}
.article-elsewhere{font-size:15px;color:#555}
.article-elsewhere a{text-decoration:underline;text-underline-offset:4px;color:#000}
@media(max-width:1000px){.article-card{gap:40px}}
@media(max-width:700px){.articles-opening{padding-block:40px 44px}.articles-opening h1{font-size:clamp(44px,12vw,64px);margin:22px 0 24px}.articles-opening>p:last-child{font-size:16px}.article-card{grid-template-columns:1fr;gap:22px;padding-block:34px}.article-card h2{font-size:30px}.article-head{padding-block:32px 32px}.article-head .kicker{margin-top:32px}.article-head h1{font-size:clamp(40px,11vw,58px);margin:14px 0 20px}.article-lead{font-size:18px}.article-body{padding-block:40px 20px;font-size:17px}.article-body .article-turn{font-size:19px}.article-body blockquote{padding-left:18px}.article-body blockquote p{font-size:21px}.article-foot{padding-bottom:64px}}
