:root {
    --root-border-radius: 4px;
    --root-border-width: 0.063rem;

    --root-tile-padding: 1em;

    --root-page-header-height: 4.5rem;

    --root-box-shadow: 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.16);

    --root-text-underline-offset: 0.1rem;
}

@media (min-width: 30rem) {
    :root {
        --root-page-header-height: 5rem;
    }
}

:root {
    --lightTransformation: 10%;
    --lightestTransformation: 15%;
    --darkTransformation: 5%;
    --darkestTransformation: 10%;

    /* Dark spring green hsl(156, 70%, 29%) #167E54 */
    --root-color--primary-hue: 156;
    --root-color--primary-saturation: 70%;
    --root-color--primary-lightness: 29%;
    --root-color--primary-lightness-dark: calc(var(--root-color--primary-lightness) - var(--darkTransformation));
    --root-color--primary-lightness-darkest: calc(var(--root-color--primary-lightness) - var(--darkestTransformation));
    --root-color--primary-lightness-light: calc(var(--root-color--primary-lightness) + var(--lightTransformation));
    --root-color--primary-lightness-lightest: calc(var(--root-color--primary-lightness) + var(--lightestTransformation));

    --root-color--primary: hsl(var(--root-color--primary-hue), var(--root-color--primary-saturation), var(--root-color--primary-lightness));
    --root-color--primary-dark: hsl(var(--root-color--primary-hue), var(--root-color--primary-saturation), var(--root-color--primary-lightness-dark));
    --root-color--primary-darkest: hsl(var(--root-color--primary-hue), var(--root-color--primary-saturation), var(--root-color--primary-lightness-darkest));
    --root-color--primary-light: hsl(var(--root-color--primary-hue), var(--root-color--primary-saturation), var(--root-color--primary-lightness-light));
    --root-color--primary-lightest: hsl(var(--root-color--primary-hue), var(--root-color--primary-saturation), var(--root-color--primary-lightness-lightest));

    /* Hunyadi yellow hsl(38, 92%, 59%) #f7b036 */
    --root-color--secondary-hue: 38;
    --root-color--secondary-saturation: 92%;
    --root-color--secondary-lightness: 59%;
    --root-color--secondary-lightness-dark: calc(var(--root-color--secondary-lightness) - var(--darkTransformation));
    --root-color--secondary-lightness-darkest: calc(var(--root-color--secondary-lightness) - var(--darkestTransformation));
    --root-color--secondary-lightness-light: calc(var(--root-color--secondary-lightness) + var(--lightTransformation));
    --root-color--secondary-lightness-lightest: calc(var(--root-color--secondary-lightness) + var(--lightestTransformation));

    --root-color--secondary: hsl(var(--root-color--secondary-hue), var(--root-color--secondary-saturation), var(--root-color--secondary-lightness));
    --root-color--secondary-dark: hsl(var(--root-color--secondary-hue), var(--root-color--secondary-saturation), var(--root-color--secondary-lightness-dark));
    --root-color--secondary-darkest: hsl(var(--root-color--secondary-hue), var(--root-color--secondary-saturation), var(--root-color--secondary-lightness-darkest));
    --root-color--secondary-light: hsl(var(--root-color--secondary-hue), var(--root-color--secondary-saturation), var(--root-color--secondary-lightness-light));
    --root-color--secondary-lightest: hsl(var(--root-color--secondary-hue), var(--root-color--secondary-saturation), var(--root-color--secondary-lightness-lightest));

    /* Mint cream hsl(155, 26%, 91%) #e2eee9 */
    --root-color--support-hue: 155;
    --root-color--support-saturation: 26%;
    --root-color--support-lightness: 91%;
    --root-color--support-lightness-dark: calc(var(--root-color--support-lightness) - var(--darkTransformation));
    --root-color--support-lightness-darkest: calc(var(--root-color--support-lightness) - var(--darkestTransformation));
    --root-color--support-lightness-light: calc(var(--root-color--support-lightness) + var(--lightTransformation));
    --root-color--support-lightness-lightest: calc(var(--root-color--support-lightness) + var(--lightestTransformation));

    --root-color--support: hsl(var(--root-color--support-hue), var(--root-color--support-saturation), var(--root-color--support-lightness));
    --root-color--support-dark: hsl(var(--root-color--support-hue), var(--root-color--support-saturation), var(--root-color--support-lightness-dark));
    --root-color--support-darkest: hsl(var(--root-color--support-hue), var(--root-color--support-saturation), var(--root-color--support-lightness-darkest));
    --root-color--support-light: hsl(var(--root-color--support-hue), var(--root-color--support-saturation), var(--root-color--support-lightness-light));
    --root-color--support-lightest: hsl(var(--root-color--support-hue), var(--root-color--support-saturation), var(--root-color--support-lightness-lightest));

    /* Engineering orange hsl(4, 100%, 38%) #c00c00 */
    --root-color--contrast-hue: 4;
    --root-color--contrast-saturation: 100%;
    --root-color--contrast-lightness: 38%;
    --root-color--contrast-lightness-dark: calc(var(--root-color--contrast-lightness) - var(--darkTransformation));
    --root-color--contrast-lightness-darkest: calc(var(--root-color--contrast-lightness) - var(--darkestTransformation));
    --root-color--contrast-lightness-light: calc(var(--root-color--contrast-lightness) + var(--lightTransformation));
    --root-color--contrast-lightness-lightest: calc(var(--root-color--contrast-lightness) + var(--lightestTransformation));

    --root-color--contrast: hsl(var(--root-color--contrast-hue), var(--root-color--contrast-saturation), var(--root-color--contrast-lightness));
    --root-color--contrast-dark: hsl(var(--root-color--contrast-hue), var(--root-color--contrast-saturation), var(--root-color--contrast-lightness-dark));
    --root-color--contrast-darkest: hsl(var(--root-color--contrast-hue), var(--root-color--contrast-saturation), var(--root-color--contrast-lightness-darkest));
    --root-color--contrast-light: hsl(var(--root-color--contrast-hue), var(--root-color--contrast-saturation), var(--root-color--contrast-lightness-light));
    --root-color--contrast-lightest: hsl(var(--root-color--contrast-hue), var(--root-color--contrast-saturation), var(--root-color--contrast-lightness-lightest));

    /* Anti--flash white hsl(120, 6%, 93%) #edefed */
    --root-color--grey-hue: 120;
    --root-color--grey-saturation: 6%;
    --root-color--grey-lightness: 93%;
    --root-color--grey-lightness-dark: calc(var(--root-color--grey-lightness) - var(--darkTransformation));
    --root-color--grey-lightness-darkest: calc(var(--root-color--grey-lightness) - var(--darkestTransformation));
    --root-color--grey-lightness-light: calc(var(--root-color--grey-lightness) + var(--lightTransformation));
    --root-color--grey-lightness-lightest: calc(var(--root-color--grey-lightness) + var(--lightestTransformation));

    --root-color--grey: hsl(var(--root-color--grey-hue), var(--root-color--grey-saturation), var(--root-color--grey-lightness));
    --root-color--grey-dark: hsl(var(--root-color--grey-hue), var(--root-color--grey-saturation), var(--root-color--grey-lightness-dark));
    --root-color--grey-darkest: hsl(var(--root-color--grey-hue), var(--root-color--grey-saturation), var(--root-color--grey-lightness-darkest));
    --root-color--grey-light: hsl(var(--root-color--grey-hue), var(--root-color--grey-saturation), var(--root-color--grey-lightness-light));
    --root-color--grey-lightest: hsl(var(--root-color--grey-hue), var(--root-color--grey-saturation), var(--root-color--grey-lightness-lightest));

    --root-color--black: black;

    /* White hsl(0, 0%, 100%) #ffffff */
    --root-color--white-hue: 0;
    --root-color--white-saturation: 0%;
    --root-color--white-lightness: 100%;
    --root-color--white-lightness-dark: calc(var(--root-color--white-lightness) - var(--darkTransformation));
    --root-color--white-lightness-darkest: calc(var(--root-color--white-lightness) - var(--darkestTransformation));
    --root-color--white-lightness-light: calc(var(--root-color--white-lightness) + var(--lightTransformation));
    --root-color--white-lightness-lightest: calc(var(--root-color--white-lightness) + var(--lightestTransformation));

    --root-color--white: hsl(var(--root-color--white-hue), var(--root-color--white-saturation), var(--root-color--white-lightness));
    --root-color--white-dark: hsl(var(--root-color--white-hue), var(--root-color--white-saturation), var(--root-color--white-lightness-dark));
    --root-color--white-darkest: hsl(var(--root-color--white-hue), var(--root-color--white-saturation), var(--root-color--white-lightness-darkest));
    --root-color--white-light: hsl(var(--root-color--white-hue), var(--root-color--white-saturation), var(--root-color--white-lightness-light));
    --root-color--white-lightest: hsl(var(--root-color--white-hue), var(--root-color--white-saturation), var(--root-color--white-lightness-lightest));

    /* Hunyadi yellow hsl(38, 92%, 59%) #f7b036 */
    --root-color--footer-hue: 38;
    --root-color--footer-saturation: 92%;
    --root-color--footer-lightness: 59%;
    --root-color--footer-lightness-dark: calc(var(--root-color--footer-lightness) - var(--darkTransformation));
    --root-color--footer-lightness-darkest: calc(var(--root-color--footer-lightness) - var(--darkestTransformation));
    --root-color--footer-lightness-light: calc(var(--root-color--footer-lightness) + var(--lightTransformation));
    --root-color--footer-lightness-lightest: calc(var(--root-color--footer-lightness) + var(--lightestTransformation));

    --root-color--footer: hsl(var(--root-color--footer-hue), var(--root-color--footer-saturation), var(--root-color--footer-lightness));
    --root-color--footer-dark: hsl(var(--root-color--footer-hue), var(--root-color--footer-saturation), var(--root-color--footer-lightness-dark));
    --root-color--footer-darkest: hsl(var(--root-color--footer-hue), var(--root-color--footer-saturation), var(--root-color--footer-lightness-darkest));
    --root-color--footer-light: hsl(var(--root-color--footer-hue), var(--root-color--footer-saturation), var(--root-color--footer-lightness-light));
    --root-color--footer-lightest: hsl(var(--root-color--footer-hue), var(--root-color--footer-saturation), var(--root-color--footer-lightness-lightest));

    --root-color--red-hue: 6;
    --root-color--red-saturation: 75%;
    --root-color--red-lightness: 51%;
    --root-color--red-lightness-dark: calc(var(--root-color--red-lightness) - var(--darkTransformation));
    --root-color--red-lightness-light: 96%;
    --root-color--red: hsl(var(--root-color--red-hue), var(--root-color--red-saturation), var(--root-color--red-lightness));
    --root-color--red-dark: hsl(var(--root-color--red-hue), var(--root-color--red-saturation), var(--root-color--red-lightness-dark));
    --root-color--red-light: hsl(var(--root-color--red-hue), var(--root-color--red-saturation), var(--root-color--red-lightness-light));

    --root-color--orange-hue: 27;
    --root-color--orange-saturation: 100%;
    --root-color--orange-lightness: 50%;
    --root-color--orange-lightness-dark: calc(var(--root-color--orange-lightness) - var(--darkTransformation));
    --root-color--orange-lightness-light: 96%;
    --root-color--orange: hsl(var(--root-color--orange-hue), var(--root-color--orange-saturation), var(--root-color--orange-lightness));
    --root-color--orange-dark: hsl(var(--root-color--orange-hue), var(--root-color--orange-saturation), var(--root-color--orange-lightness-dark));
    --root-color--orange-light: hsl(var(--root-color--orange-hue), var(--root-color--orange-saturation), var(--root-color--orange-lightness-light));

    --root-color--yellow-hue: 39;
    --root-color--yellow-saturation: 95%;
    --root-color--yellow-lightness: 56%;
    --root-color--yellow-lightness-dark: calc(var(--root-color--yellow-lightness) - var(--darkTransformation));
    --root-color--yellow-lightness-light: 96%;
    --root-color--yellow: hsl(var(--root-color--yellow-hue), var(--root-color--yellow-saturation), var(--root-color--yellow-lightness));
    --root-color--yellow-dark: hsl(var(--root-color--yellow-hue), var(--root-color--yellow-saturation), var(--root-color--yellow-lightness-dark));
    --root-color--yellow-light: hsl(var(--root-color--yellow-hue), var(--root-color--yellow-saturation), var(--root-color--yellow-lightness-light));

    --root-color--blue-hue: 203;
    --root-color--blue-saturation: 100%;
    --root-color--blue-lightness: 30%;
    --root-color--blue-lightness-dark: calc(var(--root-color--blue-lightness) - var(--darkTransformation));
    --root-color--blue-lightness-light: 96%;
    --root-color--blue: hsl(var(--root-color--blue-hue), var(--root-color--blue-saturation), var(--root-color--blue-lightness));
    --root-color--blue-dark: hsl(var(--root-color--blue-hue), var(--root-color--blue-saturation), var(--root-color--blue-lightness-dark));
    --root-color--blue-light: hsl(var(--root-color--blue-hue), var(--root-color--blue-saturation), var(--root-color--blue-lightness-light));

    --root-color--green-hue: 156;
    --root-color--green-saturation: 70%;
    --root-color--green-lightness: 29%;
    --root-color--green-lightness-dark: calc(var(--root-color--green-lightness) - var(--darkTransformation));
    --root-color--green: hsl(var(--root-color--green-hue), var(--root-color--green-saturation), var(--root-color--green-lightness));
    --root-color--green-dark: hsl(var(--root-color--green-hue), var(--root-color--green-saturation), var(--root-color--green-lightness-dark));
    --root-color--green-light: hsl(156, 33%, 94%);

    /* Transparent */
    --root-color-background--transparent: transparent;

    /* Dark spring green hsl(156, 70%, 29%) #167E54 */
    --root-color-background--primary-hue: 156;
    --root-color-background--primary-saturation: 70%;
    --root-color-background--primary-lightness: 29%;
    --root-color-background--primary-lightness-dark: calc(var(--root-color-background--primary-lightness) - var(--darkTransformation));
    --root-color-background--primary-lightness-light: calc(var(--root-color-background--primary-lightness) + var(--lightTransformation));
    --root-color-background--primary: hsl(var(--root-color-background--primary-hue), var(--root-color-background--primary-saturation), var(--root-color-background--primary-lightness));
    --root-color-background--primary-dark: hsl(var(--root-color-background--primary-hue), var(--root-color-background--primary-saturation), var(--root-color-background--primary-lightness-dark));
    --root-color-background--primary-light: hsl(var(--root-color-background--primary-hue), var(--root-color-background--primary-saturation), var(--root-color-background--primary-lightness-light));

    /* Hunyadi yellow hsl(38, 92%, 59%) #f7b036 */
    --root-color-background--secondary-hue: 38;
    --root-color-background--secondary-saturation: 92%;
    --root-color-background--secondary-lightness: 59%;
    --root-color-background--secondary-lightness-dark: calc(var(--root-color-background--secondary-lightness) - var(--darkTransformation));
    --root-color-background--secondary-lightness-light: calc(var(--root-color-background--secondary-lightness) + var(--lightTransformation));
    --root-color-background--secondary: hsl(var(--root-color-background--secondary-hue), var(--root-color-background--secondary-saturation), var(--root-color-background--secondary-lightness));
    --root-color-background--secondary-dark: hsl(var(--root-color-background--secondary-hue), var(--root-color-background--secondary-saturation), var(--root-color-background--secondary-lightness-dark));
    --root-color-background--secondary-light: hsl(var(--root-color-background--secondary-hue), var(--root-color-background--secondary-saturation), var(--root-color-background--secondary-lightness-light));

    /* Mint cream hsl(155, 26%, 91%) #e2eee9 */
    --root-color-background--support-hue: 155;
    --root-color-background--support-saturation: 26%;
    --root-color-background--support-lightness: 91%;
    --root-color-background--support-lightness-dark: calc(var(--root-color-background--support-lightness) - var(--darkTransformation));
    --root-color-background--support-lightness-light: calc(var(--root-color-background--support-lightness) + var(--lightTransformation));
    --root-color-background--support: hsl(var(--root-color-background--support-hue), var(--root-color-background--support-saturation), var(--root-color-background--support-lightness));
    --root-color-background--support-dark: hsl(var(--root-color-background--support-hue), var(--root-color-background--support-saturation), var(--root-color-background--support-lightness-dark));
    --root-color-background--support-light: hsl(var(--root-color-background--support-hue), var(--root-color-background--support-saturation), var(--root-color-background--support-lightness-light));

    /* Anti--flash white hsl(120, 6%, 93%) #edefed */
    --root-color-background--grey-hue: 120;
    --root-color-background--grey-saturation: 6%;
    --root-color-background--grey-lightness: 93%;
    --root-color-background--grey-lightness-dark: calc(var(--root-color-background--grey-lightness) - var(--darkTransformation));
    --root-color-background--grey-lightness-light: calc(var(--root-color-background--grey-lightness) + var(--lightTransformation));
    --root-color-background--grey: hsl(var(--root-color-background--grey-hue), var(--root-color-background--grey-saturation), var(--root-color-background--grey-lightness));
    --root-color-background--grey-dark: hsl(var(--root-color-background--grey-hue), var(--root-color-background--grey-saturation), var(--root-color-background--grey-lightness-dark));
    --root-color-background--grey-light: hsl(var(--root-color-background--grey-hue), var(--root-color-background--grey-saturation), var(--root-color-background--grey-lightness-light));

    --root-color-text: hsl(0, 0%, 20%);
    --root-color-text-link: var(--root-color--primary);
    --root-color-text-link--hover: var(--root-color--primary-darkest);
    --root-color-text-link--disabled: var(--root-color--darken);
    --root-color-text-placeholder: hsl(0, 0%, 41%);

    --root-color--darken-less: hsla(0, 0%, 0%, 0.05);
    --root-color--darken: hsla(0, 0%, 0%, 0.3);
    --root-color--lighten-less: hsla(0, 0%, 100%, 0.1);
    --root-color--lighten: hsla(0, 0%, 100%, 0.3);
    --root-color--lighten-more: hsla(0, 0%, 100%, 0.75);

    --root-color-interaction: hsl(192, 29%, 97%);

    --root-color--disabled-text: hsl(0, 0%, 57%);
    --root-color--disabled-background: hsla(0, 0%, 20%, .08);
    --root-color--disabled-border: transparent;

    --root-color-border: hsla(0, 0%, 0%, 0.2);

    --root-color-background--table-row-odd: #fff;
    --root-color-background--table-row-even: #f4f4f4;
}

