@utrecht/component-library-css 5.1.0 → 6.0.0

package/dist/prince-xml.css

@@ -189,7 +189,7 @@
   min-width: var(--utrecht-alert-dialog-min-inline-size);
 }
 
-.utrecht-alert-dialog::backdrop {
+.utrecht-alert-dialog[prince-xml-ignore-pseudo-element-backdrop] {
   --_utrecht-backdrop-opacity: var(--utrecht-backdrop-opacity);
   --_utrecht-backdrop-fade-in-animation-duration: var(--utrecht-backdrop-fade-in-animation-duration, 0);
   animation-duration: min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));
@@ -201,16 +201,6 @@
   -webkit-user-select: none;
   user-select: none;
 }
-@media (prefers-reduced-motion: reduce) {
-  .utrecht-alert-dialog::backdrop {
-    --_utrecht-backdrop-fade-in-animation-duration: 0;
-  }
-}
-@media (prefers-reduced-transparency: reduce) {
-  .utrecht-alert-dialog::backdrop {
-    --_utrecht-backdrop-opacity: var(--utrecht-backdrop-reduced-transparency-opacity, 100%);
-  }
-}
 
 .utrecht-alert-dialog__icon {
   --utrecht-icon-color: var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));
@@ -333,16 +323,6 @@
   position: absolute;
   z-index: var(--utrecht-backdrop-z-index);
 }
-@media (prefers-reduced-motion: reduce) {
-  .utrecht-backdrop {
-    --_utrecht-backdrop-fade-in-animation-duration: 0;
-  }
-}
-@media (prefers-reduced-transparency: reduce) {
-  .utrecht-backdrop {
-    --_utrecht-backdrop-opacity: var(--utrecht-backdrop-reduced-transparency-opacity, 100%);
-  }
-}
 
 .utrecht-backdrop--reduced-motion {
   --_utrecht-backdrop-fade-in-animation-duration: 0;
@@ -377,13 +357,6 @@
   text-decoration: none;
   white-space: nowrap;
 }
-@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .utrecht-badge-counter {
-    border-color: currentColor;
-    border-style: solid;
-    border-width: 1px;
-  }
-}
 .utrecht-badge-data {
   background-color: var(--utrecht-badge-background-color, hsl(0, 0%, 0%));
   border-radius: var(--utrecht-badge-border-radius, 0.5ch);
@@ -406,13 +379,6 @@
   letter-spacing: var(--utrecht-badge-data-letter-spacing, inherit);
   text-transform: var(--utrecht-badge-data-text-transform, inherit);
 }
-@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .utrecht-badge-data {
-    border-color: currentColor;
-    border-style: solid;
-    border-width: 1px;
-  }
-}
 .utrecht-badge-list {
   column-gap: var(--utrecht-badge-list-column-gap);
   display: flex;
@@ -441,13 +407,6 @@
   letter-spacing: var(--utrecht-badge-status-letter-spacing, inherit);
   text-transform: var(--utrecht-badge-status-text-transform, inherit);
 }
-@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .utrecht-badge-status {
-    border-color: currentColor;
-    border-style: solid;
-    border-width: 1px;
-  }
-}
 
 .utrecht-badge-status--danger {
   background-color: var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%));
@@ -926,12 +885,12 @@
   border-width: var(--_utrecht-button-border-width);
   box-sizing: border-box;
   color: var(--_utrecht-button-color);
+  column-gap: var(--utrecht-button-column-gap);
   cursor: var(--utrecht-action-activate-cursor, revert);
   display: inline-flex;
   font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
   font-size: var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));
   font-weight: var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));
-  gap: var(--utrecht-button-icon-gap);
   width: var(--utrecht-button-inline-size, auto);
   justify-content: center;
   line-height: var(--_utrecht-button-line-height);
@@ -949,15 +908,6 @@
   cursor: var(--utrecht-action-navigate-cursor, pointer);
   text-decoration: none;
 }
-@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .utrecht-button-link {
-    --_utrecht-button-disabled-border-color: GrayText;
-    --_utrecht-button-disabled-color: GrayText;
-    background-color: ButtonFace;
-    border-color: buttonborder;
-    color: ButtonText;
-  }
-}
 
 .utrecht-button-link--active {
   background-color: var(--_utrecht-button-active-background-color);
@@ -1002,7 +952,7 @@
   color: var(--_utrecht-button-focus-color);
   scale: var(--utrecht-button-focus-scale, 1);
 }
-.utrecht-button-link--html-a:focus-visible {
+.utrecht-button-link--html-a[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -1304,12 +1254,12 @@
   border-width: var(--_utrecht-button-border-width);
   box-sizing: border-box;
   color: var(--_utrecht-button-color);
+  column-gap: var(--utrecht-button-column-gap);
   cursor: var(--utrecht-action-activate-cursor, revert);
   display: inline-flex;
   font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
   font-size: var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));
   font-weight: var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));
-  gap: var(--utrecht-button-icon-gap);
   width: var(--utrecht-button-inline-size, auto);
   justify-content: center;
   line-height: var(--_utrecht-button-line-height);
@@ -1325,15 +1275,6 @@
   -webkit-user-select: none;
   user-select: none;
 }
-@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .utrecht-button {
-    --_utrecht-button-disabled-border-color: GrayText;
-    --_utrecht-button-disabled-color: GrayText;
-    background-color: ButtonFace;
-    border-color: buttonborder;
-    color: ButtonText;
-  }
-}
 
 .utrecht-button--distanced {
   margin-bottom: var(--utrecht-button-margin-block-end);
@@ -1381,7 +1322,7 @@
   scale: var(--utrecht-button-focus-scale, 1);
 }
 
-.utrecht-button:focus {
+.utrecht-button[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -1396,17 +1337,6 @@
   border-color: var(--_utrecht-button-focus-border-color);
   color: var(--_utrecht-button-focus-color);
   scale: var(--utrecht-button-focus-scale, 1);
-  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
-    var(--utrecht-focus-inverse-outline-color, transparent);
-  box-shadow: var(--_utrecht-focus-ring-box-shadow);
-  outline-color: var(--utrecht-focus-outline-color, revert);
-  outline-offset: var(--utrecht-focus-outline-offset, revert);
-  outline-style: var(--utrecht-focus-outline-style, revert);
-  outline-width: var(--utrecht-focus-outline-width, revert);
-}
-.utrecht-button:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
 }
 
 .utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
