.pageGeneric.page-article-page {
    max-width: 100%;
}

.pageGeneric:not(.page-home):not(.page-legal):not(.page404).page-article-page:has(.component-title-sliding-images-and-texts__articles-list) {
    margin-bottom: 0;
}

.pageGeneric.page-article-page:has(.page-article-page--banner) {
    padding-block-start: 0;
}

.page-article-page--banner {
    background-color: var(--light-grey);
}

/* Breadcrumbs */

.page-article-page:has(.page-article-page--banner) .page-article-page--breadcrumbs {
    position: absolute;
    top: calc(var(--header-height) + (var(--header-top-position) * 2));
}
.page-article-page:has(.page-article-page--banner) .page-article-page--breadcrumbs .breadcrumbs {
    padding-block-start: 0;
}
.page-article-page--breadcrumbs {
    width: 75%;
    left: 50%;
    transform: translateX(-50%);
}
.page-article-page--breadcrumbs .breadcrumbs {
    width: 100%;
}
.page-article-page--breadcrumbs .breadcrumbs--items {
    position: relative;

    width: fit-content;
}
.page-article-page--breadcrumbs .breadcrumbs--items:before {
    content: '';

    position: absolute;
    inset: -.5rem -1rem;

    background-color: hsl(0 0% 100% / .5);
    border-radius: .5rem;
}
.page-article-page--breadcrumbs .breadcrumbs--item,
.page-article-page--breadcrumbs .breadcrumbs--link {
    display: inline-flex;
    align-items: center;
}
.page-article-page--breadcrumbs .breadcrumbs--item {
    padding-left: 0.75rem;
}
.page-article-page--breadcrumbs .breadcrumbs--item:first-of-type {
    padding-left: 0;
}
.page-article-page--breadcrumbs .breadcrumbs--item::before {
    left: 0;
    top: 0;
    transform: none;
}

.page-article-page--breadcrumbs .breadcrumbs--item:nth-of-type(3):not(:last-of-type) {
    display: none;
}

/* Tags */

.page-article-page--tags {
    display: flex;
    justify-content: center;
    gap: .313rem;

    width: 73.333333%;
    margin-inline: auto;
    margin-top: 2rem;
    margin-bottom: 1.25rem;
}

.page-article-page--tags--items {
    padding-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 0.3125rem; /* 5px */
}

.page-article-page--ranges--item,
.page-article-page--tags--item,
.page-article-page--labels--item {
    font-size: 0.75rem; /* 12px */
    font-weight: 300;
    line-height: 1em;
    
    padding: 0.125rem 0.625rem; /* 2px 10px */
    
    background-color: var(--light-grey);
    border-radius: 1.5625rem; /* 25px */
}

.page-article-page--labels--item {
    background-color: hsla(175, 52%, 55%, 0.15);
}

.page-article-page--ranges--item {
    background-color: hsla(197, 66%, 61%, 0.15);
}

.page-article-page--tags-item-label,
.page-article-page--tags-item-label * {
    font-size: .75rem;
    font-weight: 300;
}

/* Title */

h1.page-article-page--title {
    font-size: 1.6875rem; /* 27px */
    font-weight: 700;
    text-align: center;

    width: 93.6%;
    margin-inline: auto;
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
}

/* Description (Summary) */

.page-article-page--summary {
    font-size: 0.875rem; /* 14px */
    line-height: 1em;
    font-weight: 300;
    text-align: center;

    width: 79.2%;
    margin-inline: auto;
    margin-bottom: 1.25rem;
}

/* Blocks */

.page-article-page .topic-title-text {
    margin-bottom: 1.25rem;
}

.page-article-page--content h2 {
    font-size: 1.437rem;
}

.page-article-page--content h3 {
    font-size: 1.125rem;
}

.page-article-page--content  * + ul,
.page-article-page--content ul + * {
    margin-block-start: .5rem;
}

.page-article-page--content li {
    list-style-type: initial;
}

.page-article-page--content a:not(.component-cta) {
    text-decoration: underline;
}

.page-article-page--content section a:not(.component-cta) {
    text-decoration: none;
}

.page-article-page--content h2 + p,
.page-article-page--content h3 + p {
    margin-block-start: 1rem;
}

.page-article-page--content .component-title-cta-images-and-caption__img-right-text-left--description,
.page-article-page--content .component-title-cta-images-and-caption__img-left-text-right--description {
    text-align: start;
}

@media screen and (min-width: 64rem /* 1024px */) {

    /* Breadcrumbs */

    .page-article-page:has(.page-article-page--banner) .page-article-page--breadcrumbs {
        top: calc(var(--header-height) + 1.875rem);
    }

    .page-article-page--breadcrumbs .breadcrumbs--items {
        transform: translateX(1rem);
    }

    /* Tags */

    .page-article-page--tags {
        width: 88.28125%;
        max-width: 70.625rem; /* 1130px */
        margin-bottom: 2rem;
    }

    /* Title */

    h1.page-article-page--title {
        font-size: 2.1875rem; /* 35px */

        width: 88.28125%;
        max-width: 70.625rem; /* 1130px */

        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    /* Description (Summary) */

    .page-article-page--summary {
        font-size: 1rem; /* 16px */
        font-weight: 400;

        width: 67.1875%;
        max-width: 53.75rem; /* 860px */

        margin-bottom: 1.5rem;
    }

    /* Blocks */

    .page-article-page .topic-title-text {
        width: 81.25%;
        max-width: 65rem; /* 1040px */
        margin-bottom: 3.125rem;
    }
}