@rijkshuisstijl-community/components-css 1.0.0-alpha.99 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/index.css +3 -3
  3. package/index.scss +7 -4
  4. package/package.json +11 -8
  5. package/src/accordion/index.scss +7 -0
  6. package/src/action-group/index.scss +2 -2
  7. package/src/alert/index.scss +6 -6
  8. package/src/article/index.scss +7 -0
  9. package/src/blockquote/_mixin.scss +17 -0
  10. package/src/blockquote/index.scss +4 -11
  11. package/src/breadcrumb-nav/index.scss +4 -1
  12. package/src/card/_mixin.scss +15 -0
  13. package/src/card/index.scss +8 -0
  14. package/src/code-input/index.scss +6 -10
  15. package/src/{code-input → code-input-group}/_mixin.scss +1 -11
  16. package/src/code-input-group/index.scss +9 -0
  17. package/src/dot-badge/_mixin.scss +2 -2
  18. package/src/dot-badge/index.scss +5 -0
  19. package/src/figure/index.scss +6 -0
  20. package/src/file-input/index.scss +5 -2
  21. package/src/footer/index.scss +94 -18
  22. package/src/form-field/index.scss +4 -0
  23. package/src/heading/index.scss +26 -0
  24. package/src/hero/_mixin.scss +3 -2
  25. package/src/link/_mixin.scss +3 -0
  26. package/src/link-list/index.scss +6 -0
  27. package/src/message-list/_mixin.scss +10 -6
  28. package/src/navigation-list/_mixin.scss +7 -4
  29. package/src/number-badge/index.scss +5 -0
  30. package/src/paragraph/index.scss +6 -0
  31. package/src/pre-heading/index.scss +0 -3
  32. package/src/radio-group/index.scss +4 -0
  33. package/src/skip-link/_mixin.scss +12 -5
  34. package/src/skip-link/index.scss +13 -15
  35. package/src/table/index.scss +6 -0
  36. package/src/unordered-list/index.scss +1 -1
  37. package/src/wrapper/_mixin.scss +420 -417
  38. package/src/wrapper/createSpacingCSS.js +14 -12
  39. package/src/wrapper/index.scss +33 -33
  40. package/src/wrapper/spacing-matrix.json +337 -301
  41. package/src/badgecounter/index.scss +0 -3
  42. /package/src/{textbox → text-input}/index.scss +0 -0