@@ -1889,7 +1819,7 @@
 .utrecht-checkbox--html-input:disabled {
   cursor: var(--utrecht-action-disabled-cursor, revert);
 }
-.utrecht-checkbox--html-input:focus {
+.utrecht-checkbox--html-input [prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -1898,10 +1828,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-checkbox--html-input:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-code-block {
   background-color: var(--utrecht-code-background-color);
   color: var(--utrecht-code-color);
@@ -1952,22 +1878,6 @@
   display: inline-block;
   width: var(--utrecht-color-sample-inline-size, 2em);
   -webkit-print-color-adjust: exact;
-  print-color-adjust: exact;
-}
-@media (forced-colors: active) {
-  .utrecht-color-sample {
-    forced-color-adjust: none;
-  }
-}
-@media (forced-colors: active) and (prefers-color-scheme: dark) {
-  .utrecht-color-sample {
-    --utrecht-color-sample-default-border-color: var(--utrecht-color-sample-dark-border-color, #000);
-  }
-}
-@media (forced-colors: active) and (prefers-color-scheme: light) {
-  .utrecht-color-sample {
-    --utrecht-color-sample-default-border-color: var(--utrecht-color-sample-light-border-color, #fff);
-  }
 }
 .utrecht-column-layout {
   column-gap: var(--utrecht-column-layout-gap, 2em);
@@ -2035,7 +1945,6 @@
   min-height: 24px;
   min-width: 24px;
   -webkit-print-color-adjust: exact;
-  print-color-adjust: exact;
   vertical-align: top;
 }
 
@@ -2141,8 +2050,8 @@
   border-color: var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));
   border-width: var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width));
 }
-.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,
-.utrecht-custom-checkbox--html-input:focus-visible {
+.utrecht-checkbox--custom.utrecht-checkbox--html-input[prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-custom-checkbox--html-input[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -2261,16 +2170,6 @@
     outline-width: 0.1em;
   }
 }
-@media screen and (prefers-contrast: more) {
-  .utrecht-data-placeholder {
-    background-color: var(--utrecht-data-placeholder-high-contrast-background-color, var(--utrecht-data-placeholder-background-color, currentColor));
-  }
-}
-@media screen and (forced-colors: active) {
-  .utrecht-data-placeholder {
-    background-color: GrayText;
-  }
-}
 
 .utrecht-data-placeholder--loading {
   cursor: var(--utrecht-action-busy-cursor, busy);
@@ -2330,7 +2229,7 @@
   z-index: var(--utrecht-drawer-z-index, 1);
 }
 
-.utrecht-drawer::backdrop {
+.utrecht-drawer[prince-xml-ignore-pseudo-element-backdrop] {
   --_utrecht-backdrop-opacity: var(--utrecht-backdrop-opacity);
   --_utrecht-backdrop-fade-in-animation-duration: var(--utrecht-backdrop-fade-in-animation-duration, 0);
   animation-duration: min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));
@@ -2350,16 +2249,6 @@
     opacity: var(--_utrecht-backdrop-opacity);
   }
 }
-@media (prefers-reduced-motion: reduce) {
-  .utrecht-drawer::backdrop {
-    --_utrecht-backdrop-fade-in-animation-duration: 0;
-  }
-}
-@media (prefers-reduced-transparency: reduce) {
-  .utrecht-drawer::backdrop {
-    --_utrecht-backdrop-opacity: var(--utrecht-backdrop-reduced-transparency-opacity, 100%);
-  }
-}
 
 .utrecht-drawer--inline-start {
   height: 100%;
@@ -2670,20 +2559,8 @@
   -webkit-user-select: none;
   user-select: none;
 }
-@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .utrecht-form-toggle {
-    --utrecht-form-toggle-background-color: ButtonFace;
-    --utrecht-form-toggle-border-color: buttonborder;
-    --utrecht-form-toggle-border-width: 1px;
-    --utrecht-form-toggle-border-radius: var(--utrecht-form-toggle-track-border-radius);
-    --utrecht-form-toggle-thumb-background-color: ButtonText;
-    --utrecht-form-toggle-thumb-disabled-background-color: GrayText;
-    border-color: var(--utrecht-form-toggle-track-disabled-border-color, var(--utrecht-form-toggle-track-border-color));
-    border-width: min(var(--utrecht-form-toggle-border-width, 1px), 1px);
-  }
-}
 
