/* Modelonderbouwing: vaste kaartvoet met i-knop en compacte pop-up, 16 oktober 2026. */
.cp-evidence, .cp-evidence-popup { --ev-face:var(--hs-green-primary, #00a676); --ev-edge:var(--hs-green-dark, #007a5e); --ev-inactive:#e9eeeb; --ev-inactive-edge:#ced8d1; --ev-surface:#f3f7f4; color:var(--hs-text, #2c2c2c); font-family:'Plus Jakarta Sans',sans-serif; text-align:left; }
.cp-evidence { margin:1rem 0 1.5rem; position:relative; }
:is(.cp-evidence,.cp-evidence-popup) [data-evidence-level="supported"] { --ev-face:var(--hs-green-primary, #00a676); --ev-edge:var(--hs-green-dark, #007a5e); }
:is(.cp-evidence,.cp-evidence-popup) [data-evidence-level="directional"], .cp-evidence[data-evidence-level="directional"] { --ev-face:var(--hs-orange, #f59e0b); --ev-edge:var(--hs-orange-dark, #b45309); }
:is(.cp-evidence,.cp-evidence-popup) [data-evidence-level="exploratory"], .cp-evidence[data-evidence-level="exploratory"] { --ev-face:#82918a; --ev-edge:#586b60; }
.cp-evidence__bar { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:72px; padding:14px 17px; border-radius:18px; background:var(--ev-surface); }
.cp-evidence__info { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; padding:0; border:0; border-radius:50%; background:transparent; color:#647268; cursor:pointer; }
.cp-evidence__info:hover { color:var(--hs-green-dark, #007a5e); background:var(--hs-green-light, rgba(0,166,118,.1)); }
.cp-evidence__info-symbol { display:grid; place-items:center; width:18px; height:18px; border:1.5px solid currentColor; border-radius:50%; font:700 12px/1 'Plus Jakarta Sans',sans-serif; }
.cp-evidence__info:focus-visible, .cp-evidence-popup :is(button,a,summary):focus-visible { outline:3px solid var(--hs-green-dark, #007a5e); outline-offset:3px; }
.cp-evidence__heading { display:grid; gap:2px; min-width:0; }
.cp-evidence__caption { font-size:11px; line-height:1.5; font-weight:400; color:#5d6b63; }
.cp-evidence__status { display:inline-flex; align-items:center; gap:9px; font-size:13px; line-height:1.4; font-weight:700; }
.cp-evidence__icon { display:inline-block; position:relative; width:23px; height:25px; flex:0 0 23px; vertical-align:middle; }
.cp-evidence__layer { display:block; position:absolute; left:4px; top:0; width:15px; height:15px; border-radius:3px; background:var(--ev-inactive); box-shadow:1.4px 1.4px 0 var(--ev-inactive-edge); transform:scaleY(.56) rotate(45deg); }
.cp-evidence__layer:nth-child(1) { top:0; z-index:3; }
.cp-evidence__layer:nth-child(2) { top:5px; z-index:2; }
.cp-evidence__layer:nth-child(3) { top:10px; z-index:1; }
[data-layers="3"] .cp-evidence__layer, [data-layers="2"] .cp-evidence__layer:nth-child(-n+2), [data-layers="1"] .cp-evidence__layer:first-child { background:var(--ev-face); box-shadow:1.4px 1.4px 0 var(--ev-edge); }
.cp-evidence__content { padding:0 17px 18px; font-size:12px; line-height:1.8; font-weight:400; color:#5d6b63; }
.cp-evidence__content p { font-size:inherit; line-height:inherit; margin:0 0 12px; }
.cp-evidence__content h3 { font:800 16px/1.4 'Nunito',sans-serif; color:var(--hs-text, #2c2c2c); margin:18px 0 8px; }
.cp-evidence__content strong { color:var(--hs-text, #2c2c2c); }
.cp-evidence__questionnaire { padding-top:2px; margin-top:16px; border-top:1px solid #dce6df; }
.cp-evidence__sources { list-style:disc; padding-left:18px; margin:0 0 16px; }
.cp-evidence__sources li + li { margin-top:8px; }
.cp-evidence-popup a { color:var(--hs-green-dark, #007a5e); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.cp-evidence__legend { border-top:1px solid #dce6df; margin-top:18px; padding-top:10px; }
.cp-evidence__legend summary { font-weight:700; cursor:pointer; padding:6px 0; }
.cp-evidence__legend p { margin-top:12px; }
.cp-evidence__legend .cp-evidence__icon { margin-right:6px; }
.cp-evidence__date { margin:18px 0 0!important; font-size:11px!important; color:#647268; }
.cp-evidence__note { margin:.5rem 0 0; font-size:12px; line-height:1.6; color:#5d6b63; }
/* Boven een test één rustige regel onder de inleiding in plaats van een vlak (Joost, 17 okt 2026):
   het vlak stond tussen kop en inleiding en las als een waarschuwing vooraf. */
.cp-evidence--page { width:fit-content; max-width:100%; margin:.75rem auto 1.25rem; }
.cp-evidence--page .cp-evidence__bar { min-height:0; padding:0; gap:6px; background:transparent; border-radius:0; }
.cp-evidence--page .cp-evidence__heading { display:inline-flex; align-items:center; gap:5px; }
.cp-evidence--page .cp-evidence__caption { font-size:13px; }
.cp-evidence--page .cp-evidence__caption::after { content:":"; }
.cp-evidence--page .cp-evidence__status { gap:6px; font-weight:600; color:#5d6b63; }
.cp-evidence--page .cp-evidence__icon { transform:scale(.8); }
.cp-evidence--page .cp-evidence__info { flex-basis:28px; width:28px; height:28px; }
.cp-evidence--result { margin:0 auto 1.5rem; max-width:42rem; }
.cp-evidence--card { margin:1rem -12px -12px; }
.cp-evidence-popup { width:min(540px,calc(100vw - 2rem)); max-height:calc(100dvh - 2rem); margin:auto; padding:0; border:0; border-radius:26px; background:var(--hs-bg, #fdfbf7); box-shadow:0 20px 80px rgba(26,47,35,.2); overflow-y:auto; overscroll-behavior:contain; }
.cp-evidence-popup::backdrop { background:rgba(23,41,31,.45); }
.cp-evidence-popup__content { padding:26px; }
.cp-evidence-popup__header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.cp-evidence-popup__header > div { min-width:0; }
.cp-evidence-popup h2 { font:800 24px/1.25 'Nunito',sans-serif; margin:0; overflow-wrap:anywhere; }
.cp-evidence-popup p { font-size:13px; line-height:1.8; margin:0 0 14px; }
.cp-evidence-popup__eyebrow, .cp-evidence-popup__scope { color:#5d6b63; font-size:11px!important; }
.cp-evidence-popup__eyebrow { margin:0 0 4px!important; }
.cp-evidence-popup__close { flex:0 0 auto; font:700 12px/1.4 'Plus Jakarta Sans',sans-serif; color:var(--hs-green-dark, #007a5e); background:white; border:1px solid #dce6df; border-radius:999px; min-height:36px; padding:8px 13px; cursor:pointer; }
.cp-evidence-popup__status { display:flex; margin:23px 0 6px; }
.cp-evidence-popup__questionnaire { background:white; border-radius:18px; padding:16px; margin:18px 0; }
.cp-evidence-popup__questionnaire h3 { font:800 16px/1.4 'Nunito',sans-serif; margin:0 0 6px; }
.cp-evidence-popup__questionnaire p { margin:0; }
.cp-evidence-popup__background { border-top:1px solid #dce6df; padding-top:9px; }
.cp-evidence-popup__background > summary { padding:7px 0; font-size:12px; font-weight:700; cursor:pointer; }
.cp-evidence-popup .cp-evidence__content { padding:0; }
.cp-evidence-popup .cp-evidence-popup__full { display:inline-block; font-weight:700; margin:0 0 8px; padding:5px 0; }
@media(max-width:639px) {
    #tests-grid > .test-card-item > .cp-evidence--card { grid-column:2 / -1; grid-row:4; min-width:0; margin:5px 0 0; }
    #tests-grid .cp-evidence--card .cp-evidence__bar { min-height:32px; padding:0 5px 0 9px; gap:5px; border-radius:12px; }
    #tests-grid .cp-evidence--card .cp-evidence__caption { display:none; }
    #tests-grid .cp-evidence--card .cp-evidence__status { font-size:11px; gap:5px; }
    #tests-grid > div.test-card-item > div:has(> img), #tests-grid > div.test-card-item > a.block > div:has(> img) { grid-row:1 / span 4; }
    #tests-grid > article.test-card-item > a { grid-row:1 / span 3; }
    .cp-evidence-popup__content { padding:22px 18px; }
    .cp-evidence-popup__background summary { min-height:44px; }
}
@media(pointer:coarse) { .cp-evidence__info { width:44px; height:44px; flex-basis:44px; } .cp-evidence-popup__close { min-height:44px; } }
@media print { .cp-evidence, .cp-evidence-popup { display:none!important; } }