/* Inzichten: readable articles and visual investigations, independent of JS. */
.insight-collection{background:white;padding-block:84px 100px;scroll-margin-top:120px}
.collection-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:36px}
.collection-heading h2{font-size:clamp(32px,3.3vw,48px);line-height:1.15;margin:0}
.collection-heading>p{max-width:45ch;margin:0;font-size:19px;line-height:1.7}
.collection-filterline{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px}
.collection-filterline .filter-buttons{display:flex;flex-wrap:wrap;gap:9px}
.collection-filterline .filter-buttons[hidden]{display:none}
.collection-filterline .filter-buttons button{font:500 15px/1.4 var(--body);padding:11px 18px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--purple);cursor:pointer;min-height:44px}
.collection-filterline .filter-buttons button[aria-pressed=true]{background:var(--purple);color:white;border-color:var(--purple)}
.collection-filterline>p{font-size:14px;color:var(--muted);margin:0}
.edition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
.insight-edition{min-width:0;border:1px solid var(--line);border-radius:24px;background:white;overflow:hidden;box-shadow:0 7px 22px #43235B08;transition:transform .22s,box-shadow .22s,border-color .22s}
.insight-edition[hidden]{display:none}
.insight-edition>a{display:block;color:var(--ink);text-decoration:none}
.edition-top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:19px 24px;font-size:12px;line-height:1.5;color:var(--purple);font-weight:600}
.edition-top>span:last-child{font-size:16px;color:var(--muted)}
.insight-art{min-height:235px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;gap:20px;overflow:hidden;position:relative;isolation:isolate}
.art-mini{font-size:10px;letter-spacing:.09em;font-weight:600;line-height:1.5}
.art-line{font-size:13px;line-height:1.6;display:block}
.art-line i{font-style:normal;padding:0 7px}
.art-ai{background:radial-gradient(ellipse at 100% 0%,#E7A6B54D,transparent 75%),var(--purple);color:white}
.art-ai .art-mini{color:var(--green)}
.art-bubble{padding:11px 17px;border-radius:13px 13px 13px 2px;background:#FFFFFF14;border:1px solid #ffffff45;font-size:20px;line-height:1.3;align-self:flex-start}
.art-question{align-self:flex-end;background:var(--pink);color:var(--purple);border:0;transform:rotate(-2deg);font-weight:600}
.art-team{background:linear-gradient(120deg,#E7A6B5,#f6e6eb);color:var(--purple)}
.art-orbit{display:flex;gap:10px;align-items:center;justify-content:center}
.art-orbit span{border:1px solid #43235B45;border-radius:999px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;width:80px;font-size:17px}
.art-orbit i{font-size:20px;font-style:normal}
.art-data{background:linear-gradient(120deg,#C4E889,#e8f5d5);color:var(--purple)}
.art-data>strong{font:600 94px/1 var(--heading);letter-spacing:-.07em}
.art-data small{font-size:.5em}
.art-bar{display:flex;gap:5px;height:13px;width:100%}
.art-bar i{border-radius:6px;display:block;background:var(--purple);width:60%}
.art-bar i:nth-child(2){width:15%;background:#9b5479}.art-bar i:nth-child(3){width:25%;background:transparent;border:1px solid #43235B77}
.edition-copy{padding:27px 26px 30px}
.edition-copy time{font-size:13px;color:var(--muted)}
.edition-copy h2{font-size:clamp(24px,2.2vw,31px);line-height:1.2;letter-spacing:-.025em;margin:18px 0 18px;color:var(--purple)}
.edition-copy p{font-size:17px;line-height:1.65;margin:0 0 25px;color:var(--muted)}
.edition-open{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:16px;font-weight:600;color:var(--purple)}
.edition-open i{font-style:normal;font-size:23px;color:var(--orange)}
.research-article{--research-width:1160px;--research-gutter:max(24px,calc((100% - var(--research-width))/2));color:var(--ink);background:white;padding-bottom:75px}
.research-heading{padding:40px var(--research-gutter) 54px;background:linear-gradient(125deg,#fff 24%,#f9edf1);}
.research-back{display:inline-block;color:var(--purple);font-size:15px;margin-bottom:38px;padding-block:8px;text-decoration:none;border-bottom:1px solid var(--line)}
.research-heading-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:56px;align-items:center}
.research-heading h1{font-size:clamp(36px,4vw,58px);line-height:1.1;letter-spacing:-.045em;margin:0 0 27px;color:var(--purple);text-wrap:balance}
.research-intro{font-size:20px;line-height:1.7;margin:0;max-width:54ch}
.research-byline{display:flex;flex-wrap:wrap;gap:9px 20px;font-size:13px;line-height:1.5;color:var(--muted);margin-top:27px}
.research-byline a{color:var(--purple);text-decoration:underline;text-underline-offset:4px}
.research-heading .insight-art{border-radius:22px;min-height:290px;transform:rotate(2deg);box-shadow:0 15px 35px #43235B13}
.research-route{position:static;display:flex;flex-wrap:wrap;gap:15px 34px;padding:23px var(--research-gutter);border-block:1px solid var(--line);background:white}
.research-route a{font-size:14px;color:var(--purple);text-decoration:none;padding-block:6px;border-bottom:1px solid transparent}
.research-route a:hover{border-color:var(--orange)}
.research-article section[id]{scroll-margin-top:125px}
.research-opening{display:grid;grid-template-columns:220px minmax(0,730px);gap:52px;padding:80px var(--research-gutter) 40px}
.research-opening .eyebrow{padding-top:10px;line-height:1.8}
.research-opening h2,.research-lab h2,.research-synthesis>h2{font-size:clamp(29px,3vw,40px);line-height:1.2;letter-spacing:-.03em;color:var(--purple);margin:0 0 25px}
.research-opening p:not(.eyebrow){font-size:19px;line-height:1.8;margin:0}
.research-question{margin:22px var(--research-gutter) 70px;padding:30px 0 30px 30px;border-left:3px solid var(--orange);max-width:940px}
.research-question>span,.research-takealong>span{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--purple)}
.research-question>p{font-size:clamp(24px,2.4vw,33px);line-height:1.4;font-weight:500;letter-spacing:-.02em;color:var(--purple);margin:14px 0 0;text-wrap:balance}
.research-lab{padding:0 var(--research-gutter);margin-bottom:84px}
.research-lab-heading{max-width:750px;margin-bottom:30px}
.research-lab-heading>p:not(.eyebrow){font-size:17px;line-height:1.7;margin:0;color:var(--muted)}
.research-explorer{border:1px solid #43235B24;border-radius:24px;overflow:hidden;box-shadow:0 14px 35px #43235B08;background:white}
.explorer-controls{display:flex;gap:0;background:#f8f3f7;border-bottom:1px solid var(--line);padding:8px}
.explorer-controls[hidden]{display:none}
.explorer-controls button{flex:1;display:flex;gap:13px;align-items:center;border:0;border-radius:14px;padding:16px 18px;color:var(--purple);background:transparent;text-align:left;font:600 16px/1.4 var(--body);cursor:pointer;min-height:56px}
.explorer-controls button>span{font-size:12px;color:var(--muted)}
.explorer-controls button[aria-pressed=true]{background:var(--purple);color:white;box-shadow:0 3px 10px #43235B18}
.explorer-controls button[aria-pressed=true]>span{color:var(--green)}
.explorer-panels>section{padding:34px}
.explorer-panels>section[hidden]{display:none}
.explorer-panels>section+section:not([hidden]){border-top:1px solid var(--line)}
.research-explorer[data-enhanced] .explorer-panels>section{border-top:0;animation:research-reveal .25s ease-out}
.explorer-panels p{font-size:17px;line-height:1.7}
.ai-conversation{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:start;padding:6px 0 32px}
.ai-conversation>div{padding:25px;border-radius:18px;background:#f8eef2}
.ai-conversation .colleague-message{background:#f2f5ec;margin-top:35px}
.ai-conversation span,.analysis-note>span,.hypothesis-paths span,.role-map span,.waiting-chain span,.decision-sheet>span,.number-scene>div>span,.measurement-pair span{display:block;font-size:11px;letter-spacing:.07em;line-height:1.6;font-weight:600;color:var(--purple);margin-bottom:14px}
.ai-conversation p{margin:0;font-size:20px;line-height:1.6}
.analysis-note{padding-top:27px;border-top:1px solid var(--line);max-width:850px}
.analysis-note h3{font-size:28px;line-height:1.25;color:var(--purple);margin:0 0 14px;letter-spacing:-.02em}
.analysis-note>span{color:var(--muted);margin-bottom:10px}
.analysis-note p{margin:0}
.hypothesis-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0 0 30px}
.hypothesis-paths>div{border-top:3px solid var(--pink);padding-top:20px}
.hypothesis-paths>div:nth-child(2){border-color:var(--green)}
.hypothesis-paths>div:nth-child(3){border-color:var(--orange)}
.hypothesis-paths strong{font-size:23px;line-height:1.3;display:block;color:var(--purple)}
.hypothesis-paths p{font-size:16px;margin:14px 0 0}
.scene-intro{max-width:780px;margin:0 0 25px}
.role-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0 36px}
.role-map>div{border:1px solid #E7A6B5;border-radius:50%;aspect-ratio:1.4;padding:25px 15px;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;background:#fcf4f7}
.role-map strong{font-size:21px;line-height:1.4;color:var(--purple)}
.waiting-chain{display:flex;align-items:center;gap:18px;margin:16px 0 38px}
.waiting-chain>div{flex:1;min-width:0;padding:24px 18px;background:#f9edf1;border-radius:18px}
.waiting-chain>b{color:var(--orange);font-size:32px}
.waiting-chain strong{font-size:24px;line-height:1.3;color:var(--purple)}
.decision-sheet{background:#f5f9ee;border-radius:18px;padding:28px;margin:0 0 30px}
.decision-sheet h3{font-size:28px;line-height:1.25;margin:0 0 20px;color:var(--purple)}
.decision-sheet dl{margin:0}
.decision-sheet dl>div{display:grid;grid-template-columns:210px 1fr;gap:24px;border-top:1px solid #43235B20;padding:13px 0;font-size:16px;line-height:1.6}
.decision-sheet dt{font-weight:600;color:var(--purple)}.decision-sheet dd{margin:0}
.number-scene{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:5px 0 32px}
.big-number{font:600 clamp(80px,9vw,125px)/1 var(--heading);letter-spacing:-.07em;color:var(--purple);display:block}
.big-number>span{font-size:.5em}
.number-scene p{margin:15px 0 0;max-width:35ch}
.number-scene .number-equation{font-size:15px;color:var(--muted);padding-top:15px;border-top:1px solid var(--line)}
.people-dots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;max-width:380px;align-content:start;min-height:265px}
.people-dots i{display:block;border-radius:50%;aspect-ratio:1;background:var(--purple);min-width:0}
i.dot-positive{background:var(--purple)}i.dot-negative{background:var(--pink)}i.dot-unknown{background:white;border:1px solid #83748b}
.number-scene .dot-caption{font-size:14px;line-height:1.6;color:var(--muted);max-width:45ch;margin-top:18px}
.dot-legend{display:flex;flex-direction:column;gap:10px;margin-top:20px;font-size:15px}
.dot-legend>span{display:flex;align-items:center;gap:12px}
.dot-legend i{display:block;width:13px;height:13px;border-radius:50%}
.measurement-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}
.measurement-pair>div{padding:27px;background:#f5f9ee;border-radius:18px}
.measurement-pair>div:last-child{background:#f9eef3}
.measurement-pair h3{font-size:27px;line-height:1.3;margin:15px 0;color:var(--purple)}
.measurement-pair p{margin:15px 0}.measurement-pair strong{font-size:15px;line-height:1.6;font-weight:500;color:var(--purple)}
.research-synthesis{padding:0 var(--research-gutter);margin:0 0 60px}
.research-synthesis>h2{max-width:800px;margin-bottom:40px}
.synthesis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.synthesis-grid>div>span{display:block;width:40px;height:40px;border-radius:50%;background:#E7A6B566;color:var(--purple);text-align:center;padding-top:8px;font-size:15px;margin-bottom:22px}
.synthesis-grid>div:nth-child(2)>span{background:#C4E88988}.synthesis-grid>div:nth-child(3)>span{background:#F4773522}
.synthesis-grid h3{font-size:25px;line-height:1.25;letter-spacing:-.02em;color:var(--purple);margin:0 0 18px}
.synthesis-grid p{font-size:17px;line-height:1.75;margin:0}
.research-closing{font-size:20px;line-height:1.75;max-width:790px;margin:46px 0 24px}
.research-takealong{margin:0 var(--research-gutter) 45px;padding:38px 42px;border-radius:22px;background:linear-gradient(110deg,#43235B,#5a3769);color:white}
.research-takealong>span{color:var(--green)}
.research-takealong>p{font-size:clamp(24px,2.7vw,36px);line-height:1.35;margin:18px 0 25px;max-width:36ch;letter-spacing:-.025em}
.research-takealong>a{display:inline-block;color:white;border-bottom:1px solid var(--pink);padding-bottom:8px;text-decoration:none;font-size:16px}
.research-sources{padding:0 var(--research-gutter);margin-bottom:65px}
.research-sources details{border-block:1px solid var(--line);padding:22px 0;font-size:16px;line-height:1.7}
.research-sources summary{cursor:pointer;color:var(--purple);font-size:18px;font-weight:600;min-height:28px}
.research-sources summary span{font-size:13px;color:var(--muted);font-weight:400;margin-left:16px}
.research-sources ol{padding-left:22px;max-width:860px}.research-sources li{padding-left:10px;margin:25px 0}
.research-sources a{color:var(--purple);text-decoration:underline;text-underline-offset:4px}
.research-sources p{font-size:16px;line-height:1.7;max-width:860px;margin:14px 0}
.research-related{padding:0 var(--research-gutter)}
.research-related>div{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.research-related>div>a{display:block;color:var(--purple);text-decoration:none;padding:26px;border:1px solid var(--line);border-radius:18px;position:relative;transition:background .2s,transform .2s}
.research-related a>span:first-child{font-size:12px;font-weight:600}
.research-related h3{font-size:26px;line-height:1.3;max-width:30ch;margin:17px 0 30px}
.related-arrow{display:block;text-align:right;font-size:25px}
.research-article :is(button,a,summary):focus-visible,.insight-collection :is(button,a):focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.research-takealong a:focus-visible{outline-color:var(--green)}
@media(hover:hover) and (pointer:fine){.insight-edition:hover{transform:translateY(-5px);box-shadow:0 18px 36px #43235B15;border-color:#E7A6B5}.research-related>div>a:hover{background:#fcf4f7;transform:translateY(-2px)}.explorer-controls button:hover:not([aria-pressed=true]){background:#E7A6B533}}
@keyframes research-reveal{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.edition-grid{gap:18px}.edition-top{padding-inline:18px;font-size:11px}.insight-art{padding:22px;min-height:228px}.edition-copy{padding:24px 20px}.art-bubble{font-size:17px}.art-orbit{gap:5px}.art-orbit span{font-size:14px;width:62px}.art-orbit i{font-size:16px}.research-heading-grid{gap:30px}.research-opening{grid-template-columns:160px minmax(0,1fr);gap:32px}.explorer-controls button{font-size:15px;padding:15px 12px;gap:8px}.number-scene{gap:30px}.people-dots{gap:7px;min-height:225px}}
@media(max-width:900px){.edition-grid{grid-template-columns:1fr;gap:28px}.insight-edition>a{display:grid;grid-template-columns:1fr 1.2fr}.edition-top{grid-column:1/-1;padding:17px 24px}.insight-edition .insight-art{height:100%;min-height:270px}.edition-copy{padding:25px 28px}.edition-copy h2{font-size:30px}.collection-heading{gap:30px}.research-heading-grid{grid-template-columns:1fr}.research-heading .insight-art{max-width:560px;min-height:230px;transform:none}.research-heading .art-orbit{justify-content:flex-start}.research-heading h1{max-width:23ch}.research-heading .art-bubble{font-size:23px}.synthesis-grid{gap:25px}.synthesis-grid h3{font-size:22px}.research-opening{grid-template-columns:1fr;gap:12px}.research-opening .eyebrow{margin-bottom:12px}.research-opening>div{max-width:750px}}
@media(max-width:600px){.insight-collection{padding-block:55px 60px}.collection-heading{grid-template-columns:1fr;gap:24px}.collection-heading>p{font-size:17px}.collection-filterline{align-items:flex-start;flex-direction:column;gap:17px}.collection-filterline .filter-buttons button{font-size:13px;padding:10px 13px}.insight-edition>a{display:block}.edition-top{padding:18px 22px}.insight-edition .insight-art{min-height:240px}.edition-copy h2{font-size:28px}.art-orbit span{width:75px;font-size:16px}.art-orbit{gap:12px}.art-bubble{font-size:21px}.research-heading{padding-top:25px;padding-bottom:35px}.research-back{margin-bottom:26px}.research-heading h1{font-size:39px}.research-intro{font-size:18px}.research-heading-grid{gap:33px}.research-byline{font-size:12px;gap:10px 16px}.research-heading .insight-art{min-height:245px}.research-route{gap:9px 18px;padding-block:17px}.research-route a{font-size:13px}.research-opening{padding-top:50px;padding-bottom:25px}.research-opening p:not(.eyebrow){font-size:18px}.research-question{padding:18px 0 18px 22px;margin-top:12px;margin-bottom:44px}.research-question>p{font-size:26px}.research-lab{margin-bottom:54px}.research-lab-heading>p:not(.eyebrow){font-size:16px}.explorer-controls{flex-direction:column;gap:5px;padding:7px}.explorer-controls button{min-height:48px;padding:12px 14px}.explorer-panels>section{padding:23px 19px}.ai-conversation{grid-template-columns:1fr;gap:16px;padding-bottom:24px}.ai-conversation>div{padding:20px}.ai-conversation .colleague-message{margin-top:0;margin-left:12px}.ai-conversation p{font-size:18px}.analysis-note h3{font-size:25px}.explorer-panels p{font-size:16px}.hypothesis-paths{grid-template-columns:1fr;gap:23px}.role-map{grid-template-columns:1fr;gap:14px}.role-map>div{aspect-ratio:auto;border-radius:20px;padding:22px;align-items:flex-start;text-align:left}.role-map span{margin-bottom:10px}.waiting-chain{flex-direction:column;gap:9px;align-items:stretch}.waiting-chain>div{padding:21px}.waiting-chain>b{text-align:center;transform:rotate(90deg);line-height:1.2}.decision-sheet{padding:21px}.decision-sheet h3{font-size:25px}.decision-sheet dl>div{grid-template-columns:1fr;gap:6px}.number-scene{grid-template-columns:1fr;gap:30px}.people-dots{min-height:0;gap:7px;max-width:330px}.big-number{font-size:90px}.number-scene .dot-caption{font-size:13px}.measurement-pair{grid-template-columns:1fr;gap:20px}.measurement-pair>div{padding:22px}.measurement-pair h3{font-size:25px}.synthesis-grid{grid-template-columns:1fr;gap:30px}.synthesis-grid>div{display:grid;grid-template-columns:40px 1fr;gap:0 18px}.synthesis-grid>div>span{grid-row:1/3}.synthesis-grid h3{margin-bottom:12px;font-size:24px}.synthesis-grid p{grid-column:2;font-size:16px}.research-closing{font-size:18px;margin-top:33px}.research-synthesis{margin-bottom:38px}.research-takealong{padding:28px 24px}.research-takealong>p{font-size:27px}.research-sources summary{font-size:17px}.research-sources summary span{display:block;margin:7px 0 0}.research-sources{margin-bottom:42px}.research-sources li{padding-left:0}.research-related>div{grid-template-columns:1fr;gap:20px}.research-related h3{font-size:25px}.research-article{padding-bottom:55px}}
@media(max-width:360px){.research-article{--research-gutter:20px}.research-heading h1{font-size:35px}.edition-copy{padding:23px 20px}.art-orbit{gap:7px}.art-orbit span{width:63px;font-size:14px}.art-bubble{font-size:18px}.research-heading .art-bubble{font-size:19px}.explorer-panels>section{padding:20px 16px}.people-dots{gap:5px}}
@media(prefers-reduced-motion:reduce){.insight-edition,.research-related>div>a,.research-explorer[data-enhanced] .explorer-panels>section{transition:none;animation:none;transform:none}}

.research-opening{padding-bottom:64px}.research-opening .opening-question{border-left:3px solid var(--orange);padding-left:23px;margin-top:25px!important;color:var(--purple);font-weight:500}
@media(max-width:600px){.research-opening{padding-bottom:45px}.research-opening .opening-question{padding-left:18px}}

.research-explorer .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.insight-collection[data-filter-key="sociaal"] .edition-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px}
.insight-collection[data-filter-key="ai"] .edition-grid{grid-template-columns:minmax(0,900px)}
.insight-collection[data-filter-key="ai"] .insight-edition>a{display:grid;grid-template-columns:1fr 1.15fr}
.insight-collection[data-filter-key="ai"] .edition-top{grid-column:1/-1}
.insight-collection[data-filter-key="ai"] .insight-art{height:100%}
@media(max-width:900px){.insight-collection[data-filter-key="sociaal"] .edition-grid{grid-template-columns:1fr}}
@media(max-width:600px){.insight-collection[data-filter-key="ai"] .insight-edition>a{display:block}}