-.utrecht-form-toggle--focus-visible, .utrecht-form-toggle--html-div:focus-visible {
+.utrecht-form-toggle--focus-visible, .utrecht-form-toggle--html-div[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -2774,7 +2651,7 @@
   position: absolute !important;
   white-space: nowrap !important;
 }
-.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox:focus-visible ~ .utrecht-form-toggle__track {
+.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox[prince-xml-ignore-pseudo-class-focus-visible] ~ .utrecht-form-toggle__track {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -2951,7 +2828,6 @@
   text-decoration-color: var(--_utrecht-link-state-text-decoration-color, var(--utrecht-link-text-decoration-color, currentColor));
   text-decoration-line: var(--_utrecht-link-state-text-decoration, var(--utrecht-link-text-decoration, underline));
   text-decoration-skip-ink: all;
-  text-decoration-thickness: max(var(--_utrecht-link-state-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);
   text-underline-offset: var(--utrecht-link-text-underline-offset);
   --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
   align-items: center;
@@ -2994,14 +2870,12 @@
 
 .utrecht-link-button--focus, .utrecht-link-button--html-button:not(:disabled):focus {
   --_utrecht-link-state-color: var(--utrecht-link-focus-color);
-  --_utrecht-link-state-text-decoration: var(--utrecht-link-focus-text-decoration);
-  --_utrecht-link-state-text-decoration-thickness: var(--utrecht-link-focus-text-decoration-thickness);
   background-color: var(--utrecht-link-focus-background-color, transparent);
   text-decoration-skip: none;
   text-decoration-skip-ink: none;
 }
 
-.utrecht-link-button--focus-visible, .utrecht-link-button--html-button:focus-visible {
+.utrecht-link-button--focus-visible, .utrecht-link-button--html-button[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -3009,6 +2883,14 @@
   outline-offset: var(--utrecht-focus-outline-offset, revert);
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
+  --_utrecht-link-state-text-decoration: var(
+    --utrecht-link-focus-visible-text-decoration,
+    var(--utrecht-link-focus-text-decoration)
+  );
+  --_utrecht-link-state-text-decoration-thickness: var(
+    --utrecht-link-focus-visible-text-decoration-thickness,
+    var(--utrecht-link-focus-text-decoration-thickness)
+  );
   z-index: var(--utrecht-stack-focus-z-index, 1);
 }
 
@@ -3092,7 +2974,7 @@
   transform: var(--utrecht-link-social-hover-transform-scale);
 }
 
-.utrecht-link-social:focus-visible,
+.utrecht-link-social[prince-xml-ignore-pseudo-class-focus-visible],
 .utrecht-link-social--focus-visible {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
@@ -3111,30 +2993,19 @@
   color: var(--_utrecht-link-state-color, var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color)));
 }
 
-.utrecht-link:any-link {
+.utrecht-link[href] {
   --_utrecht-link-forced-colors-color: linktext;
   text-decoration-color: var(--_utrecht-link-state-text-decoration-color, var(--utrecht-link-text-decoration-color, currentColor));
   text-decoration-line: var(--_utrecht-link-state-text-decoration, var(--utrecht-link-text-decoration, underline));
   text-decoration-skip-ink: all;
-  text-decoration-thickness: max(var(--_utrecht-link-state-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);
   text-underline-offset: var(--utrecht-link-text-underline-offset);
 }
 
-.utrecht-link--icon-left {
-  background-image: var(--utrecht-link-icon-left-background-image, none);
-  background-position: 0 0.25em;
-  background-repeat: no-repeat;
-  color: var(--utrecht-link-color, LinkText);
-  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
-  padding-left: var(--utrecht-space-block-md);
-  text-decoration-line: none;
-}
-
 .utrecht-link--visited {
   --_utrecht-link-forced-colors-color: visitedtext;
   --_utrecht-link-state-color: var(--utrecht-link-visited-color);
 }
-.utrecht-link--html-a:any-link:hover,
+.utrecht-link--html-a[href]:hover,
 .utrecht-link--hover {
   --_utrecht-link-forced-colors-color: linktext;
   --_utrecht-link-state-color: var(--utrecht-link-hover-color);
@@ -3146,8 +3017,6 @@
 
 .utrecht-link--focus {
   --_utrecht-link-state-color: var(--utrecht-link-focus-color);
-  --_utrecht-link-state-text-decoration: var(--utrecht-link-focus-text-decoration);
-  --_utrecht-link-state-text-decoration-thickness: var(--utrecht-link-focus-text-decoration-thickness);
   background-color: var(--utrecht-link-focus-background-color, transparent);
   text-decoration-skip: none;
   text-decoration-skip-ink: none;
@@ -3161,16 +3030,18 @@
   outline-offset: var(--utrecht-focus-outline-offset, revert);
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
+  --_utrecht-link-state-text-decoration: var(
+    --utrecht-link-focus-visible-text-decoration,
+    var(--utrecht-link-focus-text-decoration)
+  );
+  --_utrecht-link-state-text-decoration-thickness: var(
+    --utrecht-link-focus-visible-text-decoration-thickness,
+    var(--utrecht-link-focus-text-decoration-thickness)
+  );
   z-index: var(--utrecht-stack-focus-z-index, 1);
 }
-.utrecht-link--html-span:focus,
-.utrecht-link--html-a:any-link:focus {
-  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
-  --_utrecht-link-state-text-decoration: var(--utrecht-link-focus-text-decoration);
-  --_utrecht-link-state-text-decoration-thickness: var(--utrecht-link-focus-text-decoration-thickness);
-  background-color: var(--utrecht-link-focus-background-color, transparent);
-  text-decoration-skip: none;
-  text-decoration-skip-ink: none;
+.utrecht-link--html-span[prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-link--html-a[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -3178,17 +3049,26 @@
   outline-offset: var(--utrecht-focus-outline-offset, revert);
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
+  --_utrecht-link-state-text-decoration: var(
+    --utrecht-link-focus-visible-text-decoration,
+    var(--utrecht-link-focus-text-decoration)
+  );
+  --_utrecht-link-state-text-decoration-thickness: var(
+    --utrecht-link-focus-visible-text-decoration-thickness,
+    var(--utrecht-link-focus-text-decoration-thickness)
+  );
   z-index: var(--utrecht-stack-focus-z-index, 1);
 }
-
-.utrecht-link--html-span:focus:not(:focus-visible),
-.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
+.utrecht-link--html-span:focus,
+.utrecht-link--html-a[href]:focus {
+  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
+  background-color: var(--utrecht-link-focus-background-color, transparent);
+  text-decoration-skip: none;
+  text-decoration-skip-ink: none;
 }
 
 .utrecht-link--html-span:active,
-.utrecht-link--html-a:any-link:active,
+.utrecht-link--html-a[href]:active,
 .utrecht-link--active {
   --_utrecht-link-forced-colors-color: activetext;
   --_utrecht-link-state-color: var(--utrecht-link-active-color);
@@ -3203,12 +3083,11 @@
   font-weight: var(--utrecht-link-current-font-weight);
 }
 
-.utrecht-link--box-content:any-link {
+.utrecht-link--box-content[href] {
   color: unset;
   display: inline-block;
   text-decoration-line: unset;
   text-decoration-skip-ink: unset;
-  text-decoration-thickness: unset;
   text-underline-offset: unset;
 }
 
@@ -3268,16 +3147,6 @@
   -webkit-user-select: none;
   user-select: none;
 }
-@media (forced-colors: active) {
-  .utrecht-listbox {
-    --utrecht-listbox-option-selected-background-color: Highlight;
-    --utrecht-listbox-option-selected-color: HighlightText;
-    --utrecht-listbox-option-disabled-background-color: field;
-    --utrecht-listbox-option-disabled-color: GrayText;
-    background-color: field;
-    color: fieldtext;
-  }
-}
 
 .utrecht-listbox--focus {
 }
@@ -3322,12 +3191,6 @@
   line-height: var(--utrecht-listbox-option-group-label-line-height);
   margin-left: var(--utrecht-listbox-option-group-label-margin-inline-start);
 }
-@media (forced-colors: active) {
-  .utrecht-listbox__group-label {
-    background-color: field;
-    color: fieldtext;
-  }
-}
 
 .utrecht-listbox__option {
   list-style: none;
@@ -3343,11 +3206,6 @@
   padding-right: var(--utrecht-listbox-option-padding-inline-end);
   padding-left: var(--utrecht-listbox-option-padding-inline-start);
 }
-@media (forced-colors: active) {
-  .utrecht-listbox__option {
-    forced-color-adjust: none;
-  }
-}
 
 .utrecht-listbox__option--disabled {
   background-color: var(--utrecht-listbox-option-disabled-background-color);
@@ -3401,20 +3259,10 @@
 .utrecht-listbox--disabled {
   cursor: var(--utrecht-action-disabled-cursor, not-allowed);
 }
-@media (forced-colors: active) {
-  .utrecht-listbox--disabled {
-    --utrecht-listbox-option-selected-background-color: GrayText;
-    --utrecht-listbox-option-selected-color: field;
-    --utrecht-listbox-option-background-color: field;
-    --utrecht-listbox-option-color: GrayText;
-    --utrecht-listbox-background-color: field;
-    --utrecht-listbox-color: GrayText;
-  }
-}
 
 .utrecht-listbox--html-div:focus {
 }
-.utrecht-listbox--html-div:focus-visible {
+.utrecht-listbox--html-div[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -3499,7 +3347,7 @@
   color: var(--utrecht-mapcontrolbutton-disabled-color);
 }
 
-.utrecht-mapcontrolbutton--focus-visible, .utrecht-mapcontrolbutton:focus:not(:disabled, [aria-disabled=true], .utrecht-mapcontrolbutton--disabled) {
+.utrecht-mapcontrolbutton--focus-visible, .utrecht-mapcontrolbutton[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -3512,11 +3360,6 @@
 .utrecht-mapcontrolbutton--focus, .utrecht-mapcontrolbutton:focus:not(:disabled, [aria-disabled=true], .utrecht-mapcontrolbutton--disabled) {
   --utrecht-icon-color: var(--utrecht-mapcontrolbutton-focus-color, var(--utrecht-mapcontrolbutton-color));
 }
-.utrecht-mapcontrolbutton:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
-
 .utrecht-mapcontrolbutton--hover:not(:disabled),
 .utrecht-mapcontrolbutton:hover:not(:disabled, .utrecht-mapcontrolbutton--disabled) {
   background-color: var(--utrecht-mapcontrolbutton-hover-background-color);
@@ -3584,7 +3427,7 @@
   color: var(--utrecht-menulijst-item-hover-color, var(--utrecht-link-hover-color, red));
 }
 
-.utrecht-menulijst__link--focus-visible, .utrecht-menulijst__link:focus {
+.utrecht-menulijst__link--focus-visible, .utrecht-menulijst__link[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -3593,14 +3436,8 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-
-.utrecht-menulijst__link:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-multiline-data {
   white-space: pre-line;
-  white-space-collapse: preserve-breaks;
 }
 
 .utrecht-multiline-data--html-pre {
@@ -3614,18 +3451,6 @@
   display: flex;
   justify-content: center;
 }
-@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .utrecht-nav-bar {
-    border-bottom-color: currentColor;
-    border-bottom-style: solid;
-    border-bottom-width: 1px;
-    border-top-color: currentColor;
-    border-top-style: solid;
-    border-top-width: 1px;
-    padding-bottom: calc(var(--utrecht-focus-outline-width) * 2);
-    padding-top: calc(var(--utrecht-focus-outline-width) * 2);
-  }
-}
 
 .utrecht-nav-bar__content {
   align-items: stretch;
@@ -3734,7 +3559,7 @@
   text-decoration: underline;
 }
 
-.utrecht-sidenav__link--focus-visible, .utrecht-sidenav__link:focus {
+.utrecht-sidenav__link--focus-visible, .utrecht-sidenav__link[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -3823,11 +3648,6 @@
 .utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child::after {
   display: none;
 }
-
-.utrecht-sidenav__link:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-navhtml {
   font-family: var(--utrecht-document-font-family);
 }
@@ -3884,7 +3704,7 @@
   color: var(--utrecht-topnav-link-focus-color, var(--utrecht-topnav-link-color));
 }
 
-.utrecht-topnav__link--focus-visible, .utrecht-topnav__link:focus {
+.utrecht-topnav__link--focus-visible, .utrecht-topnav__link[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -3893,14 +3713,12 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-
-.utrecht-topnav__link:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-number-badge {
   background-color: var(--utrecht-number-badge-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));
+  border-color: var(--utrecht-number-badge-border-color, var(--utrecht-badge-border-color));
   border-radius: var(--utrecht-number-badge-border-radius, var(--utrecht-badge-border-radius, 0.5ch));
+  border-style: solid;
+  border-width: max(var(--utrecht-number-badge-border-width, var(--utrecht-badge-border-width, 0)), var(--_utrecht-number-badge-min-border-width, 0));
   color: var(--utrecht-number-badge-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));
   display: inline-block;
   font-family: var(--utrecht-number-badge-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif)));
@@ -3920,13 +3738,6 @@
   text-decoration: none;
   white-space: nowrap;
 }
-@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .utrecht-number-badge {
-    border-color: currentColor;
-    border-style: solid;
-    border-width: 1px;
-  }
-}
 .utrecht-number-data {
   font-variant-numeric: lining-nums tabular-nums;
 }
@@ -4118,8 +3929,8 @@
   color: var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color));
 }
 
-.utrecht-pagination__page-link:focus,
-.utrecht-pagination__relative-link:focus {
+.utrecht-pagination__page-link[prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-pagination__relative-link[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -4128,12 +3939,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-
-.utrecht-pagination__page-link:focus:not(:focus-visible),
-.utrecht-pagination__relative-link:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-paragraph {
   color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
   font-family: var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));
@@ -4185,7 +3990,6 @@
 }
 .utrecht-preserve-data {
   unicode-bidi: isolate;
-  white-space-collapse: preserve-spaces;
 }
 .utrecht-radio-button {
   -webkit-appearance: none;
@@ -4228,7 +4032,6 @@
   min-height: 24px;
   min-width: 24px;
   -webkit-print-color-adjust: exact;
-  print-color-adjust: exact;
   -webkit-user-select: none;
   user-select: none;
   vertical-align: top;
@@ -4329,10 +4132,19 @@
 }
 
 .utrecht-radio-button--disabled {
-  --_utrecht-radio-button-background-color: var(--utrecht-radio-button-disabled-background-color);
-  --_utrecht-radio-button-border-color: var(--utrecht-radio-button-disabled-border-color);
-  --_utrecht-radio-button-border-width: var(--utrecht-radio-button-disabled-border-width);
-  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
+  --_utrecht-radio-button-background-color: var(
+    --utrecht-radio-button-disabled-background-color,
+    var(--utrecht-radio-button-background-color)
+  );
+  --_utrecht-radio-button-border-color: var(
+    --utrecht-radio-button-disabled-border-color,
+    var(--utrecht-radio-button-border-color)
+  );
+  --_utrecht-radio-button-border-width: var(
+    --utrecht-radio-button-disabled-border-width,
+    var(--utrecht-radio-button-border-width)
+  );
+  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color, var(--utrecht-radio-button-color));
   --_utrecht-radio-button-focus-background-color: var(--_utrecht-radio-button-background-color);
   --_utrecht-radio-button-focus-border-color: var(--_utrecht-radio-button-border-color);
   --_utrecht-radio-button-focus-border-width: var(--_utrecht-radio-button-border-width);
@@ -4376,10 +4188,19 @@
   --_utrecht-radio-button-state-hover-color: var(--utrecht-radio-button-checked-hover-color);
 }
 .utrecht-radio-button--html-input:disabled {
-  --_utrecht-radio-button-background-color: var(--utrecht-radio-button-disabled-background-color);
-  --_utrecht-radio-button-border-color: var(--utrecht-radio-button-disabled-border-color);
-  --_utrecht-radio-button-border-width: var(--utrecht-radio-button-disabled-border-width);
-  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
+  --_utrecht-radio-button-background-color: var(
+    --utrecht-radio-button-disabled-background-color,
+    var(--utrecht-radio-button-background-color)
+  );
+  --_utrecht-radio-button-border-color: var(
+    --utrecht-radio-button-disabled-border-color,
+    var(--utrecht-radio-button-border-color)
+  );
+  --_utrecht-radio-button-border-width: var(
+    --utrecht-radio-button-disabled-border-width,
+    var(--utrecht-radio-button-border-width)
+  );
+  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color, var(--utrecht-radio-button-color));
   --_utrecht-radio-button-focus-background-color: var(--_utrecht-radio-button-background-color);
   --_utrecht-radio-button-focus-border-color: var(--_utrecht-radio-button-border-color);
   --_utrecht-radio-button-focus-border-width: var(--_utrecht-radio-button-border-width);
@@ -4417,7 +4238,7 @@
     var(--utrecht-radio-button-focus-color)
   );
 }
-.utrecht-radio-button--html-input:focus-visible {
+.utrecht-radio-button--html-input[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -6297,6 +6118,7 @@
   font-size: var(--utrecht-select-font-size, var(--utrecht-form-control-font-size));
   font-weight: var(--utrecht-select-font-size, var(--utrecht-form-control-font-weight, initial));
   width: 100%;
+  line-height: var(--utrecht-select-line-height, var(--utrecht-form-control-line-height, initial));
   min-height: var(--utrecht-select-min-block-size, var(--utrecht-pointer-target-min-size, 44px));
   min-width: var(--utrecht-pointer-target-min-size, 44px);
   max-width: var(--utrecht-select-max-inline-size, var(--utrecht-form-control-max-inline-size));
@@ -6357,6 +6179,8 @@
   background-color: var(--utrecht-select-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
   border-color: var(--utrecht-select-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
   color: var(--utrecht-select-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-select-color, var(--utrecht-form-control-color))));
+}
+.utrecht-select--html-select[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -6365,10 +6189,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-select--html-select:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-select--html-select:disabled {
   background-color: var(--utrecht-select-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
   border-color: var(--utrecht-select-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
@@ -6437,10 +6257,19 @@
   position: fixed;
   z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
 }
+.utrecht-skip-link--focus {
+  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
+    var(--utrecht-focus-inverse-outline-color, transparent);
+  box-shadow: var(--_utrecht-focus-ring-box-shadow);
+  outline-color: var(--utrecht-focus-outline-color, revert);
+  outline-offset: var(--utrecht-focus-outline-offset, revert);
+  outline-style: var(--utrecht-focus-outline-style, revert);
+  outline-width: var(--utrecht-focus-outline-width, revert);
+  text-decoration: var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration));
+}
 
-.utrecht-skip-link--focus,
-.utrecht-skip-link:focus,
-.utrecht-skip-link:focus-visible {
+.utrecht-skip-link--focus-visible,
+.utrecht-skip-link[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -6448,7 +6277,7 @@
   outline-offset: var(--utrecht-focus-outline-offset, revert);
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
-  text-decoration: var(--utrecht-skip-link-focus-text-decoration);
+  text-decoration: var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration));
 }
 .utrecht-spotlight-section {
   background-color: var(--_utrecht-spotlight-section-background-color, var(--utrecht-spotlight-section-background-color));
@@ -6479,6 +6308,22 @@
   --_utrecht-spotlight-section-border-width: var(--utrecht-spotlight-section-warning-border-width);
   --_utrecht-spotlight-section-color: var(--utrecht-spotlight-section-warning-color);
 }
+
+.utrecht-spotlight-section--error {
+  --_utrecht-spotlight-section-icon-color: var(--utrecht-spotlight-section-icon-error-color);
+  --_utrecht-spotlight-section-background-color: var(--utrecht-spotlight-section-error-background-color);
+  --_utrecht-spotlight-section-border-color: var(--utrecht-spotlight-section-error-border-color);
+  --_utrecht-spotlight-section-border-width: var(--utrecht-spotlight-section-error-border-width);
+  --_utrecht-spotlight-section-color: var(--utrecht-spotlight-section-error-color);
+}
+
+.utrecht-spotlight-section--ok {
+  --_utrecht-spotlight-section-icon-color: var(--utrecht-spotlight-section-icon-ok-color);
+  --_utrecht-spotlight-section-background-color: var(--utrecht-spotlight-section-ok-background-color);
+  --_utrecht-spotlight-section-border-color: var(--utrecht-spotlight-section-ok-border-color);
+  --_utrecht-spotlight-section-border-width: var(--utrecht-spotlight-section-ok-border-width);
+  --_utrecht-spotlight-section-color: var(--utrecht-spotlight-section-ok-color);
+}
 .utrecht-surface {
   background-color: var(--utrecht-surface-background-color, inherit);
   color: var(--utrecht-surface-color, inherit);
@@ -6792,6 +6637,42 @@
   background-color: papayawhip;
   color: maroon;
 }
+.utrecht-table-of-contents {
+  page-break-inside: avoid;
+}
+
+.utrecht-table-of-contents__list {
+  list-style-type: none;
+  padding-left: 0;
+  page-break-inside: avoid;
+  -prince-pdf-tag-type: TOC;
+  margin-left: 0;
+  margin-top: 0;
+  margin-right: 0;
+}
+
+.utrecht-table-of-contents__list-item {
+  margin-bottom: var(--utrecht-unordered-list-item-margin-block-end);
+  margin-top: var(--utrecht-unordered-list-item-margin-block-start);
+  -prince-pdf-tag-type: TOCI;
+}
+
+.utrecht-table-of-contents__list-item::before {
+  content: "";
+}
+
+.utrecht-table-of-contents__list-item-body {
+  -prince-pdf-tag-type: P;
+}
+
+.utrecht-table-of-contents__list-item-label {
+  font-variant-numeric: lining-nums tabular-nums;
+  -prince-pdf-tag-type: Lbl;
+}
+
+.utrecht-table-of-contents__list-item-title {
+  -prince-pdf-tag-type: Span;
+}
 .utrecht-textarea {
   background-color: var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));
   height: initial;
@@ -6883,6 +6764,8 @@
   background-color: var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
   border-color: var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
   color: var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
+}
+.utrecht-textarea--html-textarea[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -6891,10 +6774,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-textarea--html-textarea:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-textarea--html-textarea:invalid, .utrecht-textarea--html-textarea[aria-invalid=true] {
   --_utrecht-textarea-border-width: var(
     --utrecht-textarea-invalid-border-width,
@@ -6920,7 +6799,7 @@
   color: var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
   cursor: var(--utrecht-action-disabled-cursor, not-allowed);
 }
-.utrecht-textarea--html-textarea::placeholder {
+.utrecht-textarea--html-textarea[prince-xml-ignore-pseudo-element-placeholder] {
   color: var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
   font-style: var(--utrecht-form-control-placeholder-font-style);
   opacity: 100%;
@@ -7061,10 +6940,10 @@
 .utrecht-textbox--iban-nl-size {
   --utrecht-textbox-value-max-length: 22;
 }
-.utrecht-textbox--placeholder-ltr::placeholder, .utrecht-textbox--placeholder-ltr:placeholder-shown {
+.utrecht-textbox--placeholder-ltr[prince-xml-ignore-pseudo-element-placeholder], .utrecht-textbox--placeholder-ltr[prince-xml-ignore-pseudo-class-placeholder-shown] {
   direction: ltr;
 }
-.utrecht-textbox--placeholder-rtl::placeholder, .utrecht-textbox--placeholder-rtl:placeholder-shown {
+.utrecht-textbox--placeholder-rtl[prince-xml-ignore-pseudo-element-placeholder], .utrecht-textbox--placeholder-rtl[prince-xml-ignore-pseudo-class-placeholder-shown] {
   direction: rtl;
 }
 
@@ -7078,6 +6957,8 @@
   background-color: var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));
   border-color: var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));
   color: var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
+}
+.utrecht-textbox--html-input[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -7086,10 +6967,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-textbox--html-input:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-textbox--html-input:invalid, .utrecht-textbox--html-input[aria-invalid=true] {
   --_utrecht-textbox-border-width: var(
     --utrecht-textbox-invalid-border-width,
@@ -7115,7 +6992,7 @@
   color: var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
   cursor: var(--utrecht-action-disabled-cursor, not-allowed);
 }
-.utrecht-textbox--html-input::placeholder {
+.utrecht-textbox--html-input[prince-xml-ignore-pseudo-element-placeholder] {
   color: var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
   font-style: var(--utrecht-form-control-placeholder-font-style);
   opacity: 100%;
@@ -7157,7 +7034,7 @@
   transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
 }
 
-.utrecht-toptask-link--focus-visible, .utrecht-toptask-link:focus {
+.utrecht-toptask-link--focus-visible, .utrecht-toptask-link[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -7171,10 +7048,6 @@
   background-color: var(--utrecht-toptask-link-focus-background-color, var(--utrecht-toptask-link-background-color));
   color: var(--utrecht-toptask-link-focus-color, var(--utrecht-toptask-link-color));
 }
-.utrecht-toptask-link:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 
 .utrecht-toptask-link__title {
   display: block;
@@ -7483,12 +7356,12 @@
   border-width: var(--_utrecht-button-border-width);
   box-sizing: border-box;
   color: var(--_utrecht-button-color);
+  column-gap: var(--utrecht-button-column-gap);
   cursor: var(--utrecht-action-activate-cursor, revert);
   display: inline-flex;
   font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
   font-size: var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));
   font-weight: var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));
-  gap: var(--utrecht-button-icon-gap);
   width: var(--utrecht-button-inline-size, auto);
   justify-content: center;
   line-height: var(--_utrecht-button-line-height);
@@ -7544,7 +7417,7 @@
   color: var(--_utrecht-button-focus-color);
   scale: var(--utrecht-button-focus-scale, 1);
 }
-.utrecht-html button:focus-visible {
+.utrecht-html button[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -7572,7 +7445,7 @@
 .utrecht-html input[type=checkbox i]:disabled {
   cursor: var(--utrecht-action-disabled-cursor, revert);
 }
-.utrecht-html input[type=checkbox i]:focus {
+.utrecht-html input[type=checkbox i] [prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -7581,10 +7454,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-html input[type=checkbox i]:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-html body {
   -webkit-font-smoothing: auto !important;
   -moz-osx-font-smoothing: auto !important;
@@ -7813,11 +7682,11 @@
 }
 .utrecht-html a:focus {
   --_utrecht-link-state-color: var(--utrecht-link-focus-color);
-  --_utrecht-link-state-text-decoration: var(--utrecht-link-focus-text-decoration);
-  --_utrecht-link-state-text-decoration-thickness: var(--utrecht-link-focus-text-decoration-thickness);
   background-color: var(--utrecht-link-focus-background-color, transparent);
   text-decoration-skip: none;
   text-decoration-skip-ink: none;
+}
+.utrecht-html a[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -7825,12 +7694,16 @@
   outline-offset: var(--utrecht-focus-outline-offset, revert);
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
+  --_utrecht-link-state-text-decoration: var(
+    --utrecht-link-focus-visible-text-decoration,
+    var(--utrecht-link-focus-text-decoration)
+  );
+  --_utrecht-link-state-text-decoration-thickness: var(
+    --utrecht-link-focus-visible-text-decoration-thickness,
+    var(--utrecht-link-focus-text-decoration-thickness)
+  );
   z-index: var(--utrecht-stack-focus-z-index, 1);
 }
-.utrecht-html a:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-html a[href^="tel:" i] {
   white-space: nowrap;
 }
@@ -7862,24 +7735,9 @@
   margin-bottom: calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-end, 0));
   margin-top: calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-start, 0));
 }
-.utrecht-html p.lead {
-  color: var(--utrecht-paragraph-lead-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));
-  font-size: var(--utrecht-paragraph-lead-font-size, var(--utrecht-paragraph-font-size, inherit));
-  font-weight: var(--utrecht-paragraph-lead-font-weight, var(--utrecht-paragraph-font-weight, inherit));
-  line-height: var(--utrecht-paragraph-lead-line-height, var(--utrecht-paragraph-line-height, inherit));
-}
 .utrecht-html * ~ p {
   --utrecht-space-around: 1;
 }
-.utrecht-html p:has(> small:only-child) {
-  color: var(--utrecht-paragraph-small-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));
-  font-size: var(--utrecht-paragraph-small-font-size, var(--utrecht-paragraph-font-size, inherit));
-  font-weight: var(--utrecht-paragraph-small-font-weight, var(--utrecht-paragraph-font-weight, inherit));
-  line-height: var(--utrecht-paragraph-small-line-height, var(--utrecht-paragraph-line-height, inherit));
-}
-.utrecht-html p > small:only-child {
-  font-size: inherit;
-}
 .utrecht-html pre:has(> code:only-child) {
   background-color: var(--utrecht-code-background-color);
   color: var(--utrecht-code-color);
@@ -7953,7 +7811,6 @@
   min-height: 24px;
   min-width: 24px;
   -webkit-print-color-adjust: exact;
-  print-color-adjust: exact;
   -webkit-user-select: none;
   user-select: none;
   vertical-align: top;
@@ -7985,10 +7842,19 @@
   --_utrecht-radio-button-state-hover-color: var(--utrecht-radio-button-checked-hover-color);
 }
 .utrecht-html input[type=radio i]:disabled {
-  --_utrecht-radio-button-background-color: var(--utrecht-radio-button-disabled-background-color);
-  --_utrecht-radio-button-border-color: var(--utrecht-radio-button-disabled-border-color);
-  --_utrecht-radio-button-border-width: var(--utrecht-radio-button-disabled-border-width);
-  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
+  --_utrecht-radio-button-background-color: var(
+    --utrecht-radio-button-disabled-background-color,
+    var(--utrecht-radio-button-background-color)
+  );
+  --_utrecht-radio-button-border-color: var(
+    --utrecht-radio-button-disabled-border-color,
+    var(--utrecht-radio-button-border-color)
+  );
+  --_utrecht-radio-button-border-width: var(
+    --utrecht-radio-button-disabled-border-width,
+    var(--utrecht-radio-button-border-width)
+  );
+  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color, var(--utrecht-radio-button-color));
   --_utrecht-radio-button-focus-background-color: var(--_utrecht-radio-button-background-color);
   --_utrecht-radio-button-focus-border-color: var(--_utrecht-radio-button-border-color);
   --_utrecht-radio-button-focus-border-width: var(--_utrecht-radio-button-border-width);
@@ -8026,7 +7892,7 @@
     var(--utrecht-radio-button-focus-color)
   );
 }
