.its-contentpages {
    width: 100%;
}

.its-contentpage-section {
    padding: clamp(2.5rem, 5vw, 4.5rem) 1rem;
    background: var(--its-surface, #f4f6f8);
}

.its-contentpage-section:nth-child(even) {
    background: var(--its-background, #ffffff);
}

.its-contentpage-section__inner {
    width: min(calc(100% - 1rem), var(--its-content-width, 1100px));
    margin-inline: auto;
}

.its-contentpage-section__title {
    margin: 0 0 1rem;
    color: var(--its-primary, #003f73);
    font-size: clamp(1.1rem, 1.7vw, 1.35rem);
    font-weight: 700;
}

.its-contentpage-section__article,
.its-contentpage-section__item {
    position: relative;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border: 1px solid color-mix(in srgb, var(--its-primary, #003f73) 10%, transparent);
    border-radius: 1rem;
    background: var(--its-background, #ffffff);
    box-shadow:
        0 .5rem 1.5rem rgba(0, 0, 0, .06),
        0 .1rem .25rem rgba(0, 0, 0, .04);
}

.its-contentpage-section__article::before,
.its-contentpage-section__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.5rem;
    right: 1.5rem;
    height: .22rem;
    border-radius: 0 0 .3rem .3rem;
    background: color-mix(in srgb, var(--its-primary, #003f73) 72%, white 28%);
}

.its-contentpage-section__article > :first-child,
.its-contentpage-section__item > :first-child {
    margin-top: 0;
}

.its-contentpage-section__article > :last-child,
.its-contentpage-section__item > :last-child {
    margin-bottom: 0;
}

.its-contentpage-section__article h2,
.its-contentpage-section__article h3,
.its-contentpage-section__item h2,
.its-contentpage-section__item h3 {
    color: var(--its-text, #20262d);
    line-height: 1.15;
}

.its-contentpage-section__article p,
.its-contentpage-section__item p {
    line-height: 1.65;
}

.its-contentpage-section__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: 1.25rem;
}

@media (max-width: 700px) {
    .its-contentpage-section {
        padding: 2rem .75rem;
    }

    .its-contentpage-section__inner {
        width: 100%;
    }

    .its-contentpage-section__article,
    .its-contentpage-section__item {
        padding: 1.35rem 1.15rem;
        border-radius: .85rem;
    }

    .its-contentpage-section__article::before,
    .its-contentpage-section__item::before {
        left: 1.15rem;
        right: 1.15rem;
    }
}