.flow--content,
.flow--frame {
    --paddingHorizontal: 1rem;
}

:root {
    --root-font-size: 1rem;
    --root-font-family--primary: "Geist", sans-serif;
    --root-font-family--secondary: "Geist", sans-serif;
    --root-font-weight--light: 400;
    --root-font-weight--normal: 400;
    --root-font-weight--semi-bold: 600;
    --root-font-weight--bold: 600;

    --root-line-height: 1.6;

    --root-heading-1-color: var(--root-color--primary);
    --root-heading-2-color: var(--root-color--primary);
    --root-heading-3-color: var(--root-color--primary);
    --root-heading-4-color: var(--root-color--primary);

    --root-heading-1-color-link: var(--root-color-text-link);
    --root-heading-2-color-link: var(--root-color-text-link);
    --root-heading-3-color-link: var(--root-color-text-link);
    --root-heading-4-color-link: var(--root-color-text-link);

    --root-heading-1-color-link--hover: var(--root-color-text-link--hover);
    --root-heading-2-color-link--hover: var(--root-color-text-link--hover);
    --root-heading-3-color-link--hover: var(--root-color-text-link--hover);
    --root-heading-4-color-link--hover: var(--root-color-text-link--hover);

    --root-heading-1-family: var(--root-font-family--primary);
    --root-heading-2-family: var(--root-font-family--primary);
    --root-heading-3-family: var(--root-font-family--primary);
    --root-heading-4-family: var(--root-font-family--primary);

    --root-heading-1-size: 2.222em;
    --root-heading-2-size: 1.666em;
    --root-heading-3-size: 1.166em;
    --root-heading-4-size: 1em;

    --root-heading-1-style: normal;
    --root-heading-2-style: normal;
    --root-heading-3-style: normal;
    --root-heading-4-style: normal;

    --root-heading-1-weight: var(--root-font-weight--bold);
    --root-heading-2-weight: var(--root-font-weight--bold);
    --root-heading-3-weight: var(--root-font-weight--bold);
    --root-heading-4-weight: var(--root-font-weight--bold);

    --root-heading-1-line-height: 1.25;
    --root-heading-2-line-height: 1.25;
    --root-heading-3-line-height: 1.4;
    --root-heading-4-line-height: var(--root-line-height, 1.6);
}