-.utrecht-html input[type=radio i]:focus-visible {
+.utrecht-html input[type=radio i][prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -8085,6 +7951,7 @@
   font-size: var(--utrecht-select-font-size, var(--utrecht-form-control-font-size));
   font-weight: var(--utrecht-select-font-size, var(--utrecht-form-control-font-weight, initial));
   width: 100%;
+  line-height: var(--utrecht-select-line-height, var(--utrecht-form-control-line-height, initial));
   min-height: var(--utrecht-select-min-block-size, var(--utrecht-pointer-target-min-size, 44px));
   min-width: var(--utrecht-pointer-target-min-size, 44px);
   max-width: var(--utrecht-select-max-inline-size, var(--utrecht-form-control-max-inline-size));
@@ -8102,6 +7969,8 @@
   background-color: var(--utrecht-select-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
   border-color: var(--utrecht-select-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
   color: var(--utrecht-select-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-select-color, var(--utrecht-form-control-color))));
+}
+.utrecht-html select[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -8110,10 +7979,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-html select:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-html select:disabled {
   background-color: var(--utrecht-select-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-control-background-color))));
   border-color: var(--utrecht-select-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-control-border-color))));
@@ -8288,6 +8153,8 @@
   background-color: var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
   border-color: var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
   color: var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
