/* Sustiro · kerncijfer bovenaan het artikel · 2026-10-03 (kerncijfers stap 2)
   Waarden, met bron:
   - Canvas "Sustiro homepage" (outputs/sustiro/design-refero/23-homepage-ontwerp-1.dc.html), sectie "Uit het artikel"
     en de gestippelde navy kaart van de Methode-sectie: achtergrond #1A2A3A met stippen radial-gradient
     rgba(255,255,255,.10) 1.2px / transparent 1.3px op 9px, radius 16, padding 32; kicker mono 13 / .08em / hoofdletters
     / #C9DBEA; cijfer 56 / 1 / 700 / -.02em; zin #E4EDF5 lh 1.5; bron mono 13 / .04em / #C9DBEA; link wit 600 17px,
     onderstreping op 4px; gaten 24 (blokken) en 12 (cijfer · zin · bron).
   - Prompt 26 (besluit Ronald): kop 30px 700 wit, zin 19px, mobiel cijfer 44px en padding 24.
   - Kop-regelhoogte en letterspatie: artikel-opmaak.css h2 (30px, 1.17, -.015em).
   - Marge in de kolom: spacingschaal artikel-opmaak.css (8 · 16 · 24 · 32 · 64) → 32 boven en onder.
   - Bewijstag: .mp-tag uit methodepaneel.css (mono 13, .05em, padding 2px 8px, radius 4, 500, lh 1.6, tint + tekst).
   - Focus op donker: methodepaneel.css (outline 2px #fff, offset 3px).
   - Breekpunt mobiel: artikel-opmaak.css (max-width 760px). */

/* E20 (09-10-2026): kader in Laag 3 bij de alinea, compacter dan het oude kopblok. */
#cvart .body .su-kern{
	display:flex; flex-direction:column; gap:14px;
	margin:20px 0 28px; padding:22px 26px; border-radius:16px;
	background-color:#1A2A3A;
	background-image:radial-gradient(rgba(255,255,255,0.10) 1.2px, transparent 1.3px);
	background-size:9px 9px;
	color:#FFFFFF;
}
#cvart .body .su-kern p{margin:0;}
#cvart .body .su-kern__kicker{
	font-family:var(--su-mono,"IBM Plex Mono",ui-monospace,Consolas,monospace);
	font-size:13px; line-height:1.4; letter-spacing:.08em; text-transform:uppercase; color:#C9DBEA;
}
#cvart .body .su-kern__kop{font-size:22px; line-height:1.25; font-weight:700; letter-spacing:-.01em; color:#FFFFFF;}
#cvart .body .su-kern__feit{display:flex; flex-direction:column; gap:8px;}
#cvart .body .su-kern__cijfer{font-size:44px; line-height:1; font-weight:700; letter-spacing:-.02em; color:#FFFFFF;}
#cvart .body .su-kern__zin{font-size:17px; line-height:1.5; color:#E4EDF5;}
#cvart .body .su-kern__bron{
	display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px;
	font-family:var(--su-mono,"IBM Plex Mono",ui-monospace,Consolas,monospace);
	font-size:13px; line-height:1.5; letter-spacing:.04em; color:#C9DBEA;
}
#cvart .body .su-kern__tag{
	font-family:var(--su-mono,"IBM Plex Mono",ui-monospace,Consolas,monospace);
	font-size:13px; line-height:1.6; letter-spacing:.05em; text-transform:uppercase; font-weight:500;
	padding:2px 8px; border-radius:var(--su-r-tag,4px);
}
#cvart .body .su-kern__tag--sterk{background:var(--su-ev-sterk-tint,#E6EBE8); color:var(--su-ev-sterk-txt,#2d5a3f);}
#cvart .body .su-kern__tag--redelijk{background:var(--su-ev-redelijk-tint,#F6F1E8); color:var(--su-ev-redelijk-txt,#7D5D29);}
#cvart .body .su-kern__tag--wisselend{background:var(--su-ev-wisselend-tint,#EFEDF2); color:var(--su-ev-wisselend-txt,#6B5E7E);}
#cvart .body .su-kern__tag--beperkt{background:var(--su-ev-beperkt-tint,#F1F2F4); color:var(--su-ev-beperkt-txt,#5F646F);}
#cvart .body a.su-kern__lees{
	align-self:flex-start; color:#FFFFFF; font-weight:600; font-size:17px;
	text-decoration:underline; text-underline-offset:4px;
}
#cvart .body a.su-kern__lees:hover{color:#FFFFFF;}
#cvart .body a.su-kern__lees:focus-visible{outline:2px solid #FFFFFF; outline-offset:3px;}

@media (max-width:760px){
	#cvart .body .su-kern{padding:18px 20px;}
	#cvart .body .su-kern__cijfer{font-size:38px;}
}