@media (min-width: 30rem) {
    :root {
        --root-font-size: 1.125rem
    }
}

body {
    --line-height: var(--root-line-height);
    --font-family: var(--root-font-family--primary);
}

h1 {
    --color-text: var(--root-heading-1-color);
    --font-family: var(--root-heading-1-family);
    --font-size: var(--root-heading-1-size);
    --font-style: var(--root-heading-1-style);
    --font-weight: var(--root-heading-1-weight);
    --line-height: var(--root-heading-1-line-height);
}

h1 a {
    --color-text: var(--root-heading-1-color-link);
}

h1 a:active,
h1 a:focus,
h1 a:hover {
    --color-text: var(--root-heading-1-color-link--hover);
}

h2 {
    --color-text: var(--root-heading-2-color);
    --font-family: var(--root-heading-2-family);
    --font-size: var(--root-heading-2-size);
    --font-style: var(--root-heading-2-style);
    --font-weight: var(--root-heading-2-weight);
    --line-height: var(--root-heading-2-line-height);
}

h2 a {
    --color-text: var(--root-heading-2-color-link);
}

h2 a:active,
h2 a:focus,
h2 a:hover {
    --color-text: var(--root-heading-2-color-link--hover);
}

h3 {
    --color-text: var(--root-heading-3-color);
    --font-family: var(--root-heading-3-family);
    --font-size: var(--root-heading-3-size);
    --font-style: var(--root-heading-3-style);
    --font-weight: var(--root-heading-3-weight);
    --line-height: var(--root-heading-3-line-height);
}

