.roles-doc {
    width: 100%;
    max-width: none;
}

.roles-doc .doc-content {
    max-width: none !important;
    padding: 0 !important;
    background: transparent !important;
}

.roles-doc .role-doc-title,
.roles-doc .role-section-heading {
    color: white !important;
    text-align: left !important;
    font-weight: 700;
}

.roles-doc .role-doc-title span,
.roles-doc .role-section-heading span {
    color: inherit !important;
    font-size: inherit !important;
}

.roles-doc .role-doc-title {
    margin: 0 0 28px !important;
    padding-bottom: 16px !important;
    border-bottom: 3px solid #7d2128;
    font-size: clamp(1.7rem, 4vw, 2.3rem) !important;
}

.roles-doc .role-section-heading {
    margin: 40px 0 18px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid rgba(125, 33, 40, 0.8);
    font-size: clamp(1.3rem, 3vw, 1.7rem) !important;
}

@media (max-width: 600px) {
    .roles-doc .role-section-heading {
        margin-top: 32px !important;
    }
}

@media (min-width: 1600px) and (min-aspect-ratio: 21 / 9) {
    .page-intro,
    .roles-doc {
        max-width: 1400px;
    }
}