.article-breadcrumb {
    width: calc(100% - 128px);
    max-width: 864px;
    margin: 32px auto 0;
    color: #6d7380;
    font-size: 14px;
}

/* HTML article fragments do not receive other components' scoped CSS. */
.learningcenter-article .section-content {
    padding-top: 72px;
    padding-bottom: 72px;
}

.learningcenter-article .article-breadcrumb + .section-content {
    padding-top: 24px;
}

.learningcenter-article .container {
    width: 100%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 64px;
    padding-left: 64px;
}

.learningcenter-article .casestudy-content-image {
    width: 100%;
    height: auto;
}

.learningcenter-article .article-bl {
    overflow-wrap: anywhere;
}

.learningcenter-article .article-bl table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

@media (max-width: 991px) {
    .learningcenter-article .section-content {
        padding-top: 48px;
        padding-bottom: 120px;
    }

    .learningcenter-article .container {
        padding-left: 32px;
        padding-right: 32px;
    }

    .article-breadcrumb {
        width: calc(100% - 64px);
    }
}

@media (max-width: 767px) {
    .learningcenter-article .container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .article-breadcrumb {
        width: calc(100% - 48px);
    }
}