h3 a {
    --color-text: var(--root-heading-3-color-link);
}

h3 a:active,
h3 a:focus,
h3 a:hover {
    --color-text: var(--root-heading-3-color-link--hover);
}

h4 {
    --color-text: var(--root-heading-4-color);
    --font-family: var(--root-heading-4-family);
    --font-size: var(--root-heading-4-size);
    --font-style: var(--root-heading-4-style);
    --font-weight: var(--root-heading-4-weight);
    --line-height: var(--root-heading-4-line-height);
}

h4 a {
    --color-text: var(--root-heading-4-color-link);
}

h4 a:active,
h4 a:focus,
h4 a:hover {
    --color-text: var(--root-heading-4-color-link--hover);
}

.intro-text {
    --color: var(--root-color-text);
    --font-family: inherit;
    --font-size: 1.25em;
    --font-style: normal;
    --font-weight: var(--root-font-weight--bold);
    --line-height: inherit;
}

.intro-text .link {
    --font-size: 1em;
}

.section--color-primary {
    --color-background: var(--root-color-background--primary);
}

.section--color-secondary {
    --color-background: var(--root-color-background--secondary);
}

.section--color-support {
    --color-background: var(--root-color-background--support);
}

.section--color-grey {
    --color-background: var(--root-color-background--grey);
}

/* Header */
.section .header.section__on-background {
    --color-text: initial;
    /*--font-family: initial;*/
    /*--font-size: initial;*/
    /*--font-style: initial;*/
    /*--font-weight: initial;*/
    /*--line-height: initial;*/
}

.section--color-primary .header.section__on-background {
    --color-text: var(--root-color--white);
}

.section--color-secondary .header.section__on-background {
    --color-text: var(--root-color-text);
}

.section--color-support .header.section__on-background {
    --color-text: var(--root-color-text);
}

.section--color-grey .header.section__on-background {
    --color-text: initial;
}

/* Button */
.button.section__on-background {
    /*--background-color: initial;*/
    /*--border-top-color: initial;*/
    /*--border-right-color: initial;*/
    /*--border-bottom-color: initial;*/
    /*--border-left-color: initial;*/
    /*--color: initial;*/
}

.button.section__on-background:active,
.button.section__on-background:focus,
.button.section__on-background:hover {
    /*--background-color: initial;*/
    /*--border-top-color: initial;*/
    /*--border-right-color: initial;*/
    /*--border-bottom-color: initial;*/
    /*--border-left-color: initial;*/
}

