/* Photography sets the atmosphere; article titles carry the reading choices. */
body.page-inzichten .dossier-index-heading{position:relative;display:block;isolation:isolate;overflow:hidden;margin:28px var(--gutter) 0;padding:clamp(36px,5.5vw,76px);border-radius:4px 64px 4px 64px;background:linear-gradient(90deg,#43235bf5 0%,#43235be8 38%,#43235b82 74%,#43235b40),url('/assets/shantie-boeken-praktijk-v4.jpg') center 58%/cover;color:white;min-height:500px}
body.page-inzichten .dossier-index-heading>div{max-width:680px}
body.page-inzichten .dossier-index-heading .eyebrow{color:#c4e889;margin-bottom:28px}
body.page-inzichten .dossier-index-heading h1{color:white;font-size:clamp(40px,4.4vw,62px);line-height:1.12;letter-spacing:-.04em;margin:0 0 26px;max-width:19ch}
body.page-inzichten .dossier-index-heading h1 em{font-style:normal;color:#fff}
body.page-inzichten .dossier-index-heading>div>p:not(.eyebrow){color:white;font-size:18px;line-height:1.75;max-width:48ch;margin:0 0 16px}
body.page-inzichten .insights-browse{display:inline-flex;gap:32px;color:white;border-bottom:1px solid var(--orange);padding:10px 0;margin-top:12px;font-size:17px}
.insights-image-note{position:absolute;bottom:20px;right:26px;color:white;font-size:14px;background:#43235baf;padding:4px 8px;border-radius:3px}
body.page-inzichten .dossier-collection{background:var(--brand-light);padding-block:44px 72px}
body.page-inzichten .dossier-filter{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line);gap:20px}
body.page-inzichten .dossier-filter button{font-size:15px;min-height:44px;padding:10px 16px;border-radius:4px}
body.page-inzichten .dossier-filter>p{font-size:14px;margin:0}
body.page-inzichten .dossier-editions{display:grid;grid-template-columns:1fr 1fr;gap:28px}
body.page-inzichten .dossier-edition{margin:0;padding:0;border:1px solid var(--line);border-radius:4px 30px 4px 4px;background:white;box-shadow:none;min-width:0;overflow:hidden}
body.page-inzichten .dossier-edition[hidden]{display:none}
body.page-inzichten .dossier-edition>a{display:flex;flex-direction:column;gap:0;height:100%;padding:28px;color:var(--purple);text-decoration:none;background:transparent}
body.page-inzichten .dossier-edition-art{display:none}
body.page-inzichten .dossier-edition-copy{display:flex;flex-direction:column;flex:1;padding:0;max-width:none}
body.page-inzichten .dossier-edition-copy>.eyebrow{font-size:14px;line-height:1.5;color:var(--muted);letter-spacing:.045em;margin:0 0 20px}
body.page-inzichten .dossier-edition-copy h2{font-size:28px;line-height:1.25;letter-spacing:-.025em;margin:0 0 18px;color:var(--purple);max-width:28ch}
body.page-inzichten .dossier-edition-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 28px}
body.page-inzichten .dossier-edition-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;border-top:1px solid var(--line);padding-top:18px;font-size:14px}
body.page-inzichten .dossier-edition-meta>span{font-size:16px}
body.page-inzichten .dossier-edition-meta i{color:var(--orange);font-style:normal;margin-left:14px}
body.page-inzichten .dossier-edition>a:hover{background:#fffaf5}
body.page-inzichten .dossier-edition>a:hover h2{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:1px;text-underline-offset:5px}
body.page-inzichten .dossier-edition>a:focus-visible{outline:3px solid var(--orange);outline-offset:-4px}
.dossier,.dossier .dossier-opening,.dossier .dossier-reading,.dossier .lens-answers{background:#fffdf8}
.dossier .lens-drawing{background:#eef8df}
@media(max-width:760px){body.page-inzichten .dossier-index-heading{margin-top:18px;padding:34px 26px 60px;min-height:0;border-radius:4px 42px 4px 42px;background-position:58% center;background-image:linear-gradient(90deg,#43235bf2,#43235bd9),url('/assets/shantie-boeken-praktijk-v4.jpg')}body.page-inzichten .dossier-index-heading h1{font-size:38px;max-width:16ch}body.page-inzichten .dossier-index-heading>div>p:not(.eyebrow){font-size:17px}.insights-image-note{font-size:14px;right:22px;bottom:18px}body.page-inzichten .dossier-editions{grid-template-columns:1fr;gap:20px}body.page-inzichten .dossier-edition>a{padding:24px}body.page-inzichten .dossier-edition-copy h2{font-size:26px}body.page-inzichten .dossier-filter{align-items:start;flex-direction:column;gap:14px}body.page-inzichten .dossier-collection{padding-block:32px 48px}}

/* Each essay keeps a work photograph related to its question. */
body .dossier-eigenaarschap .dossier-heading{background-image:linear-gradient(100deg,#43235bf5 10%,#43235bdf 55%,#43235b8c),url('/assets/shantie-netwerk-detail-v5.jpg')}
body .dossier-informatie .dossier-heading{background-image:linear-gradient(100deg,#43235bf5 10%,#43235be6 60%,#43235b99),url('/assets/overleg-shantie-v6.jpg')}
body .dossier-samenwerking .dossier-heading{background-image:linear-gradient(100deg,#43235bf5 10%,#43235be3 55%,#43235b8c),url('/assets/shantie-samenwerking-dashboard-v5.jpg')}
body .dossier-cijfers .dossier-heading{background-image:linear-gradient(100deg,#43235bf5 10%,#43235be3 55%,#43235b8c),url('/assets/shantie-onderzoek-detail-v3.jpg')}
body .dossier-heading h1{font-size:clamp(38px,4.4vw,62px)}
@media(max-width:760px){body .dossier-heading h1{font-size:36px}}

/* Illustrated reading list: each question has a small visual, no wall of cards. */
body.page-inzichten .dossier-editions{display:grid;grid-template-columns:1fr;gap:0}
body.page-inzichten .dossier-edition{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;overflow:visible}
body.page-inzichten .dossier-edition>a{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.6fr);align-items:center;gap:clamp(26px,4vw,60px);padding:34px 0}
body.page-inzichten .dossier-edition-art{display:block;min-width:0}
body.page-inzichten .dossier-edition-art .edition-art{height:220px;min-height:0;padding:26px;background:#f0e9f4;color:var(--purple);border:0;border-radius:4px 42px 4px 4px;display:flex;flex-direction:column;justify-content:center;gap:16px;overflow:hidden}
body.page-inzichten .edition-story-informatie .edition-art{background:#f8eee2}body.page-inzichten .edition-story-samenwerking .edition-art{background:#e9efed}body.page-inzichten .edition-story-cijfers .edition-art{background:#f2ece7}
body.page-inzichten .edition-art>span,body.page-inzichten .edition-art>strong{display:none}
body.page-inzichten .edition-art .edition-circles{height:110px;width:100%;margin:0;display:flex;align-items:center;justify-content:center;position:relative}
body.page-inzichten .edition-circles i{border:1px solid #9478a8;width:84px;height:84px;border-radius:50%;position:absolute;background:none}
body.page-inzichten .edition-circles i:nth-child(1){transform:translateX(-40px)}body.page-inzichten .edition-circles i:nth-child(2){border-color:var(--orange)}body.page-inzichten .edition-circles i:nth-child(3){transform:translateX(40px)}
body.page-inzichten .edition-circles b{z-index:1;background:#f0e9f4;padding:5px 9px;font-size:18px}
body.page-inzichten .edition-art .edition-route{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0}
body.page-inzichten .edition-route b{font-size:15px;font-weight:500;border:0;padding:0}.edition-route i{font-style:normal}
body.page-inzichten .edition-route i{font-size:18px;line-height:1;transform:rotate(90deg);color:#a84616}
body.page-inzichten .edition-art svg{width:100%;height:120px;stroke:var(--purple);fill:none;stroke-width:2}
body.page-inzichten .dossier-edition-copy h2{font-size:clamp(25px,2.3vw,32px);max-width:32ch;margin-bottom:12px}
body.page-inzichten .dossier-edition-copy>.eyebrow{margin-bottom:12px}
body.page-inzichten .dossier-edition-copy>p:not(.eyebrow){max-width:65ch;margin-bottom:18px}
body.page-inzichten .dossier-edition-meta{border:0;padding-top:0;margin-top:0}
body.page-inzichten .dossier-edition>a:hover{background:transparent}body.page-inzichten .dossier-edition>a:hover .edition-art{box-shadow:0 8px 28px #43235b10}
@media(max-width:760px){body.page-inzichten .dossier-edition>a{grid-template-columns:1fr;gap:20px;padding:28px 0}body.page-inzichten .dossier-edition-art .edition-art{height:150px;padding:18px}body.page-inzichten .edition-art .edition-route{flex-direction:row;justify-content:center;gap:8px}body.page-inzichten .edition-route i{transform:none}body.page-inzichten .edition-route b{font-size:14px}body.page-inzichten .dossier-edition-copy h2{font-size:27px}}
