/* Lettertypen uit de bundel van het origineel (Google Fonts-subsets), nu als eigen bestanden */
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/archivo-var-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-400-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-400-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-400-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-400-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-400-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-500-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-500-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-500-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-500-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-500-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-600-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-600-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-600-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-600-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-600-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("/fonts/ibm-plex-sans-var-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/kalam-400-devanagari.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/kalam-400-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/kalam-400-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/kalam-700-devanagari.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A;
}
/* latin-ext */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/kalam-700-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/kalam-700-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Letterlijk overgenomen uit het origineel (globale regels van de site) */
  html, body { margin: 0; padding: 0; background: rgb(14,20,32); }
  a { color: var(--blue); } a:hover { color: #FF5C00; }
  [data-theme="dark"]{
    --bg:#0E1420; --bg-deep:#0B111C; --card:#121A2A;
    --ink:#EDEFF2; --ink-2:#B6BFCE; --ink-3:#9AA6BC; --ink-4:#5E6C86;
    --line:#2A3650; --line-soft:#1C2536; --line-strong:#46546F;
    --cw-page-bg:#0E1420;
    --blue:#6E8BE8; --blue-line:#3D5DC2;
    --grid:#2A365080; --portrait-a:#1A2335; --portrait-b:#141C2C;
    --nav-bg:rgba(14,20,32,0.95); --menu-bg:rgba(14,20,32,0.97);
    --navf-bg:rgba(27,36,56,0.9); --navf-solid:#1B2438; --navf-line:#56658A; --navf-shadow:0 16px 36px -12px rgba(0,0,0,0.6), 0 3px 8px rgba(0,0,0,0.3);
  }
  [data-theme="light"]{
    --bg:#EFF0EB; --bg-deep:#E6E7E1; --card:#FFFFFF;
    --ink:#16191F; --ink-2:#3F4651; --ink-3:#646B77; --ink-4:#8A8F99;
    --line:#D2D4CD; --line-soft:#E0E2DB; --line-strong:#B0B2AA;
    --blue:#1B4FD8; --blue-line:#1B4FD8;
    --grid:#1B4FD81F; --portrait-a:#E1E3DC; --portrait-b:#EBECE7;
    --nav-bg:rgba(239,240,235,0.95); --menu-bg:rgba(239,240,235,0.97);
    --navf-bg:rgba(255,254,250,0.9); --navf-solid:#FFFEFA; --navf-line:#A2A49B; --navf-shadow:0 16px 36px -14px rgba(48,40,20,0.3), 0 3px 8px rgba(48,40,20,0.08);
    --cw-page-bg:#EFF0EB;
  }
  * { box-sizing: border-box; }
  [data-theme] h1, [data-theme] h2, [data-theme] h3 { text-wrap: balance; }
  [data-theme] p { text-wrap: pretty; }
  input, textarea, button { font-family: inherit; }
  @keyframes pulseB { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } }
  @keyframes flowX { 0% { left: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { left: 100%; opacity: 0; } }
  @keyframes railDown { from { top: 0%; } to { top: 100%; } }
  @keyframes nodePass1 { 0% { fill: var(--bg); stroke: var(--blue); } 2% { fill: #FF5C00; stroke: #FF5C00; } 100% { fill: #FF5C00; stroke: #FF5C00; } }
  @keyframes nodePass2 { 0%, 33% { fill: var(--bg); stroke: var(--blue); } 35%, 100% { fill: #FF5C00; stroke: #FF5C00; } }
  @keyframes nodePass3 { 0%, 66% { fill: var(--bg); stroke: var(--blue); } 68%, 100% { fill: #FF5C00; stroke: #FF5C00; } }
  @keyframes flowRun { 0% { offset-distance: 0%; opacity: 0; } 5% { opacity: 1; } 29% { opacity: 1; } 31% { opacity: 0; } 64% { opacity: 0; } 66% { opacity: 1; } 95% { opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } }
  @media (max-width: 640px) {
    svg text[data-fig="lbl"] { font-size: 14px; }
    svg text[data-fig="blk"] { font-size: 18px; }
  }
  @keyframes pageIn { from { transform: translateY(12px); } to { transform: none; } }
  @keyframes rise { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
  image-slot::part(frame) { background: transparent; }
  image-slot::part(ring) { display: none; }
  @media (max-width: 1000px) { svg[data-cw-train] { display: none; } }
  @keyframes cwPFill { from { transform: scaleX(var(--cw-f0, 0)); } to { transform: scaleX(var(--cw-f1, 1)); } }
  @keyframes cwPTrack { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(100%, 0, 0); } }
  @keyframes cwPGear { from { transform: rotate(0deg); } to { transform: rotate(var(--cw-rot, 0deg)); } }
  [data-cw-prog][data-cw-sd="1"] [data-cw-pfill] { animation: cwPFill linear both; animation-timeline: scroll(root block); }
  [data-cw-prog][data-cw-sd="1"] [data-cw-ptrack] { animation: cwPTrack linear both; animation-timeline: scroll(root block); }
  @media (max-width: 760px) { [data-cw-prog], [data-cw-bord] { --cw-d: 14px !important; } }
  @property --cw-gx { syntax: '<length>'; inherits: false; initial-value: 0px; }
  @keyframes cwPGx { from { --cw-gx: var(--cw-gx0, 0px); } to { --cw-gx: var(--cw-gx1, 0px); } }
  [data-cw-bord] { --cw-d: 16px; }
  [data-cw-bord][data-cw-cut="true"] {
    -webkit-mask: linear-gradient(#000, #000) top / 100% calc(100% - 2px) no-repeat, linear-gradient(to right, #000 var(--cw-gx), transparent var(--cw-gx), transparent calc(var(--cw-gx) + var(--cw-d)), #000 calc(var(--cw-gx) + var(--cw-d))) bottom / 100% 2px no-repeat;
    mask: linear-gradient(#000, #000) top / 100% calc(100% - 2px) no-repeat, linear-gradient(to right, #000 var(--cw-gx), transparent var(--cw-gx), transparent calc(var(--cw-gx) + var(--cw-d)), #000 calc(var(--cw-gx) + var(--cw-d))) bottom / 100% 2px no-repeat;
  }
  [data-cw-bord][data-cw-cut="true"][data-cw-sd="1"] { animation: cwPGx linear both; animation-timeline: scroll(root block); }
  [data-cw-prog][data-cw-sd="1"] [data-cw-pgear] { animation: cwPGear linear both; animation-timeline: scroll(root block); }
  @media (max-width: 760px) {
    [data-cw-mcar] { display: flex !important; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; margin-left: calc(-1 * clamp(20px, 4vw, 36px)); margin-right: calc(-1 * clamp(20px, 4vw, 36px)); padding: 4px clamp(20px, 4vw, 36px); scroll-padding-inline: clamp(20px, 4vw, 36px); }
    [data-cw-mcar]::-webkit-scrollbar { display: none; }
    [data-cw-mcar] > * { flex: 0 0 calc(100% - 44px); min-width: 0; scroll-snap-align: start; scroll-snap-stop: always; }
    [data-cw-mdots] { display: flex !important; }
  }
  :root { --cw-W: var(--cw-vw, 100vw); --cw-pad: clamp(20px, 4vw, 36px); --cw-wc: calc(min(1440px, var(--cw-W)) - 2 * var(--cw-pad)); --cw-g36: calc(var(--cw-wc) / 38); --cw-g72: calc(var(--cw-wc) / 19); --cw-gx: calc((var(--cw-W) - min(1440px, var(--cw-W))) / 2 + var(--cw-pad)); }
  @media (max-width: 760px) { :root { --cw-g36: 36px; --cw-g72: 72px; --cw-gx: 0px; } }
  :root { --cw-navx: var(--cw-pad); --cw-navy: 16px; --cw-navh: calc(var(--cw-navy) + 64px); }
  @media (max-width: 760px) { :root { --cw-navx: 10px; --cw-navy: 10px; } }
  html { scroll-padding-top: calc(var(--cw-navh) + 8px); }
  [data-screen-label] > div:first-of-type { padding-top: var(--cw-navh); }
  html[data-cw-rvon] [data-cw-rs="h"] { opacity: 0 !important; transform: translate3d(0, 20px, 0) !important; }
  [data-cw-rs="a"] { transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1) !important; transition-delay: var(--cw-rd, 0ms) !important; }
  html[data-cw-intro="run"] [data-cw-w] { opacity: 0; transform: translate3d(0, 0.35em, 0); }
  html[data-cw-intro="run"] [data-cw-hi] { opacity: 0; transform: translate3d(0, 14px, 0); }
  html[data-cw-intro="go"] [data-cw-w], html[data-cw-intro="go"] [data-cw-hi] { transition: opacity 0.45s ease, transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1); }
  [data-cw-car]:focus-visible { outline: 2px solid #FF5C00; outline-offset: 6px; }
  [data-cw-kick] [data-cw-sep], [data-cw-kick] [data-cw-kt] { opacity: 0.45; transition: opacity 0.4s ease; }
  [data-cw-kick] [data-cw-item][data-on] [data-cw-kt] { opacity: 1; }
  @media (max-width: 560px) { [data-cw-ctas] { flex-direction: column; } }
  [data-cw-msgrid]:has(> :nth-child(3):last-child), [data-cw-msgrid]:has(> :nth-child(6):last-child), [data-cw-msgrid]:has(> :nth-child(9):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  [data-cw-msgrid]:has(> :nth-child(5):last-child), [data-cw-msgrid]:has(> :nth-child(10):last-child) { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  @media (max-width: 560px) { [data-cw-msgrid]:not(:has(> :nth-child(odd):last-child)) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } [data-cw-msgrid]:has(> :nth-child(5):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
  [data-cw-msgrid] button:focus-visible { outline: 2px solid #FF5C00 !important; outline-offset: 2px; }
  [data-cw-iol] { position: relative; flex: none; width: 56px; height: 10px; margin: 0 12px; }
  [data-cw-iod] { position: absolute; left: 0; top: 4px; width: 26px; height: 2px; margin-left: -26px; opacity: 0; pointer-events: none; background: linear-gradient(90deg, rgba(255,92,0,0), rgba(255,92,0,0.55)); }
  [data-cw-iod]::after { content: ""; position: absolute; right: -3px; top: -2px; width: 6px; height: 6px; border-radius: 50%; background: #FF5C00; box-shadow: 0 0 8px 2px rgba(255,92,0,0.4); }
  [data-cw-ioo] { transition: color 0.3s ease; }
  [data-cw-io] [data-cw-short] { display: none; }
  [data-cw-io][data-short="1"] [data-cw-short] { display: inline; }
  [data-cw-io][data-short="1"] [data-cw-full] { display: none; }
  @keyframes cwIoH { 0% { left: 0; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { left: 100%; opacity: 0; } }
  @media (hover: hover) {
    [data-cw-sc]:hover [data-cw-iod] { animation: cwIoH 0.8s linear forwards; }
    [data-cw-sc]:hover [data-cw-ioo] { color: #FF5C00; transition: color 0.2s ease 0.72s; }
    
  }
  @media (hover: none) {
    [data-cw-sc][data-io="1"] [data-cw-iod] { animation: cwIoH 0.8s linear forwards; }
    [data-cw-sc][data-io="1"] [data-cw-ioo] { color: #FF5C00; transition: color 0.2s ease 0.72s; }
  }
  @media (prefers-reduced-motion: reduce) { [data-cw-iod] { display: none !important; } }
  @media (hover: hover) and (min-width: 761px) { [data-cw-svrow]:hover { background: var(--card); box-shadow: inset 2px 0 0 #FF5C00; } [data-theme="dark"] [data-cw-svrow]:hover { background: #1A2640; } }
  [data-theme="dark"] [data-cw-svrow], [data-theme="dark"] [data-cw-svlist] { border-color: #34425F !important; }
  @media (max-width: 760px) { [data-cw-svrow] { grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; padding: 26px 0 !important; } [data-cw-svlist] { margin: 0 !important; } [data-cw-svtags] { min-height: 0 !important; } [data-cw-svtags]:empty { display: none !important; } }
  [data-cw-tlbg] { background: var(--card); } [data-theme="dark"] [data-cw-tlbg] { background: #22304D; }
  [data-cw-nb] { transition: border-color 0.25s ease, background-color 0.25s ease; }
  [data-cw-nb]:hover { border-color: #FF5C00 !important; background: var(--card); } [data-theme="dark"] [data-cw-nb]:hover { background: #1A2640; }
  @media (max-width: 760px) {
    [data-cw-tlsteps] { grid-template-columns: minmax(0, 1fr) !important; gap: 36px !important; }
    [data-cw-tlstep] { padding: 0 0 0 36px !important; }
    [data-cw-tldot] { left: 7px !important; top: 8px !important; }
    [data-cw-tlline] { left: 6px !important; right: auto !important; width: 2px; top: 8px !important; bottom: 0; height: auto !important; }
    [data-cw-tlbg] { top: -16px !important; left: 16px !important; right: -12px !important; bottom: -18px !important; }
    [data-cw-tlcheck] { right: auto !important; left: 7px; top: auto !important; bottom: 0; transform: translate(-50%, 50%) !important; }
  }
  @media (max-width: 760px) { [data-cw-cres] { margin-left: 0 !important; } [data-cw-c2] { grid-template-columns: minmax(0, 1fr) !important; } [data-cw-c2] > [aria-hidden] { display: none; } [data-cw-kpis] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } [data-cw-csec] { font-size: 16px !important; } }
  @media (prefers-reduced-motion: reduce) {
    [data-cw-kick] [data-cw-sep], [data-cw-kick] [data-cw-kt] { opacity: 1 !important; }
    * { animation: none !important; transition: none !important; }
    svg[data-cw-train] { display: none; }
    [data-cw-rs], [data-cw-w], [data-cw-hi] { opacity: 1 !important; transform: none !important; }
    [data-cw-sig] { display: none; }
  }
  [data-cw-ccard] > [data-cw-clogo] { order: 2; }
  [data-cw-slide] { container-type: inline-size; }
  [data-cw-lglink]:focus-visible { outline: 2px solid #FF5C00; outline-offset: 2px; }
  [data-cw-lglink]:hover img, [data-cw-lglink]:focus-visible img { opacity: 1 !important; }
  [data-cw-ccard][data-cw-flash] { border-color: #FF5C00 !important; }
  @container (max-width: 761.98px) { [data-cw-ccard] { grid-auto-rows: auto 1fr; } [data-cw-ccard] > [data-cw-clogo] { order: -1; height: 150px; border-left: 0 !important; border-bottom: 1px solid var(--line); min-height: 150px !important; padding: 24px 28px !important; } [data-cw-ccard] > [data-cw-clogo] img { max-width: 220px !important; max-height: 96px; width: auto !important; } }
  [data-theme="dark"] { --cw-good: #4CC98A; --cw-warn: #F0A060; }
  [data-theme="light"] { --cw-good: #1E7A4A; --cw-warn: #B4520B; }
  [data-cw-lbrow] { grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr); }
  [data-cw-lbrow][data-side="r"] { grid-template-columns: minmax(0, 1fr) minmax(0, 0.75fr); }
  [data-cw-lbrow][data-side="r"] > [data-cw-lbv] { order: 2; }
  @media (max-width: 820px) { [data-cw-lbrow], [data-cw-lbrow][data-side="r"] { grid-template-columns: minmax(0, 1fr); } [data-cw-lbrow][data-side="r"] > [data-cw-lbv] { order: 0; } }
  [data-cw-lbimg] { transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; }
  [data-cw-lbrow]:hover [data-cw-lbimg], [data-cw-lbrow]:focus-visible [data-cw-lbimg] { transform: translateY(-4px); border-color: #FF5C00 !important; box-shadow: 0 16px 32px -14px rgba(0,0,0,0.35); }
  [data-cw-lbrow]:hover [data-cw-lbh], [data-cw-lbrow]:focus-visible [data-cw-lbh] { text-decoration: underline; text-decoration-color: #FF5C00; text-decoration-thickness: 2px; text-underline-offset: 5px; }
  [data-cw-ul]:hover, [data-cw-lblink]:hover, [data-cw-lblink]:focus-visible, [data-cw-ccard]:hover [data-cw-ul], [data-cw-sc]:hover [data-cw-ul], [data-cw-lbrow]:hover [data-cw-lbread], [data-cw-lbrow]:focus-visible [data-cw-lbread] { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
  [data-cw-lbrow]:focus-visible, [data-cw-lbmini]:focus-visible, [data-cw-lbarow]:focus-visible, [data-cw-lblink]:focus-visible { outline: 2px solid #FF5C00; outline-offset: 6px; }
  [data-cw-lbh2] { transition: color 0.2s ease; }
  [data-cw-lbmini]:hover [data-cw-lbh2], [data-cw-lbarow]:hover [data-cw-lbh2] { color: #FF5C00; }
  [data-cw-lbrow][data-st="pre"] [data-cw-lbv] { opacity: 0; transform: translate3d(-40px, 0, 0); }
  [data-cw-lbrow][data-side="r"][data-st="pre"] [data-cw-lbv] { transform: translate3d(40px, 0, 0); }
  [data-cw-lbrow][data-st="pre"] [data-cw-lbt] { opacity: 0; transform: translate3d(0, 20px, 0); }
  [data-cw-lbrow][data-st="go"] [data-cw-lbv], [data-cw-lbrow][data-st="go"] [data-cw-lbt] { transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1); }
  [data-cw-lbrow][data-st="go"] [data-cw-lbt] { transition-delay: 0.14s; }
  @media (max-width: 820px) { [data-cw-lbrow][data-st="pre"] [data-cw-lbv], [data-cw-lbrow][data-side="r"][data-st="pre"] [data-cw-lbv] { transform: translate3d(0, 24px, 0); } }
  @media (prefers-reduced-motion: reduce) { [data-cw-lbrow] [data-cw-lbv], [data-cw-lbrow] [data-cw-lbt] { opacity: 1 !important; transform: none !important; } }
  [data-cw-lbsvg] > svg { display: block; width: 100%; height: 100%; }
  [data-cw-sheet]::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' sc-camel-base-frequency='.9' sc-camel-num-octaves='2' sc-camel-stitch-tiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5  0 0 0 0 .45  0 0 0 0 .4  0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"); }
  [data-cw-sk] > svg { display: block; width: 100%; height: auto; }
  [data-cw-sk="over"] { position: absolute; inset: 0; pointer-events: none; }
  [data-cw-sk="over"] > svg { height: 100%; }
  [data-cw-lbleg] { grid-template-columns: 150px minmax(0, 1fr); }
  @media (max-width: 480px) { [data-cw-lbleg] { grid-template-columns: minmax(0, 1fr); gap: 8px !important; } }
  [data-cw-calc] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); }
  @media (max-width: 860px) { [data-cw-calc] { grid-template-columns: minmax(0, 1fr); } [data-cw-calcin] { border-right: 0 !important; border-bottom: 1px solid var(--line); } }
  /* Gegenereerd uit style-hover / style-focus van het origineel */
.cw-h860763:hover { color: var(--ink) !important; }
.cw-hb59c94:hover { background: #E65300 !important; }
.cw-h476289:hover { color: #E65300 !important; }
.cw-h21cbad:hover { opacity: 1 !important; }
.cw-h7d7881:hover { border-color: #FF5C00 !important; transform: translateY(-3px) !important; }
.cw-h42920f:hover { border-color: #FF5C00 !important; color: #FF5C00 !important; }
.cw-f0ca67e:focus { outline: none !important; }
.cw-hf5a953:hover { border-color: #FF5C00 !important; transform: translateY(-4px) !important; }
.cw-f2dd96c:focus { border-color: #FF5C00 !important; }
.cw-h32b64a:hover { color: #FF5C00 !important; }
/* Power Platform: blokken lichten op bij hover (zelfde oranje rand als de kaarten op Oplossingen, zonder optillen want ze zijn niet klikbaar) */
.cw-hpp:hover { border-color: #FF5C00 !important; }
/* Werkbonspoor op de homepage (sectie "problem").
   Zonder html[data-cw-sp="run"] is dit een gewoon blok in de eindstand: zonder JavaScript, bij reduced motion,
   na afloop ("done") en als de pagina laadt terwijl de sectie al voorbij is. Gedrag: spoorInit in cw.ts. */

[data-cw-spoor] {
  --c: 1; --sp-ah: 360px;
  --sp-paper: #FFFFFF; --sp-paper-line: var(--line-strong); --sp-paper-rule: #D6D3CA;
  overflow-anchor: none;
}
[data-theme="dark"] [data-cw-spoor] { --sp-paper: #F3F1EA; --sp-paper-line: transparent; --sp-paper-rule: #C9C5BA; }

[data-cw-sp-scene] { padding: clamp(56px, 6vw, 88px) var(--cw-pad) clamp(48px, 5vw, 72px); }
[data-cw-sp-inner] { width: 100%; max-width: calc(1440px - 2 * var(--cw-pad)); margin: 0 auto; display: flex; flex-direction: column; gap: clamp(40px, 6vh, 64px); }
[data-cw-sp-h] { font-size: clamp(28px, 3vw, 42px); }

/* tijdens het afspelen: hoge sectie met een vastgezette scène. Op desktop is de scène even hoog als het gewone blok
   en staat ze vast zodra haar onderkant de onderkant van het scherm raakt (--sp-sh en --sp-top zet spoorInit). */
html[data-cw-sp="run"] [data-cw-spoor] { height: calc(var(--sp-sh, 600px) + 240vh); height: calc(var(--sp-sh, 600px) + 240svh); --c: 0; }
html[data-cw-sp="run"] [data-cw-sp-scene] { position: sticky; top: var(--sp-top, 0px); }

/* keten, horizontaal */
[data-cw-sp-axis] { position: relative; height: 200px; margin: 0 14px; --y: 72px; }
[data-cw-sp-rail], [data-cw-sp-trail] { position: absolute; left: 0; top: var(--y); height: 1.5px; margin-top: -0.75px; }
[data-cw-sp-rail] { right: 0; background: var(--line-strong); }
[data-cw-sp-trail] { width: calc(var(--c) * 100%); background: var(--blue); }

[data-cw-sp-node], [data-cw-sp-brk], [data-cw-sp-doc] { position: absolute; top: var(--y); left: calc(var(--t) * 100%); }
[data-cw-sp-node] { width: 0; height: 0; }
[data-cw-sp-node] i { position: absolute; left: -5.5px; top: -5.5px; width: 11px; height: 11px; border-radius: 50%; background: var(--bg); border: 1.5px solid var(--blue); transition: background-color 0.3s ease; }
[data-cw-sp-node] > span { position: absolute; bottom: 30px; left: 0; transform: translateX(-50%); font-family: 'IBM Plex Mono', monospace; font-weight: 600; font-size: 12px; letter-spacing: 0.12em; color: var(--ink-3); white-space: nowrap; transition: color 0.3s ease; }
[data-cw-sp-node="0"] > span { transform: none; left: -5.5px; }
[data-cw-sp-node="3"] > span { transform: none; left: auto; right: -5.5px; }

[data-cw-sp-brk] svg { position: absolute; left: -8px; top: -8px; width: 16px; height: 16px; display: block; opacity: 0.35; transition: opacity 0.3s ease, scale 0.3s ease, filter 0.3s ease; }
[data-cw-sp-ann] { position: absolute; top: 30px; left: 0; transform: translateX(-50%); width: clamp(180px, 22vw, 280px); text-align: center; opacity: 0; transition: opacity 0.35s ease; }
[data-cw-sp-ann] strong { display: block; font-family: 'IBM Plex Mono', monospace; font-weight: 500; font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; color: #FF5C00; }
[data-cw-sp-ann] p { margin: 8px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }

/* de werkbon */
[data-cw-sp-doc] {
  left: calc(var(--c) * 100%); z-index: 2; width: 44px; height: 56px; margin: -28px 0 0 -22px; box-sizing: border-box;
  padding: 9px 7px; display: flex; flex-direction: column; gap: 5px;
  background: var(--sp-paper); border: 1px solid var(--sp-paper-line); border-radius: 2px;
  box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.35); rotate: var(--rot, 0deg); transition: rotate 0.25s ease;
}
[data-cw-sp-doc] em { font-style: normal; font-family: 'IBM Plex Mono', monospace; font-weight: 500; font-size: 6.5px; letter-spacing: 0.06em; color: #16191F; white-space: nowrap; overflow: hidden; }
[data-cw-sp-doc] u { display: block; height: 2px; background: var(--sp-paper-rule); }
[data-cw-sp-doc] u:nth-of-type(2) { width: 70%; } [data-cw-sp-doc] u:nth-of-type(4) { width: 55%; }
[data-cw-sp-doc] b { position: absolute; right: -7px; top: -7px; width: 14px; height: 14px; border-radius: 50%; background: #FF5C00; opacity: 0; transition: opacity 0.2s ease; }
[data-cw-sp-doc].stuck { animation: cwSpShake 0.5s ease-in-out infinite; }
[data-cw-sp-doc].stuck b { opacity: 1; }
@keyframes cwSpShake { 0%, 100% { translate: 0 0; } 25% { translate: -2px 0; } 75% { translate: 2px 0; } }

[data-cw-sp-end] { margin: 0; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: clamp(20px, 2vw, 26px); line-height: 1.3; letter-spacing: -0.01em; color: var(--ink); text-wrap: balance; transition: opacity 0.4s ease; }
[data-cw-sp-end2] { color: var(--ink-3); font-weight: 500; }

/* eindstand (alles behalve run) */
html:not([data-cw-sp="run"]) [data-cw-sp-node] i { background: var(--blue); }
html:not([data-cw-sp="run"]) [data-cw-sp-node] > span { color: var(--ink); }
html:not([data-cw-sp="run"]) [data-cw-sp-brk] svg { opacity: 1; }
html:not([data-cw-sp="run"]) [data-cw-sp-ann] { opacity: 1; }

/* tijdens het afspelen: standen per klasse */
html[data-cw-sp="run"] [data-cw-sp-node].on i { background: var(--blue); }
html[data-cw-sp="run"] [data-cw-sp-node].on > span { color: var(--ink); }
html[data-cw-sp="run"] [data-cw-sp-brk].hit svg { opacity: 1; }
html[data-cw-sp="run"] [data-cw-sp-brk].now svg { scale: 1.4; filter: drop-shadow(0 0 6px rgba(255, 92, 0, 0.7)); }
html[data-cw-sp="run"] [data-cw-sp-brk].hit [data-cw-sp-ann] { opacity: 0.45; }
html[data-cw-sp="run"] [data-cw-sp-brk].now [data-cw-sp-ann] { opacity: 1; }
html[data-cw-sp="run"] [data-cw-sp-end] { opacity: 0; }
html[data-cw-sp="run"] [data-cw-sp-end].show { opacity: 1; }

/* telefoon: keten verticaal, lijn links, stations en uitleg rechts */
@media (max-width: 720px) {
  [data-cw-sp-inner] { gap: 24px; }
  [data-cw-sp-h] { font-size: clamp(23px, 6.6vw, 28px); }
  [data-cw-sp-sub] { font-size: 16px !important; }
  html[data-cw-sp="run"] [data-cw-spoor] { height: 320vh; height: 320svh; }
  html[data-cw-sp="run"] [data-cw-sp-scene] { top: 0; height: 100vh; height: 100svh; display: flex; flex-direction: column; padding-top: calc(var(--cw-navh) + 14px); padding-bottom: 18px; }
  html[data-cw-sp="run"] [data-cw-sp-inner] { flex: 1 1 auto; min-height: 0; }
  html[data-cw-sp="run"] [data-cw-sp-axis] { flex: 1 1 auto; height: auto; min-height: 0; max-height: 460px; }
  [data-cw-sp-axis] { height: var(--sp-ah); margin: 28px 0 28px 22px; }
  [data-cw-sp-rail], [data-cw-sp-trail] { left: 0; top: 0; width: 1.5px; height: auto; margin: 0 0 0 -0.75px; }
  [data-cw-sp-rail] { right: auto; bottom: 0; }
  [data-cw-sp-trail] { height: calc(var(--c) * 100%); }
  [data-cw-sp-node], [data-cw-sp-brk] { left: 0; top: calc(var(--t) * 100%); }
  [data-cw-sp-node] > span, [data-cw-sp-node="0"] > span, [data-cw-sp-node="3"] > span { bottom: auto; top: 0; left: 44px; right: auto; transform: translateY(-50%); }
  [data-cw-sp-ann] { top: 0; left: 44px; transform: translateY(-50%); width: calc(var(--cw-W) - 2 * var(--cw-pad) - 22px - 44px); text-align: left; }
  [data-cw-sp-ann] strong { font-size: 11px; }
  [data-cw-sp-ann] p { margin-top: 4px; font-size: 13.5px; line-height: 1.45; }
  [data-cw-sp-doc] { left: 0; top: calc(var(--c) * 100%); width: 34px; height: 44px; margin: -22px 0 0 -17px; padding: 7px 5px; gap: 4px; }
  [data-cw-sp-doc] em { font-size: 5px; letter-spacing: 0.02em; }
  [data-cw-sp-end] { font-size: clamp(17px, 4.8vw, 20px); }
}

@media (prefers-reduced-motion: reduce) { [data-cw-sp-doc].stuck { animation: none; } }

/* Power Platform: drie interactieve blokken (past het platform, premiumconnector, eigenaar die vertrekt) en het
   raster in sectie 05. Eén vormtaal: kader als "Passend", segmentknoppen, schakelaar, oranje voor probleem en
   --cw-good voor in orde. Gedrag: ppInit in cw.ts. Alles blijft binnen de containerbreedte, dus vrij van de schroef. */

[data-cw-ppx] {
  --pp-ok: var(--cw-good); --pp-bad: #FF5C00;
  border: 1px solid var(--line); border-top: 2px solid var(--blue-line); background: var(--card);
  padding: clamp(20px, 3vw, 32px); margin: 0 0 28px;
}
[data-cw-ppx-h] { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 21px; line-height: 1.25; margin: 0 0 8px; text-wrap: balance; }
[data-cw-ppx-line] { font-size: 15.5px; line-height: 1.6; color: var(--ink-2); max-width: 680px; margin: 0 0 24px; }
[data-cw-ppx="check"] [data-cw-ppx-h] { margin-bottom: 22px; }
[data-cw-ppx-lbl] { font-size: 15px; font-weight: 500; line-height: 1.45; color: var(--ink); }
[data-cw-ppx-lbl="mono"] { display: block; font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; font-weight: 500; letter-spacing: 0.12em; color: var(--ink-3); }

/* segmentknoppen (antwoorden, eigenaar) */
[data-cw-ppx-seg] { display: flex; flex-wrap: wrap; gap: 6px; }
[data-cw-ppx-seg] button {
  font: inherit; font-size: 14px; line-height: 1.35; text-align: left; cursor: pointer;
  padding: 8px 12px; border: 1px solid var(--line-strong); background: transparent; color: var(--ink-2);
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
[data-cw-ppx-seg] button:hover { border-color: var(--ink-3); color: var(--ink); }
[data-cw-ppx-seg] button[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--bg); }

/* gewone knoppen */
[data-cw-ppx-btn] { font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; padding: 11px 20px; border: 1px solid transparent; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; }
[data-cw-ppx-btn="primary"] { background: #FF5C00; color: #fff; }
[data-cw-ppx-btn="primary"]:hover { background: #E65300; }
[data-cw-ppx-btn="primary"]:disabled { opacity: 0.4; cursor: default; }
[data-cw-ppx-btn="ghost"] { background: transparent; border-color: var(--line-strong); color: var(--ink-2); }
[data-cw-ppx-btn="ghost"]:hover { border-color: var(--ink-3); color: var(--ink); }

[data-cw-ppx] button:focus-visible { outline: 2px solid #FF5C00; outline-offset: 2px; }

/* 1. past het Power Platform? */
[data-cw-ppc-grid] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: start; }
[data-cw-ppc-q] { display: grid; gap: 10px; padding: 16px 0; border-top: 1px solid var(--line); }
[data-cw-ppc-q]:first-child { border-top: 0; padding-top: 0; }
[data-cw-ppc-res] { position: sticky; top: calc(var(--cw-navh) + 24px); display: grid; gap: 14px; }
[data-cw-ppc-meter] {
  position: relative; height: 10px;
  background: linear-gradient(90deg, var(--pp-ok) 0 33.33%, var(--blue) 33.33% 66.67%, var(--pp-bad) 66.67% 100%);
}
[data-cw-ppc-needle] { position: absolute; top: -7px; left: var(--pos, 10%); width: 4px; height: 24px; margin-left: -2px; background: var(--ink); box-shadow: 0 0 0 2px var(--card); transition: left 0.45s cubic-bezier(0.3, 1.3, 0.5, 1); }
[data-cw-ppc-zones] { display: grid; grid-template-columns: repeat(3, 1fr); font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.1em; color: var(--ink-3); }
[data-cw-ppc-zones] span:nth-child(2) { text-align: center; } [data-cw-ppc-zones] span:nth-child(3) { text-align: right; }
[data-cw-ppc-title] { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: clamp(20px, 2vw, 24px); line-height: 1.2; margin-top: 8px; color: var(--ink); text-wrap: balance; }
[data-cw-ppc-body] { font-size: 15px; line-height: 1.6; color: var(--ink-2); margin: 8px 0 0; }

/* 2. premiumconnector */
[data-cw-ppl-toggle] { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
[data-cw-ppl-sw] { position: relative; flex: none; width: 52px; height: 28px; padding: 0; cursor: pointer; border: 1px solid var(--line-strong); background: var(--bg); transition: background-color 0.25s ease, border-color 0.25s ease; }
[data-cw-ppl-sw] i { position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; background: var(--ink-3); transition: transform 0.25s ease, background-color 0.25s ease; }
[data-cw-ppl-sw][aria-checked="true"] { background: #FF5C00; border-color: #FF5C00; }
[data-cw-ppl-sw][aria-checked="true"] i { transform: translateX(24px); background: #fff; }
[data-cw-ppl-lbl] { font-weight: 600; font-size: 15.5px; color: var(--ink); }
[data-cw-ppl-sub] { font-size: 13.5px; color: var(--ink-3); margin-top: 2px; }
[data-cw-ppl-flow] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 26px; font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.06em; }
[data-cw-ppl-flow] span { padding: 6px 10px; border: 1px solid var(--line-strong); color: var(--ink-2); background: var(--bg); }
[data-cw-ppl-flow] b { font-weight: 400; color: var(--ink-3); }
[data-cw-ppl-flow] [data-cw-ppl-prem] { opacity: 0; transform: translateX(-6px); transition: opacity 0.3s ease, transform 0.3s ease; }
[data-cw-ppl-flow] span[data-cw-ppl-prem] { border-color: #FF5C00; color: #FF5C00; }
[data-cw-ppx="lic"][data-on] [data-cw-ppl-prem] { opacity: 1; transform: none; }
[data-cw-ppl-people] { display: flex; flex-wrap: wrap; gap: 20px 56px; margin-bottom: 22px; }
[data-cw-ppl-row] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
/* poppetje: hoofd en romp */
[data-cw-ppl-p] { position: relative; display: block; width: 30px; height: 40px; }
[data-cw-ppl-p]::before, [data-cw-ppl-p]::after { content: ""; position: absolute; background: var(--pp-ok); transition: background-color 0.3s ease var(--d, 0ms); }
[data-cw-ppl-p]::before { left: 8px; top: 0; width: 14px; height: 14px; border-radius: 50%; }
[data-cw-ppl-p]::after { left: 2px; top: 17px; width: 26px; height: 23px; border-radius: 13px 13px 2px 2px; }
[data-cw-ppx="lic"][data-on] [data-cw-ppl-p]::before, [data-cw-ppx="lic"][data-on] [data-cw-ppl-p]::after { background: #FF5C00; }
[data-cw-ppl-status] { font-size: 15.5px; font-weight: 500; color: var(--ink-2); margin-bottom: 14px; }
[data-cw-ppl-status] b { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 26px; color: var(--pp-ok); margin-right: 4px; transition: color 0.3s ease; }
[data-cw-ppx="lic"][data-on] [data-cw-ppl-status] b { color: #FF5C00; }
[data-cw-ppl-legend] { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 13.5px; color: var(--ink-3); }
[data-cw-ppl-legend] > span::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; background: var(--pp-ok); }
[data-cw-ppl-legend] > span[data-k="prem"]::before { background: #FF5C00; }

/* 3. eigenaar die vertrekt */
[data-cw-ppo-ownrow] { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 28px; margin-bottom: 26px; }
[data-cw-ppo-choice] { display: grid; gap: 10px; }
[data-cw-ppo-badge] { display: inline-flex; align-items: center; gap: 10px; padding: 6px 12px 6px 8px; border: 1px solid var(--line-strong); background: var(--bg); font-size: 14px; color: var(--ink); transition: color 0.3s ease; }
[data-cw-ppo-badge] i { width: 18px; height: 18px; border-radius: 50%; background: var(--pp-ok); transition: background-color 0.3s ease; }
[data-cw-ppx="own"][data-gone] [data-cw-ppo-badge] { color: var(--ink-3); text-decoration: line-through; }
[data-cw-ppx="own"][data-gone] [data-cw-ppo-badge] i { background: var(--line-strong); }
[data-cw-ppo-pipe] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(24px, 0.5fr) minmax(0, 1fr) minmax(24px, 0.5fr) minmax(0, 1fr) minmax(24px, 0.5fr) minmax(0, 1fr); align-items: center; margin-bottom: 26px; }
[data-cw-ppo-step] { border: 1.5px solid var(--ink-2); background: var(--bg); padding: 12px 12px; text-align: center; font-size: 14px; font-weight: 500; line-height: 1.3; color: var(--ink); transition: border-color 0.3s ease, color 0.3s ease; }
[data-cw-ppo-step] small { display: block; margin-top: 4px; font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; font-weight: 400; letter-spacing: 0.08em; color: var(--ink-3); }
[data-cw-ppo-wire] { position: relative; height: 2px; background: var(--line-strong); overflow: hidden; }
[data-cw-ppo-wire] i { position: absolute; top: -2px; left: -14px; width: 12px; height: 6px; border-radius: 3px; background: var(--pp-ok); opacity: 0; }
[data-cw-ppx="own"][data-run] [data-cw-ppo-wire] i { opacity: 1; animation: cwPpRun 1.6s linear infinite; animation-delay: var(--d, 0s); }
@keyframes cwPpRun { from { left: -14px; } to { left: 100%; } }
[data-cw-ppx="own"][data-dead] [data-cw-ppo-step] { border-color: var(--line-strong); color: var(--ink-3); }
[data-cw-ppo-out] { display: flex; flex-wrap: wrap; gap: 14px 40px; margin-bottom: 10px; }
[data-cw-ppo-out] b { display: block; margin-top: 4px; font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 26px; line-height: 1.1; color: var(--ink); }
[data-cw-ppo-out] b[data-cw-ppo-status="ok"] { color: var(--pp-ok); }
[data-cw-ppo-out] b[data-cw-ppo-status="bad"], [data-cw-ppo-out] b[data-bad] { color: #FF5C00; }
[data-cw-ppo-msg] { font-size: 15px; line-height: 1.6; color: var(--ink-2); max-width: 680px; min-height: 1.6em; margin: 0 0 18px; }
[data-cw-ppo-act] { display: flex; flex-wrap: wrap; gap: 10px; }

/* sectie 05: lijst als raster met scheidingslijnen */
[data-cw-pp-grid] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px clamp(24px, 4vw, 56px); }

/* tablet en telefoon */
@media (max-width: 760px) {
  [data-cw-ppc-grid] { grid-template-columns: minmax(0, 1fr); }
  [data-cw-ppc-res] { position: static; order: -1; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
  [data-cw-ppc-q]:first-child { border-top: 0; }
  [data-cw-ppl-people] { flex-direction: column; gap: 18px; }
  [data-cw-ppl-row] { gap: 6px; }
  [data-cw-ppo-ownrow] { align-items: flex-start; flex-direction: column; }
  [data-cw-ppo-pipe] { grid-template-columns: minmax(0, 1fr); }
  [data-cw-ppo-wire] { width: 2px; height: 22px; margin: 0 auto; }
  [data-cw-ppo-wire] i { top: -14px; left: -2px; width: 6px; height: 12px; }
  [data-cw-ppx="own"][data-run] [data-cw-ppo-wire] i { animation-name: cwPpRunDown; }
  @keyframes cwPpRunDown { from { top: -14px; } to { top: 100%; } }
  [data-cw-pp-grid] { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  [data-cw-ppx="own"] [data-cw-ppo-wire] i { display: none; }
}
/* Wat de Claude Design-runtime zelf meegaf (FULL_PAGE_CSS) */
html, body { height: 100%; margin: 0; }
#dc-root, #dc-root > .sc-host { height: 100%; }

/* Lichaamskleur per thema; het origineel zette die met JavaScript (applyBodyBg) alleen op body */
html[data-cw-theme="light"] body { background: #EFF0EB; }
html[data-cw-theme="dark"] body { background: #0E1420; }

/* Waarden die in het origineel per thema in JavaScript werden gekozen */
[data-theme="dark"] {
  --cw-lg-filter: grayscale(1) brightness(0) invert(1);
  --cw-lg-filter-cl: invert(1) grayscale(1) brightness(1.5);
  --cw-logo-filter: brightness(0) invert(1);
  --cw-logo-filter-cl: invert(1) grayscale(1) brightness(1.5);
  --cw-light-bg: transparent; --cw-light-fg: var(--ink-3);
  --cw-dark-bg: var(--ink); --cw-dark-fg: var(--bg);
}
[data-theme="light"] {
  --cw-lg-filter: grayscale(1);
  --cw-lg-filter-cl: grayscale(1);
  --cw-logo-filter: none;
  --cw-logo-filter-cl: none;
  --cw-light-bg: var(--ink); --cw-light-fg: var(--bg);
  --cw-dark-bg: transparent; --cw-dark-fg: var(--ink-3);
}

/* Voorwaardelijke blokken die in de browser wisselen (sc-if in het origineel) */
cw-if { display: contents; }
cw-if[hidden] { display: none !important; }
/* isMobile in het origineel: matchMedia('(max-width: 1080px)') */
@media (max-width: 1080px) { cw-if[data-if="showDesktopNav"] { display: none !important; } }
@media (min-width: 1081px) { cw-if[data-if="isMobile"], cw-if[data-if="menuOpen"] { display: none !important; } }
/* carDesk in het origineel: matchMedia('(hover: hover) and (pointer: fine)') */
@media not ((hover: hover) and (pointer: fine)) { cw-if[data-if="carDesk"] { display: none !important; } }

/* Klikbare elementen die in het origineel een div met onClick waren en nu een echte link zijn */
a.cw-a, a.cw-a:hover { color: inherit; text-decoration: none; }
a.cw-blk { display: block; }

/* <image-slot> uit het origineel: beeld passend (contain) in het vak */
cw-slot { display: block; position: relative; }
cw-slot > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; }