.section--color-primary .button.section__on-background {
    --background-color: var(--root-color--white);
    --border-top-color: var(--root-color--white);
    --border-right-color: var(--root-color--white);
    --border-bottom-color: var(--root-color--white);
    --border-left-color: var(--root-color--white);
    --color: var(--root-color-text);
}

.section--color-primary .button.section__on-background:active,
.section--color-primary .button.section__on-background:focus,
.section--color-primary .button.section__on-background:hover {
    --background-color: var(--root-color--white-dark);
    --border-top-color: var(--root-color--white-dark);
    --border-right-color: var(--root-color--white-dark);
    --border-bottom-color: var(--root-color--white-dark);
    --border-left-color: var(--root-color--white-dark);
}

.section--color-secondary .button.section__on-background {
    --background-color: var(--root-color--white);
    --border-top-color: var(--root-color--white);
    --border-right-color: var(--root-color--white);
    --border-bottom-color: var(--root-color--white);
    --border-left-color: var(--root-color--white);
    --color: var(--root-color-text);
}

.section--color-secondary .button.section__on-background:active,
.section--color-secondary .button.section__on-background:focus,
.section--color-secondary .button.section__on-background:hover {
    --background-color: var(--root-color--white-dark);
    --border-top-color: var(--root-color--white-dark);
    --border-right-color: var(--root-color--white-dark);
    --border-bottom-color: var(--root-color--white-dark);
    --border-left-color: var(--root-color--white-dark);
}

.section--color-support .button.section__on-background {
    /*--background-color: initial;*/
    /*--border-top-color: initial;*/
    /*--border-right-color: initial;*/
    /*--border-bottom-color: initial;*/
    /*--border-left-color: initial;*/
    /*--color: initial;*/
}

.section--color-support .button.section__on-background:active,
.section--color-support .button.section__on-background:focus,
.section--color-support .button.section__on-background:hover {
    /*--background-color: initial;*/
    /*--border-top-color: initial;*/
    /*--border-right-color: initial;*/
    /*--border-bottom-color: initial;*/
    /*--border-left-color: initial;*/
}

.section--color-grey .button.section__on-background {
    /*--background-color: initial;*/
    /*--border-top-color: initial;*/
    /*--border-right-color: initial;*/
    /*--border-bottom-color: initial;*/
    /*--border-left-color: initial;*/
    /*--color: initial;*/
}

.section--color-grey .button.section__on-background:active,
.section--color-grey .button.section__on-background:focus,
.section--color-grey .button.section__on-background:hover {
    /*--background-color: initial;*/
    /*--border-top-color: initial;*/
    /*--border-right-color: initial;*/
    /*--border-bottom-color: initial;*/
    /*--border-left-color: initial;*/
}

/* Text */
.section .rte-content {
    /*--color: initial;*/
    /*--font-family: initial;*/
    /*--font-size: initial;*/
    /*--font-style: initial;*/
    /*--font-weight: initial;*/
    /*--line-height: initial;*/
}

.section .rte-content .link {
    /*--color: inherit;*/
}

.section .rte-content .link:active,
.section .rte-content .link:focus,
.section .rte-content .link:hover {
    /*--color: inherit;*/
}

.section--color-primary .rte-content {
    /*--color: initial;*/
}

.section--color-primary .rte-content .link {
    /*--color: inherit;*/
}

.section--color-primary .rte-content .link:active,
.section--color-primary .rte-content .link:focus,
.section--color-primary .rte-content .link:hover {
    /*--color: inherit;*/
}

.section--color-secondary .rte-content {
    /*--color: initial;*/
}

.section--color-secondary .rte-content .link {
    /*--color: inherit;*/
}

.section--color-secondary .rte-content .link:active,
.section--color-secondary .rte-content .link:focus,
.section--color-secondary .rte-content .link:hover {
    /*--color: inherit;*/
}

.section--color-support .rte-content {
    /*--color: initial;*/
}

.section--color-support .rte-content .link {
    /*--color: inherit;*/
}

.section--color-support .rte-content .link:active,
.section--color-support .rte-content .link:focus,
.section--color-support .rte-content .link:hover {
    /*--color: inherit;*/
}

.section--color-grey .rte-content {
    /*--color: initial;*/
}

.section--color-grey .rte-content .link {
    /*--color: inherit;*/
}

.section--color-grey .rte-content .link:active,
.section--color-grey .rte-content .link:focus,
.section--color-grey .rte-content .link:hover {
    /*--color: inherit;*/
}

/* Link menu */
.section .link-menu__link {
    /*--color-border: initial;*/
    /*--font-family: initial;*/
    /*--font-size: initial;*/
    /*--font-style: initial;*/
    /*--font-weight: initial;*/
    /*--line-height: initial;*/
}

.section .link-menu__link a {
    /*--color-background: initial;*/
    /*--color: initial;*/
}

.section .link-menu__link a:active,
.section .link-menu__link a:focus,
.section__link-menu .link-menu__link a:hover {
    /*--color-background: initial;*/
    /*--color: initial;*/
}

.section .link-menu__link-icon {
    /*--color-icon: initial;*/
}

.section--color-primary .link-menu__link {
    /*--color-border: initial;*/
}

.section--color-primary .link-menu__link a {
    /*--color-background: initial;*/
    /*--color: initial;*/
}

.section--color-primary .link-menu__link a:active,
.section--color-primary .link-menu__link a:focus,
.section--color-primary .link-menu__link a:hover {
    /*--color-background: initial;*/
    /*--color: initial;*/
}

.section--color-primary .link-menu__link-icon {
    /*--color-icon: initial;*/
}

.section--color-secondary .link-menu__link {
    /*--color-border: initial;*/
}

.section--color-secondary .link-menu__link a {
    /*--color-background: initial;*/
    /*--color: initial;*/
}

.section--color-secondary .link-menu__link a:active,
.section--color-secondary .link-menu__link a:focus,
.section--color-secondary .link-menu__link a:hover {
    /*--color-background: initial;*/
    /*--color: initial;*/
}

.section--color-secondary .link-menu__link-icon {
    /*--color-icon: initial;*/
}

.section--color-support .link-menu__link {
    /*--color-border: initial;*/
}

.section--color-support .link-menu__link a {
    /*--color-background: initial;*/
    /*--color: initial;*/
}

.section--color-support .link-menu__link a:active,
.section--color-support .link-menu__link a:focus,
.section--color-support .link-menu__link a:hover {
    /*--color-background: initial;*/
    /*--color: initial;*/
}