+}
+.utrecht-html textarea[prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -8296,10 +8163,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-html textarea:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-html textarea:invalid, .utrecht-html textarea[aria-invalid=true] {
   --_utrecht-textarea-border-width: var(
     --utrecht-textarea-invalid-border-width,
@@ -8325,7 +8188,7 @@
   color: var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
   cursor: var(--utrecht-action-disabled-cursor, not-allowed);
 }
-.utrecht-html textarea::placeholder {
+.utrecht-html textarea[prince-xml-ignore-pseudo-element-placeholder] {
   color: var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
   font-style: var(--utrecht-form-control-placeholder-font-style);
   opacity: 100%;
@@ -8410,6 +8273,20 @@
   background-color: var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));
   border-color: var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));
   color: var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
+}
+.utrecht-html input:not([type])[prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-html input[type=date i][prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-html input[type=datetime-local i][prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-html input[type=email i][prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-html input[type=month i][prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-html input[type=number i][prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-html input[type=password i][prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-html input[type=search i][prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-html input[type=tel i][prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-html input[type=text i][prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-html input[type=time i][prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-html input[type=url i][prince-xml-ignore-pseudo-class-focus-visible],
+.utrecht-html input[type=week i][prince-xml-ignore-pseudo-class-focus-visible] {
   --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
     var(--utrecht-focus-inverse-outline-color, transparent);
   box-shadow: var(--_utrecht-focus-ring-box-shadow);
@@ -8418,22 +8295,6 @@
   outline-style: var(--utrecht-focus-outline-style, revert);
   outline-width: var(--utrecht-focus-outline-width, revert);
 }
-.utrecht-html input:not([type]):focus:not(:focus-visible),
-.utrecht-html input[type=date i]:focus:not(:focus-visible),
-.utrecht-html input[type=datetime-local i]:focus:not(:focus-visible),
-.utrecht-html input[type=email i]:focus:not(:focus-visible),
-.utrecht-html input[type=month i]:focus:not(:focus-visible),
-.utrecht-html input[type=number i]:focus:not(:focus-visible),
-.utrecht-html input[type=password i]:focus:not(:focus-visible),
-.utrecht-html input[type=search i]:focus:not(:focus-visible),
-.utrecht-html input[type=tel i]:focus:not(:focus-visible),
-.utrecht-html input[type=text i]:focus:not(:focus-visible),
-.utrecht-html input[type=time i]:focus:not(:focus-visible),
-.utrecht-html input[type=url i]:focus:not(:focus-visible),
-.utrecht-html input[type=week i]:focus:not(:focus-visible) {
-  box-shadow: none;
-  outline-style: revert;
-}
 .utrecht-html input:not([type]):invalid, .utrecht-html input:not([type])[aria-invalid=true],
 .utrecht-html input[type=date i]:invalid,
 .utrecht-html input[type=date i][aria-invalid=true],
@@ -8507,19 +8368,19 @@
   color: var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
   cursor: var(--utrecht-action-disabled-cursor, not-allowed);
 }
-.utrecht-html input:not([type])::placeholder,
-.utrecht-html input[type=date i]::placeholder,
-.utrecht-html input[type=datetime-local i]::placeholder,
-.utrecht-html input[type=email i]::placeholder,
-.utrecht-html input[type=month i]::placeholder,
-.utrecht-html input[type=number i]::placeholder,
-.utrecht-html input[type=password i]::placeholder,
-.utrecht-html input[type=search i]::placeholder,
-.utrecht-html input[type=tel i]::placeholder,
-.utrecht-html input[type=text i]::placeholder,
-.utrecht-html input[type=time i]::placeholder,
-.utrecht-html input[type=url i]::placeholder,
-.utrecht-html input[type=week i]::placeholder {
+.utrecht-html input:not([type])[prince-xml-ignore-pseudo-element-placeholder],
+.utrecht-html input[type=date i][prince-xml-ignore-pseudo-element-placeholder],
+.utrecht-html input[type=datetime-local i][prince-xml-ignore-pseudo-element-placeholder],
+.utrecht-html input[type=email i][prince-xml-ignore-pseudo-element-placeholder],
+.utrecht-html input[type=month i][prince-xml-ignore-pseudo-element-placeholder],
+.utrecht-html input[type=number i][prince-xml-ignore-pseudo-element-placeholder],
+.utrecht-html input[type=password i][prince-xml-ignore-pseudo-element-placeholder],
+.utrecht-html input[type=search i][prince-xml-ignore-pseudo-element-placeholder],
+.utrecht-html input[type=tel i][prince-xml-ignore-pseudo-element-placeholder],
+.utrecht-html input[type=text i][prince-xml-ignore-pseudo-element-placeholder],
+.utrecht-html input[type=time i][prince-xml-ignore-pseudo-element-placeholder],
+.utrecht-html input[type=url i][prince-xml-ignore-pseudo-element-placeholder],
+.utrecht-html input[type=week i][prince-xml-ignore-pseudo-element-placeholder] {
   color: var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
   font-style: var(--utrecht-form-control-placeholder-font-style);
   opacity: 100%;