/**
 * Nieuws: [rdp_article_content] (news-content.php) en de breedte van [rdp_faq_content] eronder
 * Zelfde fonts en kleuren als de rest van de site. Variabelen uit job-overview.css (--rbd-vac-*).
 */
.rbd-article,
.rbd-faq--post,
.rbd-faq__header {
    --rbd-article-width: 900px;
    box-sizing: border-box;
    width: 100%;
    max-width: var(--rbd-article-width);
    margin-right: auto;
    margin-left: auto;
}

.rbd-article {
    color: var(--rbd-vac-primary);
    font-family: var(--rbd-vac-body-font);
    font-size: 19px;
    font-weight: 300;
    line-height: 1.65;
    overflow-wrap: break-word;
}

.rbd-article__lead {
    margin: 0;
    padding: 0;
    color: var(--rbd-vac-heading);
    font-family: var(--rbd-vac-font);
    font-size: clamp(21px, 1.2vw + 16px, 25px);
    font-weight: 500;
    line-height: 1.4;
}

.rbd-article__section + .rbd-article__section,
.rbd-article__lead + .rbd-article__section {
    margin-top: 44px;
}

.rbd-article__eyebrow {
    margin: 0 0 8px;
    padding: 0;
    color: var(--rbd-vac-heading);
    font-family: var(--rbd-vac-font);
    font-size: 19px;
    font-weight: 500;
    line-height: 1.3;
}

.rbd-article__title {
    margin: 0 0 16px;
    padding: 0;
    color: var(--rbd-vac-heading);
    font-family: var(--rbd-vac-font);
    font-size: clamp(26px, 2.4vw, 36px);
    font-weight: 500;
    line-height: 1.2;
}

.rbd-article__text p {
    margin: 0 0 18px;
    padding: 0;
}

.rbd-article__text ul,
.rbd-article__text ol {
    margin: 0 0 18px;
    padding: 0 0 0 1.25em;
}

.rbd-article__text li {
    margin: 0 0 10px;
    padding: 0;
}

.rbd-article__text ul {
    list-style: disc;
}

.rbd-article__text ol {
    list-style: decimal;
}

.rbd-article__text li::marker {
    color: var(--rbd-vac-red);
}

.rbd-article__text > :last-child {
    margin-bottom: 0;
}

.rbd-article__text strong {
    font-weight: 600;
}

.rbd-article__text a {
    color: var(--rbd-vac-red);
    text-decoration: underline;
}

.rbd-article__text a:focus-visible {
    outline: 2px solid var(--rbd-vac-primary);
    outline-offset: 2px;
}

.rbd-article__text img {
    max-width: 100%;
    height: auto;
}

/* Afstand tot de FAQ eronder */
.rbd-faq__header {
    margin-top: 12px;
}

@media (max-width: 767px) {
    .rbd-article {
        font-size: 17px;
    }

    .rbd-article__section + .rbd-article__section,
    .rbd-article__lead + .rbd-article__section {
        margin-top: 32px;
    }
}