.section--color-support .link-menu__link-icon {
    /*--color-icon: initial;*/
}

.section--color-grey .link-menu__link {
    /*--color-border: initial;*/
}

.section--color-grey .link-menu__link a {
    /*--color-background: initial;*/
    /*--color: initial;*/
}

.section--color-grey .link-menu__link a:active,
.section--color-grey .link-menu__link a:focus,
.section--color-grey .link-menu__link a:hover {
    /*--color-background: initial;*/
    /*--color: initial;*/
}

.section--color-grey .link-menu__link-icon {
    /*--color-icon: initial;*/
}

/* Pagination */
.section .pagination.section__on-background {
    /*--border-color: initial;*/
}

.section .pagination.section__on-background .pagination__link .pagination__direction {
    /*--color: initial;*/
}

.section .pagination.section__on-background .pagination__link[aria-disabled="true"] .pagination__direction {
    /*--color: initial;*/
}

.section .pagination.section__on-background .pagination__link:active .pagination__direction,
.section .pagination.section__on-background .pagination__link:focus .pagination__direction,
.section .pagination.section__on-background .pagination__link:hover .pagination__direction {
    /*--color: initial;*/
}

.section .pagination.section__on-background .pagination__link .pagination__icon {
    /*--color: initial;*/
}

.section .pagination.section__on-background .pagination__link[aria-disabled="true"] .pagination__icon {
    /*--color: initial;*/
}

.section .pagination.section__on-background .pagination__link:active .pagination__icon,
.section .pagination.section__on-background .pagination__link:focus .pagination__icon,
.section .pagination.section__on-background .pagination__link:hover .pagination__icon {
    /*--color: initial;*/
}

.section .pagination__current {
    /*--color: initial;*/
}

.section--color-primary .pagination.section__on-background {
    --border-color: var(--root-color--lighten);
}

.section--color-primary .pagination.section__on-background .pagination__link .pagination__direction {
    --color: var(--root-color--white);
}

.section--color-primary .pagination.section__on-background .pagination__link:active .pagination__direction,
.section--color-primary .pagination.section__on-background .pagination__link:focus .pagination__direction,
.section--color-primary .pagination.section__on-background .pagination__link:hover .pagination__direction {
    --color: var(--root-color-text-link--hover);
}

.section--color-primary .pagination.section__on-background .pagination__link[aria-disabled="true"] .pagination__direction {
    --color: var(--root-color--lighten);
}

.section--color-primary .pagination.section__on-background .pagination__link .pagination__icon {
    --color: var(--root-color--white);
}

.section--color-primary .pagination.section__on-background .pagination__link:active .pagination__icon,
.section--color-primary .pagination.section__on-background .pagination__link:focus .pagination__icon,
.section--color-primary .pagination.section__on-background .pagination__link:hover .pagination__icon {
    --color: var(--root-color-text-link--hover);
}

.section--color-primary .pagination.section__on-background .pagination__link[aria-disabled="true"] .pagination__icon {
    --color: var(--root-color--lighten);
}

.section--color-primary .pagination__current {
    --color: var(--root-color--white);
}

.section--color-secondary .pagination.section__on-background {
    --border-color: var(--root-color-text-link);
}

.section--color-secondary .pagination.section__on-background .pagination__link .pagination__direction {
    --color: var(--root-color-text-link);
}

.section--color-secondary .pagination.section__on-background .pagination__link:active .pagination__direction,
.section--color-secondary .pagination.section__on-background .pagination__link:focus .pagination__direction,
.section--color-secondary .pagination.section__on-background .pagination__link:hover .pagination__direction {
    --color: var(--root-color--white-dark);
}

.section--color-secondary .pagination.section__on-background .pagination__link[aria-disabled="true"] .pagination__direction {
    --color: var(--root-color--darken);
}

.section--color-secondary .pagination.section__on-background .pagination__link .pagination__icon {
    --color: var(--root-color-text-link);
}

.section--color-secondary .pagination.section__on-background .pagination__link:active .pagination__icon,
.section--color-secondary .pagination.section__on-background .pagination__link:focus .pagination__icon,
.section--color-secondary .pagination.section__on-background .pagination__link:hover .pagination__icon {
    --color: var(--root-color--white);
}

.section--color-secondary .pagination.section__on-background .pagination__link[aria-disabled="true"] .pagination__icon {
    --color: var(--root-color--darken);
}

.section--color-secondary .pagination__current {
    --color: var(--root-color--white);
}

.section--color-support .pagination.section__on-background {
    --border-color: var(--root-color--darken);
}

.section--color-support .pagination.section__on-background .pagination__link .pagination__direction {
    /*--color: initial;*/
}

.section--color-support .pagination.section__on-background .pagination__link:active .pagination__direction,
.section--color-support .pagination.section__on-background .pagination__link:focus .pagination__direction,
.section--color-support .pagination.section__on-background .pagination__link:hover .pagination__direction {
    /*--color: initial;*/
}

.section--color-support .pagination.section__on-background .pagination__link[aria-disabled="true"] .pagination__direction {
    --color: var(--root-color--darken);
}

.section--color-support .pagination.section__on-background .pagination__link .pagination__icon {
    /*--color: initial;*/
}

.section--color-support .pagination.section__on-background .pagination__link:active .pagination__icon,
.section--color-support .pagination.section__on-background .pagination__link:focus .pagination__icon,
.section--color-support .pagination.section__on-background .pagination__link:hover .pagination__icon {
    /*--color: initial;*/
}

.section--color-support .pagination.section__on-background .pagination__link[aria-disabled="true"] .pagination__icon {
    --color: var(--root-color--darken);
}

.section--color-support .pagination__current {
    /*--color: initial;*/
}

.section--color-grey .pagination.section__on-background {
    --border-color: var(--root-color--darken);
}

.section--color-grey .pagination.section__on-background .pagination__link .pagination__direction {
    /*--color: initial;*/
}

.section--color-grey .pagination.section__on-background .pagination__link:active .pagination__direction,
.section--color-grey .pagination.section__on-background .pagination__link:focus .pagination__direction,
.section--color-grey .pagination.section__on-background .pagination__link:hover .pagination__direction {
    /*--color: initial;*/
}

