/* Info-pagina's en meldpunt */
.info-text h2 { font-size: var(--text-lg); }
.info-text ul, .info-text ol { padding-left: var(--space-md); }
.info-text li { margin-bottom: var(--space-xs); }
.info-text :is(.check-list, .rules) { padding-left: 0; } /* eigen rondjes; de gap regelt de ruimte */
.info-text :is(.check-list, .rules) > li { margin-bottom: 0; }

.timeline { list-style: none; margin: 0; padding: 0; position: relative; }
.timeline::before { content: ""; position: absolute; left: 7px; top: 6px; bottom: 6px; width: 2px; background: var(--line); }
.timeline > li { position: relative; padding: 0 0 var(--space-lg) var(--space-xl); }
.timeline > li:last-child { padding-bottom: 0; }
.timeline > li::before { content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 3px var(--surface); }
.timeline > li:last-child::before { background: var(--accent); }
.tl-when { display: inline-block; font-size: var(--text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: var(--tracking-caps); color: var(--primary); }
.tl-body h2 { font-size: var(--text-lg); margin: var(--space-3xs) 0 var(--space-2xs); }

.link-list .icon { width: 16px; height: 16px; }

.meldpunt-intro { display: flex; gap: var(--space-sm); align-items: flex-start; }
.meldpunt-icon { width: 40px; height: 40px; color: var(--color-danger); flex-shrink: 0; }
.report-target { background: var(--surface-2); border-radius: var(--radius-s); padding: var(--space-xs) var(--space-sm); overflow-wrap: anywhere; }