@@ -1,401 +1,401 @@
1
- @mixin utrecht-heading-1 {
2
- .utrecht-heading-1:first-child {
3
- --utrecht-heading-1-margin-block-start: 0;
1
+ @mixin nl-heading--level-1 {
2
+ .nl-heading--level-1:first-child {
3
+ --nl-heading-level-1-margin-block-start: 0;
4
4
  }
5
- .utrecht-heading-1:has(+ .utrecht-heading-2) {
6
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
5
+ .nl-heading--level-1:has(+ .nl-heading--level-2) {
6
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7
7
  }
8
- .utrecht-heading-1:has(+ .utrecht-accordion) {
9
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
8
+ .nl-heading--level-1:has(+ .utrecht-accordion) {
9
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
10
10
  }
11
- .utrecht-heading-1:has(+ .utrecht-alert) {
12
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
11
+ .nl-heading--level-1:has(+ .utrecht-alert) {
12
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
13
13
  }
14
- .utrecht-heading-1:has(+ .utrecht-badge-list) {
15
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
14
+ .nl-heading--level-1:has(+ .utrecht-badge-list) {
15
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
16
16
  }
17
- .utrecht-heading-1:has(+ .utrecht-blockquote) {
18
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
17
+ .nl-heading--level-1:has(+ .utrecht-blockquote) {
18
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
19
19
  }
20
- .utrecht-heading-1:has(+ .utrecht-button) {
21
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
20
+ .nl-heading--level-1:has(+ .utrecht-button) {
21
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
22
22
  }
23
- .utrecht-heading-1:has(+ .utrecht-button-group) {
24
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
23
+ .nl-heading--level-1:has(+ .utrecht-button-group) {
24
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
25
25
  }
26
- .utrecht-heading-1:has(+ .utrecht-data-list) {
27
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
26
+ .nl-heading--level-1:has(+ .utrecht-data-list) {
27
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
28
28
  }
29
- .utrecht-heading-1:has(+ .utrecht-form-field) {
30
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
29
+ .nl-heading--level-1:has(+ .utrecht-form-field) {
30
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
31
31
  }
32
- .utrecht-heading-1:has(+ .utrecht-img) {
33
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
32
+ .nl-heading--level-1:has(+ .utrecht-img) {
33
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
34
34
  }
35
- .utrecht-heading-1:has(+ .utrecht-link) {
36
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
35
+ .nl-heading--level-1:has(+ .utrecht-link) {
36
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
37
37
  }
38
- .utrecht-heading-1:has(+ .utrecht-ordered-list) {
39
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
38
+ .nl-heading--level-1:has(+ .utrecht-ordered-list) {
39
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
40
40
  }
41
- .utrecht-heading-1:has(+ .utrecht-pagination) {
42
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
41
+ .nl-heading--level-1:has(+ .utrecht-pagination) {
42
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
43
43
  }
44
- .utrecht-heading-1:has(+ .utrecht-paragraph) {
45
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
44
+ .nl-heading--level-1:has(+ .nl-paragraph) {
45
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
46
46
  }
47
- .utrecht-heading-1:has(+ .utrecht-separator) {
48
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
47
+ .nl-heading--level-1:has(+ .utrecht-separator) {
48
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
49
49
  }
50
- .utrecht-heading-1:has(+ .utrecht-badge-status) {
51
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
50
+ .nl-heading--level-1:has(+ .utrecht-badge-status) {
51
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
52
52
  }
53
- .utrecht-heading-1:has(+ .utrecht-table) {
54
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
53
+ .nl-heading--level-1:has(+ .utrecht-table) {
54
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
55
55
  }
56
- .utrecht-heading-1:has(+ .utrecht-unordered-list) {
57
- --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
56
+ .nl-heading--level-1:has(+ .utrecht-unordered-list) {
57
+ --nl-heading-level-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
58
58
  }
59
59
  }
60
- @mixin utrecht-heading-2 {
61
- .utrecht-heading-2:first-child {
62
- --utrecht-heading-2-margin-block-start: 0;
60
+ @mixin nl-heading--level-2 {
61
+ .nl-heading--level-2:first-child {
62
+ --nl-heading-level-2-margin-block-start: 0;
63
63
  }
64
- .utrecht-heading-2:has(+ .utrecht-heading-3) {
65
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
64
+ .nl-heading--level-2:has(+ .nl-heading--level-3) {
65
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
66
66
  }
67
- .utrecht-heading-2:has(+ .utrecht-accordion) {
68
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
67
+ .nl-heading--level-2:has(+ .utrecht-accordion) {
68
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
69
69
  }
70
- .utrecht-heading-2:has(+ .utrecht-alert) {
71
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
70
+ .nl-heading--level-2:has(+ .utrecht-alert) {
71
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
72
72
  }
73
- .utrecht-heading-2:has(+ .utrecht-badge-list) {
74
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
73
+ .nl-heading--level-2:has(+ .utrecht-badge-list) {
74
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
75
75
  }
76
- .utrecht-heading-2:has(+ .utrecht-blockquote) {
77
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
76
+ .nl-heading--level-2:has(+ .utrecht-blockquote) {
77
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
78
78
  }
79
- .utrecht-heading-2:has(+ .utrecht-button) {
80
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
79
+ .nl-heading--level-2:has(+ .utrecht-button) {
80
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
81
81
  }
82
- .utrecht-heading-2:has(+ .utrecht-button-group) {
83
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
82
+ .nl-heading--level-2:has(+ .utrecht-button-group) {
83
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
84
84
  }
85
- .utrecht-heading-2:has(+ .utrecht-data-list) {
86
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
85
+ .nl-heading--level-2:has(+ .utrecht-data-list) {
86
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
87
87
  }
88
- .utrecht-heading-2:has(+ .utrecht-figure) {
89
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
88
+ .nl-heading--level-2:has(+ .utrecht-figure) {
89
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
90
90
  }
91
- .utrecht-heading-2:has(+ .utrecht-form-field) {
92
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
91
+ .nl-heading--level-2:has(+ .utrecht-form-field) {
92
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
93
93
  }
94
- .utrecht-heading-2:has(+ .utrecht-img) {
95
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
94
+ .nl-heading--level-2:has(+ .utrecht-img) {
95
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
96
96
  }
97
- .utrecht-heading-2:has(+ .utrecht-link) {
98
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
97
+ .nl-heading--level-2:has(+ .utrecht-link) {
98
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
99
99
  }
100
- .utrecht-heading-2:has(+ .utrecht-ordered-list) {
101
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
100
+ .nl-heading--level-2:has(+ .utrecht-ordered-list) {
101
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
102
102
  }
103
- .utrecht-heading-2:has(+ .utrecht-pagination) {
104
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
103
+ .nl-heading--level-2:has(+ .utrecht-pagination) {
104
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
105
105
  }
106
- .utrecht-heading-2:has(+ .utrecht-paragraph) {
107
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
106
+ .nl-heading--level-2:has(+ .nl-paragraph) {
107
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
108
108
  }
109
- .utrecht-heading-2:has(+ .utrecht-separator) {
110
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
109
+ .nl-heading--level-2:has(+ .utrecht-separator) {
110
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
111
111
  }
112
- .utrecht-heading-2:has(+ .utrecht-sidenav) {
113
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
112
+ .nl-heading--level-2:has(+ .utrecht-sidenav) {
113
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
114
114
  }
115
- .utrecht-heading-2:has(+ .utrecht-badge-status) {
116
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
115
+ .nl-heading--level-2:has(+ .utrecht-badge-status) {
116
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
117
117
  }
118
- .utrecht-heading-2:has(+ .utrecht-table) {
119
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
118
+ .nl-heading--level-2:has(+ .utrecht-table) {
119
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
120
120
  }
121
- .utrecht-heading-2:has(+ .utrecht-unordered-list) {
122
- --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
121
+ .nl-heading--level-2:has(+ .utrecht-unordered-list) {
122
+ --nl-heading-level-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
123
123
  }
124
124
  }
125
- @mixin utrecht-heading-3 {
126
- .utrecht-heading-3:first-child {
127
- --utrecht-heading-3-margin-block-start: 0;
125
+ @mixin nl-heading--level-3 {
126
+ .nl-heading--level-3:first-child {
127
+ --nl-heading-level-3-margin-block-start: 0;
128
128
  }
129
- .utrecht-heading-3:has(+ .utrecht-heading-4) {
130
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
129
+ .nl-heading--level-3:has(+ .nl-heading--level-4) {
130
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
131
131
  }
132
- .utrecht-heading-3:has(+ .utrecht-accordion) {
133
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
132
+ .nl-heading--level-3:has(+ .utrecht-accordion) {
133
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
134
134
  }
135
- .utrecht-heading-3:has(+ .utrecht-alert) {
136
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
135
+ .nl-heading--level-3:has(+ .utrecht-alert) {
136
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
137
137
  }
138
- .utrecht-heading-3:has(+ .utrecht-badge-list) {
139
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
138
+ .nl-heading--level-3:has(+ .utrecht-badge-list) {
139
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
140
140
  }
141
- .utrecht-heading-3:has(+ .utrecht-blockquote) {
142
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
141
+ .nl-heading--level-3:has(+ .utrecht-blockquote) {
142
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
143
143
  }
144
- .utrecht-heading-3:has(+ .utrecht-button) {
145
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
144
+ .nl-heading--level-3:has(+ .utrecht-button) {
145
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
146
146
  }
147
- .utrecht-heading-3:has(+ .utrecht-button-group) {
148
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
147
+ .nl-heading--level-3:has(+ .utrecht-button-group) {
148
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
149
149
  }
150
- .utrecht-heading-3:has(+ .utrecht-data-list) {
151
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
150
+ .nl-heading--level-3:has(+ .utrecht-data-list) {
151
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
152
152
  }
153
- .utrecht-heading-3:has(+ .utrecht-figure) {
154
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
153
+ .nl-heading--level-3:has(+ .utrecht-figure) {
154
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
155
155
  }
156
- .utrecht-heading-3:has(+ .utrecht-form-field) {
157
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
156
+ .nl-heading--level-3:has(+ .utrecht-form-field) {
157
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
158
158
  }
159
- .utrecht-heading-3:has(+ .utrecht-img) {
160
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
159
+ .nl-heading--level-3:has(+ .utrecht-img) {
160
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
161
161
  }
162
- .utrecht-heading-3:has(+ .utrecht-link) {
163
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
162
+ .nl-heading--level-3:has(+ .utrecht-link) {
163
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
164
164
  }
165
- .utrecht-heading-3:has(+ .utrecht-ordered-list) {
166
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
165
+ .nl-heading--level-3:has(+ .utrecht-ordered-list) {
166
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
167
167
  }
168
- .utrecht-heading-3:has(+ .utrecht-pagination) {
169
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
168
+ .nl-heading--level-3:has(+ .utrecht-pagination) {
169
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
170
170
  }
171
- .utrecht-heading-3:has(+ .utrecht-paragraph) {
172
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
171
+ .nl-heading--level-3:has(+ .nl-paragraph) {
172
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
173
173
  }
174
- .utrecht-heading-3:has(+ .utrecht-separator) {
175
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
174
+ .nl-heading--level-3:has(+ .utrecht-separator) {
175
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
176
176
  }
177
- .utrecht-heading-3:has(+ .utrecht-sidenav) {
178
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
177
+ .nl-heading--level-3:has(+ .utrecht-sidenav) {
178
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
179
179
  }
180
- .utrecht-heading-3:has(+ .utrecht-badge-status) {
181
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
180
+ .nl-heading--level-3:has(+ .utrecht-badge-status) {
181
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
182
182
  }
183
- .utrecht-heading-3:has(+ .utrecht-table) {
184
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
183
+ .nl-heading--level-3:has(+ .utrecht-table) {
184
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
185
185
  }
186
- .utrecht-heading-3:has(+ .utrecht-unordered-list) {
187
- --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
186
+ .nl-heading--level-3:has(+ .utrecht-unordered-list) {
187
+ --nl-heading-level-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
188
188
  }
189
189
  }
190
- @mixin utrecht-heading-4 {
191
- .utrecht-heading-4:first-child {
192
- --utrecht-heading-4-margin-block-start: 0;
190
+ @mixin nl-heading--level-4 {
191
+ .nl-heading--level-4:first-child {
192
+ --nl-heading-level-4-margin-block-start: 0;
193
193
  }
194
- .utrecht-heading-4:has(+ .utrecht-heading-5) {
195
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
194
+ .nl-heading--level-4:has(+ .nl-heading--level-5) {
195
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
196
196
  }
197
- .utrecht-heading-4:has(+ .utrecht-accordion) {
198
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
197
+ .nl-heading--level-4:has(+ .utrecht-accordion) {
198
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
199
199
  }
200
- .utrecht-heading-4:has(+ .utrecht-alert) {
201
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
200
+ .nl-heading--level-4:has(+ .utrecht-alert) {
201
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
202
202
  }
203
- .utrecht-heading-4:has(+ .utrecht-badge-list) {
204
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
203
+ .nl-heading--level-4:has(+ .utrecht-badge-list) {
204
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
205
205
  }
206
- .utrecht-heading-4:has(+ .utrecht-blockquote) {
207
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
206
+ .nl-heading--level-4:has(+ .utrecht-blockquote) {
207
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
208
208
  }
209
- .utrecht-heading-4:has(+ .utrecht-button) {
210
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
209
+ .nl-heading--level-4:has(+ .utrecht-button) {
210
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
211
211
  }
212
- .utrecht-heading-4:has(+ .utrecht-button-group) {
213
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
212
+ .nl-heading--level-4:has(+ .utrecht-button-group) {
213
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
214
214
  }
215
- .utrecht-heading-4:has(+ .utrecht-data-list) {
216
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
215
+ .nl-heading--level-4:has(+ .utrecht-data-list) {
216
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
217
217
  }
218
- .utrecht-heading-4:has(+ .utrecht-figure) {
219
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
218
+ .nl-heading--level-4:has(+ .utrecht-figure) {
219
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
220
220
  }
221
- .utrecht-heading-4:has(+ .utrecht-form-field) {
222
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
221
+ .nl-heading--level-4:has(+ .utrecht-form-field) {
222
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
223
223
  }
224
- .utrecht-heading-4:has(+ .utrecht-img) {
225
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
224
+ .nl-heading--level-4:has(+ .utrecht-img) {
225
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
226
226
  }
227
- .utrecht-heading-4:has(+ .utrecht-link) {
228
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
227
+ .nl-heading--level-4:has(+ .utrecht-link) {
228
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
229
229
  }
230
- .utrecht-heading-4:has(+ .utrecht-ordered-list) {
231
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
230
+ .nl-heading--level-4:has(+ .utrecht-ordered-list) {
231
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
232
232
  }
233
- .utrecht-heading-4:has(+ .utrecht-pagination) {
234
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
233
+ .nl-heading--level-4:has(+ .utrecht-pagination) {
234
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
235
235
  }
236
- .utrecht-heading-4:has(+ .utrecht-paragraph) {
237
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
236
+ .nl-heading--level-4:has(+ .nl-paragraph) {
237
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
238
238
  }
239
- .utrecht-heading-4:has(+ .utrecht-separator) {
240
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
239
+ .nl-heading--level-4:has(+ .utrecht-separator) {
240
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
241
241
  }
242
- .utrecht-heading-4:has(+ .utrecht-sidenav) {
243
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
242
+ .nl-heading--level-4:has(+ .utrecht-sidenav) {
243
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
244
244
  }
245
- .utrecht-heading-4:has(+ .utrecht-badge-status) {
246
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
245
+ .nl-heading--level-4:has(+ .utrecht-badge-status) {
246
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
247
247
  }
248
- .utrecht-heading-4:has(+ .utrecht-table) {
249
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
248
+ .nl-heading--level-4:has(+ .utrecht-table) {
249
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
250
250
  }
251
- .utrecht-heading-4:has(+ .utrecht-unordered-list) {
252
- --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
251
+ .nl-heading--level-4:has(+ .utrecht-unordered-list) {
252
+ --nl-heading-level-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
253
253
  }
254
254
  }
255
- @mixin utrecht-heading-5 {
256
- .utrecht-heading-5:first-child {
257
- --utrecht-heading-5-margin-block-start: 0;
255
+ @mixin nl-heading--level-5 {
256
+ .nl-heading--level-5:first-child {
257
+ --nl-heading-level-5-margin-block-start: 0;
258
258
  }
259
- .utrecht-heading-5:has(+ .utrecht-heading-6) {
260
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
259
+ .nl-heading--level-5:has(+ .nl-heading--level-6) {
260
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
261
261
  }
262
- .utrecht-heading-5:has(+ .utrecht-accordion) {
263
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
262
+ .nl-heading--level-5:has(+ .utrecht-accordion) {
263
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
264
264
  }
265
- .utrecht-heading-5:has(+ .utrecht-alert) {
266
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
265
+ .nl-heading--level-5:has(+ .utrecht-alert) {
266
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
267
267
  }
268
- .utrecht-heading-5:has(+ .utrecht-badge-list) {
269
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
268
+ .nl-heading--level-5:has(+ .utrecht-badge-list) {
269
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
270
270
  }
271
- .utrecht-heading-5:has(+ .utrecht-blockquote) {
272
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
271
+ .nl-heading--level-5:has(+ .utrecht-blockquote) {
272
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
273
273
  }
274
- .utrecht-heading-5:has(+ .utrecht-button) {
275
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
274
+ .nl-heading--level-5:has(+ .utrecht-button) {
275
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
276
276
  }
277
- .utrecht-heading-5:has(+ .utrecht-button-group) {
278
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
277
+ .nl-heading--level-5:has(+ .utrecht-button-group) {
278
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
279
279
  }
280
- .utrecht-heading-5:has(+ .utrecht-data-list) {
281
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
280
+ .nl-heading--level-5:has(+ .utrecht-data-list) {
281
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
282
282
  }
283
- .utrecht-heading-5:has(+ .utrecht-figure) {
284
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
283
+ .nl-heading--level-5:has(+ .utrecht-figure) {
284
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
285
285
  }
286
- .utrecht-heading-5:has(+ .utrecht-form-field) {
287
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
286
+ .nl-heading--level-5:has(+ .utrecht-form-field) {
287
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
288
288
  }
289
- .utrecht-heading-5:has(+ .utrecht-img) {
290
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
289
+ .nl-heading--level-5:has(+ .utrecht-img) {
290
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
291
291
  }
292
- .utrecht-heading-5:has(+ .utrecht-link) {
293
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
292
+ .nl-heading--level-5:has(+ .utrecht-link) {
293
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
294
294
  }
295
- .utrecht-heading-5:has(+ .utrecht-ordered-list) {
296
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
295
+ .nl-heading--level-5:has(+ .utrecht-ordered-list) {
296
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
297
297
  }
298
- .utrecht-heading-5:has(+ .utrecht-pagination) {
299
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
298
+ .nl-heading--level-5:has(+ .utrecht-pagination) {
299
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
300
300
  }
301
- .utrecht-heading-5:has(+ .utrecht-paragraph) {
302
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
301
+ .nl-heading--level-5:has(+ .nl-paragraph) {
302
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
303
303
  }
304
- .utrecht-heading-5:has(+ .utrecht-separator) {
305
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
304
+ .nl-heading--level-5:has(+ .utrecht-separator) {
305
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
306
306
  }
307
- .utrecht-heading-5:has(+ .utrecht-sidenav) {
308
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
307
+ .nl-heading--level-5:has(+ .utrecht-sidenav) {
308
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
309
309
  }
310
- .utrecht-heading-5:has(+ .utrecht-badge-status) {
311
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
310
+ .nl-heading--level-5:has(+ .utrecht-badge-status) {
311
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
312
312
  }
313
- .utrecht-heading-5:has(+ .utrecht-table) {
314
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
313
+ .nl-heading--level-5:has(+ .utrecht-table) {
314
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
315
315
  }
316
- .utrecht-heading-5:has(+ .utrecht-unordered-list) {
317
- --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
316
+ .nl-heading--level-5:has(+ .utrecht-unordered-list) {
317
+ --nl-heading-level-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
318
318
  }
319
319
  }
320
- @mixin utrecht-heading-6 {
321
- .utrecht-heading-6:first-child {
322
- --utrecht-heading-6-margin-block-start: 0;
320
+ @mixin nl-heading--level-6 {
321
+ .nl-heading--level-6:first-child {
322
+ --nl-heading-level-6-margin-block-start: 0;
323
323
  }
324
- .utrecht-heading-6:has(+ .utrecht-accordion) {
325
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
324
+ .nl-heading--level-6:has(+ .utrecht-accordion) {
325
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
326
326
  }
327
- .utrecht-heading-6:has(+ .utrecht-alert) {
328
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
327
+ .nl-heading--level-6:has(+ .utrecht-alert) {
328
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
329
329
  }
330
- .utrecht-heading-6:has(+ .utrecht-badge-list) {
331
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
330
+ .nl-heading--level-6:has(+ .utrecht-badge-list) {
331
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
332
332
  }
333
- .utrecht-heading-6:has(+ .utrecht-blockquote) {
334
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
333
+ .nl-heading--level-6:has(+ .utrecht-blockquote) {
334
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
335
335
  }
336
- .utrecht-heading-6:has(+ .utrecht-button) {
337
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
336
+ .nl-heading--level-6:has(+ .utrecht-button) {
337
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
338
338
  }
339
- .utrecht-heading-6:has(+ .utrecht-button-group) {
340
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
339
+ .nl-heading--level-6:has(+ .utrecht-button-group) {
340
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
341
341
  }
342
- .utrecht-heading-6:has(+ .utrecht-data-list) {
343
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
342
+ .nl-heading--level-6:has(+ .utrecht-data-list) {
343
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
344
344
  }
345
- .utrecht-heading-6:has(+ .utrecht-figure) {
346
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
345
+ .nl-heading--level-6:has(+ .utrecht-figure) {
346
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
347
347
  }
348
- .utrecht-heading-6:has(+ .utrecht-form-field) {
349
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
348
+ .nl-heading--level-6:has(+ .utrecht-form-field) {
349
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
350
350
  }
351
- .utrecht-heading-6:has(+ .utrecht-img) {
352
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
351
+ .nl-heading--level-6:has(+ .utrecht-img) {
352
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
353
353
  }
354
- .utrecht-heading-6:has(+ .utrecht-link) {
355
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
354
+ .nl-heading--level-6:has(+ .utrecht-link) {
355
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
356
356
  }
357
- .utrecht-heading-6:has(+ .utrecht-ordered-list) {
358
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
357
+ .nl-heading--level-6:has(+ .utrecht-ordered-list) {
358
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
359
359
  }
360
- .utrecht-heading-6:has(+ .utrecht-pagination) {
361
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
360
+ .nl-heading--level-6:has(+ .utrecht-pagination) {
361
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
362
362
  }
363
- .utrecht-heading-6:has(+ .utrecht-paragraph) {
364
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
363
+ .nl-heading--level-6:has(+ .nl-paragraph) {
364
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
365
365
  }
366
- .utrecht-heading-6:has(+ .utrecht-separator) {
367
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
366
+ .nl-heading--level-6:has(+ .utrecht-separator) {
367
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
368
368
  }
369
- .utrecht-heading-6:has(+ .utrecht-sidenav) {
370
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
369
+ .nl-heading--level-6:has(+ .utrecht-sidenav) {
370
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
371
371
  }
372
- .utrecht-heading-6:has(+ .utrecht-badge-status) {
373
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
372
+ .nl-heading--level-6:has(+ .utrecht-badge-status) {
373
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
374
374
  }
375
- .utrecht-heading-6:has(+ .utrecht-table) {
376
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
375
+ .nl-heading--level-6:has(+ .utrecht-table) {
376
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
377
377
  }
378
- .utrecht-heading-6:has(+ .utrecht-unordered-list) {
379
- --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
378
+ .nl-heading--level-6:has(+ .utrecht-unordered-list) {
379
+ --nl-heading-level-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
380
380
  }
381
381
  }
382
382
  @mixin utrecht-accordion {
383
383
  .utrecht-accordion:first-child {
384
384
  --utrecht-accordion-margin-block-start: 0;
385
385
  }
386
- .utrecht-accordion:has(+ .utrecht-heading-2) {
386
+ .utrecht-accordion:has(+ .nl-heading--level-2) {
387
387
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
388
388
  }
389
- .utrecht-accordion:has(+ .utrecht-heading-3) {
389
+ .utrecht-accordion:has(+ .nl-heading--level-3) {
390
390
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
391
391
  }
392
- .utrecht-accordion:has(+ .utrecht-heading-4) {
392
+ .utrecht-accordion:has(+ .nl-heading--level-4) {
393
393
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
394
394
  }
395
- .utrecht-accordion:has(+ .utrecht-heading-5) {
395
+ .utrecht-accordion:has(+ .nl-heading--level-5) {
396
396
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
397
397
  }
398
- .utrecht-accordion:has(+ .utrecht-heading-6) {
398
+ .utrecht-accordion:has(+ .nl-heading--level-6) {
399
399
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
400
400
  }
401
401
  .utrecht-accordion:has(+ .utrecht-accordion) {
@@ -434,7 +434,7 @@
434
434
  .utrecht-accordion:has(+ .utrecht-ordered-list) {
435
435
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
436
436
  }
437
- .utrecht-accordion:has(+ .utrecht-paragraph) {
437
+ .utrecht-accordion:has(+ .nl-paragraph) {
438
438
  --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
439
439
  }
440
440
  .utrecht-accordion:has(+ .utrecht-separator) {
@@ -454,22 +454,22 @@
454
454
  .utrecht-alert:first-child {
455
455
  --utrecht-alert-margin-block-start: 0;
456
456
  }
457
- .utrecht-alert:has(+ .utrecht-heading-1) {
457
+ .utrecht-alert:has(+ .nl-heading--level-1) {
458
458
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
459
459
  }
460
- .utrecht-alert:has(+ .utrecht-heading-2) {
460
+ .utrecht-alert:has(+ .nl-heading--level-2) {
461
461
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
462
462
  }
463
- .utrecht-alert:has(+ .utrecht-heading-3) {
463
+ .utrecht-alert:has(+ .nl-heading--level-3) {
464
464
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
465
465
  }
466
- .utrecht-alert:has(+ .utrecht-heading-4) {
466
+ .utrecht-alert:has(+ .nl-heading--level-4) {
467
467
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
468
468
  }
469
- .utrecht-alert:has(+ .utrecht-heading-5) {
469
+ .utrecht-alert:has(+ .nl-heading--level-5) {
470
470
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
471
471
  }
472
- .utrecht-alert:has(+ .utrecht-heading-6) {
472
+ .utrecht-alert:has(+ .nl-heading--level-6) {
473
473
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
474
474
  }
475
475
  .utrecht-alert:has(+ .utrecht-accordion) {
@@ -511,7 +511,7 @@
511
511
  .utrecht-alert:has(+ .utrecht-pagination) {
512
512
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
513
513
  }
514
- .utrecht-alert:has(+ .utrecht-paragraph) {
514
+ .utrecht-alert:has(+ .nl-paragraph) {
515
515
  --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
516
516
  }
517
517
  .utrecht-alert:has(+ .utrecht-separator) {
@@ -531,22 +531,22 @@
531
531
  .utrecht-badge-list:first-child {
532
532
  --utrecht-badge-list-margin-block-start: 0;
533
533
  }
534
- .utrecht-badge-list:has(+ .utrecht-heading-1) {
534
+ .utrecht-badge-list:has(+ .nl-heading--level-1) {
535
535
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
536
536
  }
537
- .utrecht-badge-list:has(+ .utrecht-heading-2) {
537
+ .utrecht-badge-list:has(+ .nl-heading--level-2) {
538
538
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
539
539
  }
540
- .utrecht-badge-list:has(+ .utrecht-heading-3) {
540
+ .utrecht-badge-list:has(+ .nl-heading--level-3) {
541
541
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
542
542
  }
543
- .utrecht-badge-list:has(+ .utrecht-heading-4) {
543
+ .utrecht-badge-list:has(+ .nl-heading--level-4) {
544
544
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
545
545
  }
546
- .utrecht-badge-list:has(+ .utrecht-heading-5) {
546
+ .utrecht-badge-list:has(+ .nl-heading--level-5) {
547
547
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
548
548
  }
549
- .utrecht-badge-list:has(+ .utrecht-heading-6) {
549
+ .utrecht-badge-list:has(+ .nl-heading--level-6) {
550
550
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
551
551
  }
552
552
  .utrecht-badge-list:has(+ .utrecht-accordion) {
@@ -582,7 +582,7 @@
582
582
  .utrecht-badge-list:has(+ .utrecht-ordered-list) {
583
583
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
584
584
  }
585
- .utrecht-badge-list:has(+ .utrecht-paragraph) {
585
+ .utrecht-badge-list:has(+ .nl-paragraph) {
586
586
  --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
587
587
  }
588
588
  .utrecht-badge-list:has(+ .utrecht-separator) {
@@ -599,19 +599,19 @@
599
599
  .utrecht-blockquote:first-child {
600
600
  --utrecht-blockquote-margin-block-start: 0;
601
601
  }
602
- .utrecht-blockquote:has(+ .utrecht-heading-2) {
602
+ .utrecht-blockquote:has(+ .nl-heading--level-2) {
603
603
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
604
604
  }
605
- .utrecht-blockquote:has(+ .utrecht-heading-3) {
605
+ .utrecht-blockquote:has(+ .nl-heading--level-3) {
606
606
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
607
607
  }
608
- .utrecht-blockquote:has(+ .utrecht-heading-4) {
608
+ .utrecht-blockquote:has(+ .nl-heading--level-4) {
609
609
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
610
610
  }
611
- .utrecht-blockquote:has(+ .utrecht-heading-5) {
611
+ .utrecht-blockquote:has(+ .nl-heading--level-5) {
612
612
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
613
613
  }
614
- .utrecht-blockquote:has(+ .utrecht-heading-6) {
614
+ .utrecht-blockquote:has(+ .nl-heading--level-6) {
615
615
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
616
616
  }
617
617
  .utrecht-blockquote:has(+ .utrecht-accordion) {
@@ -653,7 +653,7 @@
653
653
  .utrecht-blockquote:has(+ .utrecht-pagination) {
654
654
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
655
655
  }
656
- .utrecht-blockquote:has(+ .utrecht-paragraph) {
656
+ .utrecht-blockquote:has(+ .nl-paragraph) {
657
657
  --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
658
658
  }
659
659
  .utrecht-blockquote:has(+ .utrecht-separator) {
@@ -670,22 +670,22 @@
670
670
  .utrecht-breadcrumb-nav:first-child {
671
671
  --utrecht-breadcrumb-nav-margin-block-start: 0;
672
672
  }
673
- .utrecht-breadcrumb-nav:has(+ .utrecht-heading-1) {
673
+ .utrecht-breadcrumb-nav:has(+ .nl-heading--level-1) {
674
674
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
675
675
  }
676
- .utrecht-breadcrumb-nav:has(+ .utrecht-heading-2) {
676
+ .utrecht-breadcrumb-nav:has(+ .nl-heading--level-2) {
677
677
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
678
678
  }
679
- .utrecht-breadcrumb-nav:has(+ .utrecht-heading-3) {
679
+ .utrecht-breadcrumb-nav:has(+ .nl-heading--level-3) {
680
680
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
681
681
  }
682
- .utrecht-breadcrumb-nav:has(+ .utrecht-heading-4) {
682
+ .utrecht-breadcrumb-nav:has(+ .nl-heading--level-4) {
683
683
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
684
684
  }
685
- .utrecht-breadcrumb-nav:has(+ .utrecht-heading-5) {
685
+ .utrecht-breadcrumb-nav:has(+ .nl-heading--level-5) {
686
686
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
687
687
  }
688
- .utrecht-breadcrumb-nav:has(+ .utrecht-heading-6) {
688
+ .utrecht-breadcrumb-nav:has(+ .nl-heading--level-6) {
689
689
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
690
690
  }
691
691
  .utrecht-breadcrumb-nav:has(+ .utrecht-accordion) {
@@ -727,7 +727,7 @@
727
727
  .utrecht-breadcrumb-nav:has(+ .utrecht-pagination) {
728
728
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
729
729
  }
730
- .utrecht-breadcrumb-nav:has(+ .utrecht-paragraph) {
730
+ .utrecht-breadcrumb-nav:has(+ .nl-paragraph) {
731
731
  --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
732
732
  }
733
733
  .utrecht-breadcrumb-nav:has(+ .utrecht-separator) {
@@ -750,19 +750,19 @@
750
750
  .utrecht-button:first-child {
751
751
  --utrecht-button-margin-block-start: 0;
752
752
  }
753
- .utrecht-button:has(+ .utrecht-heading-2) {
753
+ .utrecht-button:has(+ .nl-heading--level-2) {
754
754
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
755
755
  }
756
- .utrecht-button:has(+ .utrecht-heading-3) {
756
+ .utrecht-button:has(+ .nl-heading--level-3) {
757
757
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
758
758
  }
759
- .utrecht-button:has(+ .utrecht-heading-4) {
759
+ .utrecht-button:has(+ .nl-heading--level-4) {
760
760
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
761
761
  }
762
- .utrecht-button:has(+ .utrecht-heading-5) {
762
+ .utrecht-button:has(+ .nl-heading--level-5) {
763
763
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
764
764
  }
765
- .utrecht-button:has(+ .utrecht-heading-6) {
765
+ .utrecht-button:has(+ .nl-heading--level-6) {
766
766
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
767
767
  }
768
768
  .utrecht-button:has(+ .utrecht-accordion) {
@@ -798,7 +798,7 @@
798
798
  .utrecht-button:has(+ .utrecht-ordered-list) {
799
799
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
800
800
  }
801
- .utrecht-button:has(+ .utrecht-paragraph) {
801
+ .utrecht-button:has(+ .nl-paragraph) {
802
802
  --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
803
803
  }
804
804
  .utrecht-button:has(+ .utrecht-separator) {
@@ -818,19 +818,19 @@
818
818
  .utrecht-button-group:first-child {
819
819
  --utrecht-button-group-margin-block-start: 0;
820
820
  }
821
- .utrecht-button-group:has(+ .utrecht-heading-2) {
821
+ .utrecht-button-group:has(+ .nl-heading--level-2) {
822
822
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
823
823
  }
824
- .utrecht-button-group:has(+ .utrecht-heading-3) {
824
+ .utrecht-button-group:has(+ .nl-heading--level-3) {
825
825
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
826
826
  }
827
- .utrecht-button-group:has(+ .utrecht-heading-4) {
827
+ .utrecht-button-group:has(+ .nl-heading--level-4) {
828
828
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
829
829
  }
830
- .utrecht-button-group:has(+ .utrecht-heading-5) {
830
+ .utrecht-button-group:has(+ .nl-heading--level-5) {
831
831
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
832
832
  }
833
- .utrecht-button-group:has(+ .utrecht-heading-6) {
833
+ .utrecht-button-group:has(+ .nl-heading--level-6) {
834
834
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
835
835
  }
836
836
  .utrecht-button-group:has(+ .utrecht-accordion) {
@@ -866,7 +866,7 @@
866
866
  .utrecht-button-group:has(+ .utrecht-ordered-list) {
867
867
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
868
868
  }
869
- .utrecht-button-group:has(+ .utrecht-paragraph) {
869
+ .utrecht-button-group:has(+ .nl-paragraph) {
870
870
  --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
871
871
  }
872
872
  .utrecht-button-group:has(+ .utrecht-separator) {
@@ -886,19 +886,19 @@
886
886
  .utrecht-data-list:first-child {
887
887
  --utrecht-data-list-margin-block-start: 0;
888
888
  }
889
- .utrecht-data-list:has(+ .utrecht-heading-2) {
889
+ .utrecht-data-list:has(+ .nl-heading--level-2) {
890
890
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
891
891
  }
892
- .utrecht-data-list:has(+ .utrecht-heading-3) {
892
+ .utrecht-data-list:has(+ .nl-heading--level-3) {
893
893
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
894
894
  }
895
- .utrecht-data-list:has(+ .utrecht-heading-4) {
895
+ .utrecht-data-list:has(+ .nl-heading--level-4) {
896
896
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
897
897
  }
898
- .utrecht-data-list:has(+ .utrecht-heading-5) {
898
+ .utrecht-data-list:has(+ .nl-heading--level-5) {
899
899
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
900
900
  }
901
- .utrecht-data-list:has(+ .utrecht-heading-6) {
901
+ .utrecht-data-list:has(+ .nl-heading--level-6) {
902
902
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
903
903
  }
904
904
  .utrecht-data-list:has(+ .utrecht-accordion) {
@@ -940,7 +940,7 @@
940
940
  .utrecht-data-list:has(+ .utrecht-pagination) {
941
941
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
942
942
  }
943
- .utrecht-data-list:has(+ .utrecht-paragraph) {
943
+ .utrecht-data-list:has(+ .nl-paragraph) {
944
944
  --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
945
945
  }
946
946
  .utrecht-data-list:has(+ .utrecht-separator) {
@@ -957,19 +957,19 @@
957
957
  .utrecht-figure:first-child {
958
958
  --utrecht-figure-margin-block-start: 0;
959
959
  }
960
- .utrecht-figure:has(+ .utrecht-heading-2) {
960
+ .utrecht-figure:has(+ .nl-heading--level-2) {
961
961
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
962
962
  }
963
- .utrecht-figure:has(+ .utrecht-heading-3) {
963
+ .utrecht-figure:has(+ .nl-heading--level-3) {
964
964
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
965
965
  }
966
- .utrecht-figure:has(+ .utrecht-heading-4) {
966
+ .utrecht-figure:has(+ .nl-heading--level-4) {
967
967
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
968
968
  }
969
- .utrecht-figure:has(+ .utrecht-heading-5) {
969
+ .utrecht-figure:has(+ .nl-heading--level-5) {
970
970
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
971
971
  }
972
- .utrecht-figure:has(+ .utrecht-heading-6) {
972
+ .utrecht-figure:has(+ .nl-heading--level-6) {
973
973
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
974
974
  }
975
975
  .utrecht-figure:has(+ .utrecht-accordion) {
@@ -1008,7 +1008,7 @@
1008
1008
  .utrecht-figure:has(+ .utrecht-pagination) {
1009
1009
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1010
1010
  }
1011
- .utrecht-figure:has(+ .utrecht-paragraph) {
1011
+ .utrecht-figure:has(+ .nl-paragraph) {
1012
1012
  --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1013
1013
  }
1014
1014
  .utrecht-figure:has(+ .utrecht-separator) {
@@ -1025,19 +1025,19 @@
1025
1025
  .utrecht-form-field:first-child {
1026
1026
  --utrecht-form-field-margin-block-start: 0;
1027
1027
  }
1028
- .utrecht-form-field:has(+ .utrecht-heading-2) {
1028
+ .utrecht-form-field:has(+ .nl-heading--level-2) {
1029
1029
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1030
1030
  }
1031
- .utrecht-form-field:has(+ .utrecht-heading-3) {
1031
+ .utrecht-form-field:has(+ .nl-heading--level-3) {
1032
1032
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1033
1033
  }
1034
- .utrecht-form-field:has(+ .utrecht-heading-4) {
1034
+ .utrecht-form-field:has(+ .nl-heading--level-4) {
1035
1035
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1036
1036
  }
1037
- .utrecht-form-field:has(+ .utrecht-heading-5) {
1037
+ .utrecht-form-field:has(+ .nl-heading--level-5) {
1038
1038
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1039
1039
  }
1040
- .utrecht-form-field:has(+ .utrecht-heading-6) {
1040
+ .utrecht-form-field:has(+ .nl-heading--level-6) {
1041
1041
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1042
1042
  }
1043
1043
  .utrecht-form-field:has(+ .utrecht-accordion) {
@@ -1076,7 +1076,7 @@
1076
1076
  .utrecht-form-field:has(+ .utrecht-ordered-list) {
1077
1077
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1078
1078
  }
1079
- .utrecht-form-field:has(+ .utrecht-paragraph) {
1079
+ .utrecht-form-field:has(+ .nl-paragraph) {
1080
1080
  --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1081
1081
  }
1082
1082
  .utrecht-form-field:has(+ .utrecht-separator) {
@@ -1150,19 +1150,19 @@
1150
1150
  .utrecht-img:first-child {
1151
1151
  --utrecht-img-margin-block-start: 0;
1152
1152
  }
1153
- .utrecht-img:has(+ .utrecht-heading-2) {
1153
+ .utrecht-img:has(+ .nl-heading--level-2) {
1154
1154
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1155
1155
  }
1156
- .utrecht-img:has(+ .utrecht-heading-3) {
1156
+ .utrecht-img:has(+ .nl-heading--level-3) {
1157
1157
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1158
1158
  }
1159
- .utrecht-img:has(+ .utrecht-heading-4) {
1159
+ .utrecht-img:has(+ .nl-heading--level-4) {
1160
1160
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1161
1161
  }
1162
- .utrecht-img:has(+ .utrecht-heading-5) {
1162
+ .utrecht-img:has(+ .nl-heading--level-5) {
1163
1163
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1164
1164
  }
1165
- .utrecht-img:has(+ .utrecht-heading-6) {
1165
+ .utrecht-img:has(+ .nl-heading--level-6) {
1166
1166
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1167
1167
  }
1168
1168
  .utrecht-img:has(+ .utrecht-accordion) {
@@ -1201,7 +1201,7 @@
1201
1201
  .utrecht-img:has(+ .utrecht-pagination) {
1202
1202
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1203
1203
  }
1204
- .utrecht-img:has(+ .utrecht-paragraph) {
1204
+ .utrecht-img:has(+ .nl-paragraph) {
1205
1205
  --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1206
1206
  }
1207
1207
  .utrecht-img:has(+ .utrecht-separator) {
@@ -1218,19 +1218,19 @@
1218
1218
  .utrecht-link:first-child {
1219
1219
  --utrecht-link-margin-block-start: 0;
1220
1220
  }
1221
- .utrecht-link:has(+ .utrecht-heading-2) {
1221
+ .utrecht-link:has(+ .nl-heading--level-2) {
1222
1222
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1223
1223
  }
1224
- .utrecht-link:has(+ .utrecht-heading-3) {
1224
+ .utrecht-link:has(+ .nl-heading--level-3) {
1225
1225
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1226
1226
  }
1227
- .utrecht-link:has(+ .utrecht-heading-4) {
1227
+ .utrecht-link:has(+ .nl-heading--level-4) {
1228
1228
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1229
1229
  }
1230
- .utrecht-link:has(+ .utrecht-heading-5) {
1230
+ .utrecht-link:has(+ .nl-heading--level-5) {
1231
1231
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1232
1232
  }
1233
- .utrecht-link:has(+ .utrecht-heading-6) {
1233
+ .utrecht-link:has(+ .nl-heading--level-6) {
1234
1234
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1235
1235
  }
1236
1236
  .utrecht-link:has(+ .utrecht-accordion) {
@@ -1266,7 +1266,7 @@
1266
1266
  .utrecht-link:has(+ .utrecht-ordered-list) {
1267
1267
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1268
1268
  }
1269
- .utrecht-link:has(+ .utrecht-paragraph) {
1269
+ .utrecht-link:has(+ .nl-paragraph) {
1270
1270
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1271
1271
  }
1272
1272
  .utrecht-link:has(+ .utrecht-separator) {
@@ -1276,7 +1276,7 @@
1276
1276
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1277
1277
  }
1278
1278
  .utrecht-link:has(+ .utrecht-table) {
1279
- --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1279
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1280
1280
  }
1281
1281
  .utrecht-link:has(+ .utrecht-unordered-list) {
1282
1282
  --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
@@ -1286,19 +1286,19 @@
1286
1286
  .utrecht-ordered-list:first-child {
1287
1287
  --utrecht-ordered-list-margin-block-start: 0;
1288
1288
  }
1289
- .utrecht-ordered-list:has(+ .utrecht-heading-2) {
1289
+ .utrecht-ordered-list:has(+ .nl-heading--level-2) {
1290
1290
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1291
1291
  }
1292
- .utrecht-ordered-list:has(+ .utrecht-heading-3) {
1292
+ .utrecht-ordered-list:has(+ .nl-heading--level-3) {
1293
1293
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1294
1294
  }
1295
- .utrecht-ordered-list:has(+ .utrecht-heading-4) {
1295
+ .utrecht-ordered-list:has(+ .nl-heading--level-4) {
1296
1296
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1297
1297
  }
1298
- .utrecht-ordered-list:has(+ .utrecht-heading-5) {
1298
+ .utrecht-ordered-list:has(+ .nl-heading--level-5) {
1299
1299
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1300
1300
  }
1301
- .utrecht-ordered-list:has(+ .utrecht-heading-6) {
1301
+ .utrecht-ordered-list:has(+ .nl-heading--level-6) {
1302
1302
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1303
1303
  }
1304
1304
  .utrecht-ordered-list:has(+ .utrecht-accordion) {
@@ -1337,8 +1337,8 @@
1337
1337
  .utrecht-ordered-list:has(+ .utrecht-pagination) {
1338
1338
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1339
1339
  }
1340
- .utrecht-ordered-list:has(+ .utrecht-paragraph) {
1341
- --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1340
+ .utrecht-ordered-list:has(+ .nl-paragraph) {
1341
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1342
1342
  }
1343
1343
  .utrecht-ordered-list:has(+ .utrecht-separator) {
1344
1344
  --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
@@ -1354,19 +1354,19 @@
1354
1354
  .utrecht-pagination:first-child {
1355
1355
  --utrecht-pagination-margin-block-start: 0;
1356
1356
  }
1357
- .utrecht-pagination:has(+ .utrecht-heading-2) {
1357
+ .utrecht-pagination:has(+ .nl-heading--level-2) {
1358
1358
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1359
1359
  }
1360
- .utrecht-pagination:has(+ .utrecht-heading-3) {
1360
+ .utrecht-pagination:has(+ .nl-heading--level-3) {
1361
1361
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1362
1362
  }
1363
- .utrecht-pagination:has(+ .utrecht-heading-4) {
1363
+ .utrecht-pagination:has(+ .nl-heading--level-4) {
1364
1364
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1365
1365
  }
1366
- .utrecht-pagination:has(+ .utrecht-heading-5) {
1366
+ .utrecht-pagination:has(+ .nl-heading--level-5) {
1367
1367
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1368
1368
  }
1369
- .utrecht-pagination:has(+ .utrecht-heading-6) {
1369
+ .utrecht-pagination:has(+ .nl-heading--level-6) {
1370
1370
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1371
1371
  }
1372
1372
  .utrecht-pagination:has(+ .utrecht-accordion) {
@@ -1402,7 +1402,7 @@
1402
1402
  .utrecht-pagination:has(+ .utrecht-ordered-list) {
1403
1403
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1404
1404
  }
1405
- .utrecht-pagination:has(+ .utrecht-paragraph) {
1405
+ .utrecht-pagination:has(+ .nl-paragraph) {
1406
1406
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1407
1407
  }
1408
1408
  .utrecht-pagination:has(+ .utrecht-separator) {
@@ -1415,72 +1415,75 @@
1415
1415
  --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1416
1416
  }
1417
1417
  }
1418
- @mixin utrecht-paragraph {
1419
- .utrecht-paragraph:first-child {
1420
- --utrecht-paragraph-margin-block-start: 0;
1418
+ @mixin nl-paragraph {
1419
+ .nl-paragraph:first-child {
1420
+ --nl-paragraph-margin-block-start: 0;
1421
1421
  }
1422
- .utrecht-paragraph:has(+ .utrecht-heading-2) {
1423
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1422
+ .nl-paragraph:has(+ .nl-heading--level-2) {
1423
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1424
1424
  }
1425
- .utrecht-paragraph:has(+ .utrecht-heading-3) {
1426
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1425
+ .nl-paragraph:has(+ .nl-heading--level-3) {
1426
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1427
1427
  }
1428
- .utrecht-paragraph:has(+ .utrecht-heading-4) {
1429
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1428
+ .nl-paragraph:has(+ .nl-heading--level-4) {
1429
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1430
1430
  }
1431
- .utrecht-paragraph:has(+ .utrecht-heading-5) {
1432
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1431
+ .nl-paragraph:has(+ .nl-heading--level-5) {
1432
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1433
1433
  }
1434
- .utrecht-paragraph:has(+ .utrecht-heading-6) {
1435
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1434
+ .nl-paragraph:has(+ .nl-heading--level-6) {
1435
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1436
1436
  }
1437
- .utrecht-paragraph:has(+ .utrecht-accordion) {
1438
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1437
+ .nl-paragraph:has(+ .utrecht-accordion) {
1438
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1439
1439
  }
1440
- .utrecht-paragraph:has(+ .utrecht-alert) {
1441
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1440
+ .nl-paragraph:has(+ .utrecht-alert) {
1441
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1442
1442
  }
1443
- .utrecht-paragraph:has(+ .utrecht-badge-list) {
1444
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1443
+ .nl-paragraph:has(+ .utrecht-badge-list) {
1444
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1445
1445
  }
1446
- .utrecht-paragraph:has(+ .utrecht-blockquote) {
1447
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1446
+ .nl-paragraph:has(+ .utrecht-blockquote) {
1447
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1448
1448
  }
1449
- .utrecht-paragraph:has(+ .utrecht-button) {
1450
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1449
+ .nl-paragraph:has(+ .utrecht-button) {
1450
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1451
1451
  }
1452
- .utrecht-paragraph:has(+ .utrecht-button-group) {
1453
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1452
+ .nl-paragraph:has(+ .utrecht-button-group) {
1453
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1454
1454
  }
1455
- .utrecht-paragraph:has(+ .utrecht-data-list) {
1456
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1455
+ .nl-paragraph:has(+ .utrecht-data-list) {
1456
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1457
1457
  }
1458
- .utrecht-paragraph:has(+ .utrecht-form-field) {
1459
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1458
+ .nl-paragraph:has(+ .utrecht-figure) {
1459
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1460
1460
  }
1461
- .utrecht-paragraph:has(+ .utrecht-img) {
1462
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1461
+ .nl-paragraph:has(+ .utrecht-form-field) {
1462
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1463
1463
  }
1464
- .utrecht-paragraph:has(+ .utrecht-link) {
1465
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1464
+ .nl-paragraph:has(+ .utrecht-img) {
1465
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1466
1466
  }
1467
- .utrecht-paragraph:has(+ .utrecht-ordered-list) {
1468
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1467
+ .nl-paragraph:has(+ .utrecht-link) {
1468
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1469
1469
  }
1470
- .utrecht-paragraph:has(+ .utrecht-pagination) {
1471
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1470
+ .nl-paragraph:has(+ .utrecht-ordered-list) {
1471
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1472
1472
  }
1473
- .utrecht-paragraph:has(+ .utrecht-paragraph) {
1474
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1473
+ .nl-paragraph:has(+ .utrecht-pagination) {
1474
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1475
1475
  }
1476
- .utrecht-paragraph:has(+ .utrecht-separator) {
1477
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1476
+ .nl-paragraph:has(+ .nl-paragraph) {
1477
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1478
1478
  }
1479
- .utrecht-paragraph:has(+ .utrecht-table) {
1480
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1479
+ .nl-paragraph:has(+ .utrecht-separator) {
1480
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1481
1481
  }
1482
- .utrecht-paragraph:has(+ .utrecht-unordered-list) {
1483
- --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1482
+ .nl-paragraph:has(+ .utrecht-table) {
1483
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1484
+ }
1485
+ .nl-paragraph:has(+ .utrecht-unordered-list) {
1486
+ --nl-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1484
1487
  }
1485
1488
  }
1486
1489
  @mixin utrecht-select {
@@ -1498,22 +1501,22 @@
1498
1501
  .utrecht-separator:first-child {
1499
1502
  --utrecht-separator-margin-block-start: 0;
1500
1503
  }
1501
- .utrecht-separator:has(+ .utrecht-heading-1) {
1504
+ .utrecht-separator:has(+ .nl-heading--level-1) {
1502
1505
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1503
1506
  }
1504
- .utrecht-separator:has(+ .utrecht-heading-2) {
1507
+ .utrecht-separator:has(+ .nl-heading--level-2) {
1505
1508
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1506
1509
  }
1507
- .utrecht-separator:has(+ .utrecht-heading-3) {
1510
+ .utrecht-separator:has(+ .nl-heading--level-3) {
1508
1511
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1509
1512
  }
1510
- .utrecht-separator:has(+ .utrecht-heading-4) {
1513
+ .utrecht-separator:has(+ .nl-heading--level-4) {
1511
1514
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1512
1515
  }
1513
- .utrecht-separator:has(+ .utrecht-heading-5) {
1516
+ .utrecht-separator:has(+ .nl-heading--level-5) {
1514
1517
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1515
1518
  }
1516
- .utrecht-separator:has(+ .utrecht-heading-6) {
1519
+ .utrecht-separator:has(+ .nl-heading--level-6) {
1517
1520
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1518
1521
  }
1519
1522
  .utrecht-separator:has(+ .utrecht-accordion) {
@@ -1552,7 +1555,7 @@
1552
1555
  .utrecht-separator:has(+ .utrecht-pagination) {
1553
1556
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1554
1557
  }
1555
- .utrecht-separator:has(+ .utrecht-paragraph) {
1558
+ .utrecht-separator:has(+ .nl-paragraph) {
1556
1559
  --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1557
1560
  }
1558
1561
  .utrecht-separator:has(+ .utrecht-separator) {
@@ -1572,22 +1575,22 @@
1572
1575
  .utrecht-sidenav:first-child {
1573
1576
  --utrecht-sidenav-margin-block-start: 0;
1574
1577
  }
1575
- .utrecht-sidenav:has(+ .utrecht-heading-1) {
1578
+ .utrecht-sidenav:has(+ .nl-heading--level-1) {
1576
1579
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1577
1580
  }
1578
- .utrecht-sidenav:has(+ .utrecht-heading-2) {
1581
+ .utrecht-sidenav:has(+ .nl-heading--level-2) {
1579
1582
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1580
1583
  }
1581
- .utrecht-sidenav:has(+ .utrecht-heading-3) {
1584
+ .utrecht-sidenav:has(+ .nl-heading--level-3) {
1582
1585
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1583
1586
  }
1584
- .utrecht-sidenav:has(+ .utrecht-heading-4) {
1587
+ .utrecht-sidenav:has(+ .nl-heading--level-4) {
1585
1588
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1586
1589
  }
1587
- .utrecht-sidenav:has(+ .utrecht-heading-5) {
1590
+ .utrecht-sidenav:has(+ .nl-heading--level-5) {
1588
1591
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1589
1592
  }
1590
- .utrecht-sidenav:has(+ .utrecht-heading-6) {
1593
+ .utrecht-sidenav:has(+ .nl-heading--level-6) {
1591
1594
  --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1592
1595
  }
1593
1596
  .utrecht-sidenav:has(+ .utrecht-accordion) {
@@ -1640,19 +1643,19 @@
1640
1643
  .utrecht-badge-status:first-child {
1641
1644
  --utrecht-badge-status-margin-block-start: 0;
1642
1645
  }
1643
- .utrecht-badge-status:has(+ .utrecht-heading-2) {
1646
+ .utrecht-badge-status:has(+ .nl-heading--level-2) {
1644
1647
  --utrecht-badge-status-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1645
1648
  }
1646
- .utrecht-badge-status:has(+ .utrecht-heading-3) {
1649
+ .utrecht-badge-status:has(+ .nl-heading--level-3) {
1647
1650
  --utrecht-badge-status-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1648
1651
  }
1649
- .utrecht-badge-status:has(+ .utrecht-heading-4) {
1652
+ .utrecht-badge-status:has(+ .nl-heading--level-4) {
1650
1653
  --utrecht-badge-status-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1651
1654
  }
1652
- .utrecht-badge-status:has(+ .utrecht-heading-5) {
1655
+ .utrecht-badge-status:has(+ .nl-heading--level-5) {
1653
1656
  --utrecht-badge-status-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1654
1657
  }
1655
- .utrecht-badge-status:has(+ .utrecht-heading-6) {
1658
+ .utrecht-badge-status:has(+ .nl-heading--level-6) {
1656
1659
  --utrecht-badge-status-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1657
1660
  }
1658
1661
  .utrecht-badge-status:has(+ .utrecht-badge-status) {
@@ -1663,19 +1666,19 @@
1663
1666
  .utrecht-table:first-child {
1664
1667
  --utrecht-table-margin-block-start: 0;
1665
1668
  }
1666
- .utrecht-table:has(+ .utrecht-heading-2) {
1669
+ .utrecht-table:has(+ .nl-heading--level-2) {
1667
1670
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1668
1671
  }
1669
- .utrecht-table:has(+ .utrecht-heading-3) {
1672
+ .utrecht-table:has(+ .nl-heading--level-3) {
1670
1673
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1671
1674
  }
1672
- .utrecht-table:has(+ .utrecht-heading-4) {
1675
+ .utrecht-table:has(+ .nl-heading--level-4) {
1673
1676
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1674
1677
  }
1675
- .utrecht-table:has(+ .utrecht-heading-5) {
1678
+ .utrecht-table:has(+ .nl-heading--level-5) {
1676
1679
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1677
1680
  }
1678
- .utrecht-table:has(+ .utrecht-heading-6) {
1681
+ .utrecht-table:has(+ .nl-heading--level-6) {
1679
1682
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1680
1683
  }
1681
1684
  .utrecht-table:has(+ .utrecht-accordion) {
@@ -1714,7 +1717,7 @@
1714
1717
  .utrecht-table:has(+ .utrecht-pagination) {
1715
1718
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1716
1719
  }
1717
- .utrecht-table:has(+ .utrecht-paragraph) {
1720
+ .utrecht-table:has(+ .nl-paragraph) {
1718
1721
  --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1719
1722
  }
1720
1723
  .utrecht-table:has(+ .utrecht-separator) {
@@ -1753,19 +1756,19 @@
1753
1756
  .utrecht-unordered-list:first-child {
1754
1757
  --utrecht-unordered-list-margin-block-start: 0;
1755
1758
  }
1756
- .utrecht-unordered-list:has(+ .utrecht-heading-2) {
1759
+ .utrecht-unordered-list:has(+ .nl-heading--level-2) {
1757
1760
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1758
1761
  }
1759
- .utrecht-unordered-list:has(+ .utrecht-heading-3) {
1762
+ .utrecht-unordered-list:has(+ .nl-heading--level-3) {
1760
1763
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1761
1764
  }
1762
- .utrecht-unordered-list:has(+ .utrecht-heading-4) {
1765
+ .utrecht-unordered-list:has(+ .nl-heading--level-4) {
1763
1766
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1764
1767
  }
1765
- .utrecht-unordered-list:has(+ .utrecht-heading-5) {
1768
+ .utrecht-unordered-list:has(+ .nl-heading--level-5) {
1766
1769
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1767
1770
  }
1768
- .utrecht-unordered-list:has(+ .utrecht-heading-6) {
1771
+ .utrecht-unordered-list:has(+ .nl-heading--level-6) {
1769
1772
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1770
1773
  }
1771
1774
  .utrecht-unordered-list:has(+ .utrecht-accordion) {
@@ -1804,8 +1807,8 @@
1804
1807
  .utrecht-unordered-list:has(+ .utrecht-pagination) {
1805
1808
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1806
1809
  }
1807
- .utrecht-unordered-list:has(+ .utrecht-paragraph) {
1808
- --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1810
+ .utrecht-unordered-list:has(+ .nl-paragraph) {
1811
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1809
1812
  }
1810
1813
  .utrecht-unordered-list:has(+ .utrecht-separator) {
1811
1814
  --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);