.section--color-grey .pagination.section__on-background .pagination__link[aria-disabled="true"] .pagination__direction {
    --color: var(--root-color--darken);
}

.section--color-grey .pagination.section__on-background .pagination__link .pagination__icon {
    /*--color: initial;*/
}

.section--color-grey .pagination.section__on-background .pagination__link:active .pagination__icon,
.section--color-grey .pagination.section__on-background .pagination__link:focus .pagination__icon,
.section--color-grey .pagination.section__on-background .pagination__link:hover .pagination__icon {
    /*--color: initial;*/
}

.section--color-grey .pagination.section__on-background .pagination__link[aria-disabled="true"] .pagination__icon {
    --color: var(--root-color--darken);
}

.section--color-grey .pagination__current {
    /*--color: initial;*/
}

/* Tab list */
.section .tab-list.section__on-background .tab-list__tab {
    --color-background: var(--root-color-background--grey);
}

.section .tab-list.section__on-background .tab-list__tab[aria-selected="true"] {
    --color-background: var(--root-color--white);
}

.section--color-primary .tab-list.section__on-background .tab-list__tab {
    --color-background: var(--root-color--lighten-more);
}

.section--color-secondary .tab-list.section__on-background .tab-list__tab {
    --color-background: var(--root-color--lighten-more);
}

.section--color-support .tab-list.section__on-background .tab-list__tab {
    --color-background: var(--root-color--darken-less);
}

.section--color-grey .tab-list.section__on-background .tab-list__tab {
    --color-background: var(--root-color--darken-less);
}

:root {
    color-scheme: light only;
}

html {
  box-sizing: border-box;
  text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  --scrollbarWidth: calc(100vw - 100cqw);
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

a {
  background-color: transparent;
  touch-action: manipulation;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

h1,
h2,
h3,
h4 {
    word-break: break-word;
    overflow-wrap: break-word;

    -webkit-hyphens: auto;
    hyphens: auto;

    -webkit-hyphenate-limit-before: 8;
    -webkit-hyphenate-limit-after: 4;
    hyphenate-limit-chars: 12 8 4;

    -webkit-hyphenate-limit-lines: 2;
    hyphenate-limit-lines: 2;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  appearance: textfield;
}

[type='search']::-webkit-search-decoration {
  appearance: none;
}

::-webkit-file-upload-button {
  appearance: button;
  font: inherit;
}

[hidden] {
  display: none;
}

[tabindex='-1']:focus {
  outline: none;
}

html {
    background-color: var(--root-color--white, white);
    scroll-padding-top: calc(var(--root-page-header-height, 5rem) + 2rem);
}

body {
    line-height: var(--line-height, 1.6);
    font-family: var(--font-family, sans-serif);
}

h1 {
    color: var(--color-text, black);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, initial);
    font-weight: var(--font-weight, initial);
    font-style: var(--font-style, initial);
    line-height: var(--line-height, initial);
}

h1 a {
    color: var(--color-text, blue);
}

h2 {
    color: var(--color-text, black);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, initial);
    font-weight: var(--font-weight, initial);
    font-style: var(--font-style, initial);
    line-height: var(--line-height, initial);
}

h3 {
    color: var(--color-text, black);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, initial);
    font-weight: var(--font-weight, initial);
    font-style: var(--font-style, initial);
    line-height: var(--line-height, initial);
}

h4 {
    color: var(--color-text, black);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, initial);
    font-weight: var(--font-weight, initial);
    font-style: var(--font-style, initial);
    line-height: var(--line-height, initial);
}

body,
button,
figure,
input,
optgroup,
select,
textarea {
    margin: 0;
}

p,
dl,
blockquote,
figure,
blockquote[type=cite],
h1,
h2,
h3,
h4,
h5,
h6,
pre,
ul,
menu,
dir,
ol,
:is(ul, ol, dir, menu, dl) ul,
:is(ul, ol, dir, menu, dl) ol,
:is(ul, ol, dir, menu, dl) dir,
:is(ul, ol, dir, menu, dl) menu,
:is(ul, ol, dir, menu, dl) dl,
hr {
    margin-bottom: 0;
}

p,
dl,
blockquote,
figure,
blockquote[type=cite],
pre,
ul,
menu,
dir,
ol {
    margin-top: 1rem;
}

h1,
h2 {
    margin-top: 3rem;
}

h3,
h4 {
    margin-top: 2rem;
}

h5 {
    margin-top: 1.67rem;
}

h6 {
    margin-top: 2.33rem;
}

:is(ul, ol, dir, menu, dl) ul,
:is(ul, ol, dir, menu, dl) ol,
:is(ul, ol, dir, menu, dl) dir,
:is(ul, ol, dir, menu, dl) menu,
:is(ul, ol, dir, menu, dl) dl {
    margin-top: 0;
}

hr {
    margin-top: 0.5rem;
}

.margin-first-none > *:first-child,
.margin-first-none > .screenreader--only + * {
    margin-top: 0;
}


input[type="checkbox"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="radio"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
    background: #ffffff;
    border: 0.125rem solid #000000;
}

input[type="checkbox"]:disabled,
input[type="date"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="month"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="radio"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="week"]:disabled,
select:disabled,
textarea:disabled {
    background-color: lightgrey;
    border-color: darkgray;
}

input[type="checkbox"][readonly],
input[type="date"][readonly],
input[type="datetime-local"][readonly],
input[type="email"][readonly],
input[type="month"][readonly],
input[type="number"][readonly],
input[type="password"][readonly],
input[type="radio"][readonly],
input[type="search"][readonly],
input[type="tel"][readonly],
input[type="text"][readonly],
input[type="time"][readonly],
input[type="url"][readonly],
input[type="week"][readonly],
select[readonly],
textarea[readonly] {
    background-color: lightgrey;
    border-color: darkgray;
}

input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
    max-width: 25rem;
    width: 100%;
}

input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
    padding: 0.5rem;
}

input[type="file"] {
    padding: 0.5rem 0;
}

input[type="checkbox"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="radio"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 0 1px #000000;
    outline-offset: 4px;
}

