.cisco-article-summary-box {
    --cisco-summary-surface: #e0eeff;
    --cisco-summary-top-accent-height: 4px;
    position: relative;
    background: var(--cisco-summary-surface);
    overflow: hidden;
}

.cisco-article-summary-box::before {
    content: "";
    display: block;
    height: var(--cisco-summary-top-accent-height);
    width: 100%;
    background: linear-gradient(
        90deg,
        #0050d1 0%,
        #00b4e5 33%,
        #e0218a 66%,
        #ff8c00 100%
    );
}

.cisco-article-summary-box__inner {
    background: transparent;
    padding: 24px;
}

.cisco-article-summary-box__title {
    margin: 0 0 4px;
    font-size: 28px;
    font-weight: 700;
    color: #1b1c1d;
    line-height: 140%;
}

.cisco-article-summary-box__disclaimer {
    margin: 0 0 14px;
    font-size: 16px;
    color: #606162;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 150%;
}

.cisco-article-summary-box__content,
.cisco-article-summary-card-preview {
    font-size: 16px;
    line-height: 150%;
    color: #1b1c1d;
    font-weight: 400;
}

.cisco-article-summary-box__content p,
.cisco-article-summary-card-preview p {
    margin: 0 0 0.5em;
}

.cisco-article-summary-box__content p:last-child,
.cisco-article-summary-card-preview p:last-child {
    margin-bottom: 0;
}

.cisco-article-summary-box__content ul,
.cisco-article-summary-box__content ol,
.cisco-article-summary-card-preview ul,
.cisco-article-summary-card-preview ol {
    margin: 0;
    padding: 0;
    padding-left: 25px;
    line-height: 150%;
}

.cisco-article-summary-box__content ul,
.cisco-article-summary-card-preview ul {
    --cisco-summary-bullet-size: 4px;
    list-style: none;
    padding-left: 0;
}

.cisco-article-summary-box__content li,
.cisco-article-summary-card-preview li {
    margin-bottom: 20px;
}

.cisco-article-summary-box__content ul li,
.cisco-article-summary-box__content ol li,
.cisco-article-summary-card-preview ul li,
.cisco-article-summary-card-preview ol li {
    padding-bottom: 0;
}

.cisco-article-summary-box__content ul li,
.cisco-article-summary-card-preview ul li {
    position: relative;
    padding-left: 18px;
}

.cisco-article-summary-box__content ul li::before,
.cisco-article-summary-card-preview ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.65em;
    width: var(--cisco-summary-bullet-size);
    height: var(--cisco-summary-bullet-size);
    background: currentColor;
    transform: translateY(-50%);
}

.cisco-article-summary-box__content strong,
.cisco-article-summary-card-preview strong {
    font-weight: 700;
}