/* Safari focus outline is further outside then other browsers */
@media not all and (min-resolution:.001dpcm) {
    @media {
        input[type="checkbox"]:focus,
        input[type="date"]:focus,
        input[type="datetime-local"]:focus,
        input[type="email"]:focus,
        input[type="month"]:focus,
        input[type="number"]:focus,
        input[type="password"]:focus,
        input[type="radio"]:focus,
        input[type="search"]:focus,
        input[type="tel"]:focus,
        input[type="text"]:focus,
        input[type="time"]:focus,
        input[type="url"]:focus,
        input[type="week"]:focus,
        select:focus,
        textarea:focus {
            outline-offset: 0;
        }
    }
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
    box-sizing: border-box;
    flex-shrink: 0;
    height: 1.5rem;
    margin-right: 1rem;
    min-width: auto;
    padding: 0;
    position: relative;
    width: 1.5rem;
}

input[type="radio"] {
    border-radius: 50%;
}

input[type="checkbox"]:hover,
input[type="radio"]:hover {
    box-shadow: 0 0 0 1px #000000;
}

input[type="checkbox"]:checked {
    background-color: #000000;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCA1LjY0NyAxLjUwNCA0IDcgOS4yNSAxNi41IDAgMTggMS40MTIgNyAxMnoiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: center center
}

input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    left: 50%;
}

input[type="radio"]:checked::after {
    background-color: #000000;
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
    top: 50%;
    transform: translate(-50%, -50%);
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}

select:not([multiple="multiple"]) {
    background-image:
            linear-gradient(45deg, transparent 50%, #000000 50%),
            linear-gradient(135deg, #000000 50%, transparent 50%),
            linear-gradient(to right, #000000, #000000);
    background-position:
            calc(100% - 1.25rem) 50%,
            calc(100% - 0.75rem) 50%,
            calc(100% - 2.5rem) 0.25rem;
    background-size:
            0.5rem 0.5rem,
            0.5rem 0.5rem,
            1px calc(100% - 0.5rem);
    background-repeat: no-repeat;
    padding-right: 3rem;
}

textarea {
    display: block;
    min-height: 7rem;
}

input[type="date"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="email"]::placeholder,
input[type="month"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
input[type="time"]::placeholder,
input[type="url"]::placeholder,
input[type="week"]::placeholder,
textarea::placeholder {
    color: var(--root-color-text-placeholder, dimgrey);
}

.screenreader--only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.rte-content ul,
.rte-content ol {
    list-style-position: outside;
}

.rte-content ul {
    list-style-type: disc;
    padding-left: 1.2em;
}

.rte-content ul ul {
    list-style-type: circle;
}

.rte-content ul ul ul,
.rte-content ul ul ul ul {
    list-style-type: square;
}

.rte-content ol {
    list-style-type: decimal;
    padding-left: 2.5em;
}

/* Change nested ordered list to letters, like CK editor */
.rte-content ol ol {
    list-style-type: lower-latin;
}

.rte-content ol ol ol {
    list-style-type: lower-roman;
}

.rte-content ol ol ol ol {
    list-style-type: upper-latin;
}

.rte-content ol ol ol ol ol {
    list-style-type: upper-roman;
}

.rte-content ul,
.rte-content ol,
.rte-content dir,
.rte-content menu,
.rte-content dl {
    margin-top: 1rem;
}

.rte-content :is(ul, ol, dir, menu, dl) ul,
.rte-content :is(ul, ol, dir, menu, dl) ol,
.rte-content :is(ul, ol, dir, menu, dl) dir,
.rte-content :is(ul, ol, dir, menu, dl) menu,
.rte-content :is(ul, ol, dir, menu, dl) dl {
    margin-top: 0;
}

.rte-content li:not(:first-child) {
    margin-top: 0.5em;
}

.rte-content li li:not(:first-child) {
    margin-top: 0;
}

.intro-text {
    color: var(--color, black);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-weight: var(--font-weight, bold);
    font-style: var(--font-style, normal);
    line-height: var(--line-height, inherit);
}

.intro-text .link {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.flow {
    position: relative;
}

.flow--content,
.flow--frame {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
}

.flow--outside {
    left: 50%;
    margin-left: calc(-50vw + (var(--scrollbarWidth) / 2));
    margin-right: calc(-50vw + (var(--scrollbarWidth) / 2));
    right: 50%;
    width: calc(100vw - var(--scrollbarWidth));
}

/* Responsive */

/* Mobile landscape >= 480 */
@media (min-width: 30rem) {
    .flow--content,
    .flow--frame {
        padding: 0 2rem;
    }
}

/* Tablet landscape >= 992 */
@media (min-width: 62rem) {
    .flow--content,
    .flow--frame .flow--content .flow--maximum-width {
        max-width: 45.250rem;
    }

    .flow--frame,
    .flow--frame .flow--content {
        max-width: 62rem;
    }

    .flow--frame .page-content .main-column > *:not(.flow) {
        max-width: 42.250rem;
    }
}

/* No flow at all (multicolumn) */
.flow--none > .flow--outside > .flow--content,
.flow--none > .flow--outside > .flow--frame {
    margin-left: initial;
    margin-right: initial;
    max-width: initial;
    padding: 0;
}

.flow--none > .flow--outside {
    left: initial;
    margin-left: initial;
    margin-right: initial;
    right: initial;
    width: initial;
}

.flow--content,
.flow--frame {
    padding-left: var(--paddingHorizontal, 1rem);
    padding-right: var(--paddingHorizontal, 1rem);
}

/* section-enclosed is a section where the availability of a header is not influencing the element distance */
.section--enclosed {
    margin-top: 3rem;
}

.section--color:not(.section--no-padding) {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.section--color:first-child,
.section--color + .section--color,
.section--collapsible + .section--collapsible {
    margin-top: 0;
}

.column > :last-child:not(.section--color) {
    margin-bottom: 6rem;
}

@media (min-width: 30rem) {
    .section--enclosed {
        margin-top: 2rem;
    }

    .section--color:not(.section--no-padding) {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

@media (min-width: 62rem) {
    .section--enclosed {
        margin-top: 4rem;
    }

    .section--color:not(.section--no-padding) {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.section--color-primary + .section--color-primary,
.section--color-secondary + .section--color-secondary,
.section--color-support + .section--color-support,
.section--color-grey + .section--color-grey {
    padding-top: 0;
}

.section--color-primary {
    background-color: var(--color-background, #0349D1);
}

.section--color-secondary {
    background-color: var(--color-background, #4A86FC);
}

.section--color-support {
    background-color: var(--color-background, #022979);
}

.section--color-grey {
    background-color: var(--color-background, #AFC9FE);
}