/* Editorial long reads: opt-in through the article-feature body wrapper. */
.single-article--feature .single-excerpt { max-width: 780px; }
.single-article--feature .single-body { font-size: 16px; line-height: 1.75; }
.single-article--feature .article-feature > p { opacity: 1; }
.single-article--feature .article-feature > .article-lead {
    font-size: 16px;
    line-height: 1.75;
    color: #f0f6fb;
    margin-bottom: 24px;
}
.single-article--feature .article-lead strong { font-weight: 700; }
.single-article--feature .article-feature > .article-pull {
    margin: 32px 0;
    padding: 8px 0 8px 24px;
    border-left: 3px solid var(--teal);
    font-size: 20px;
    line-height: 1.65;
    color: #fff;
}
.single-article--feature .article-pull strong { font-weight: 600; }
.single-article--feature .article-roles {
    list-style: none;
    margin: 28px 0;
    padding: 0;
    border-top: 1px solid rgba(0, 201, 167, .35);
}
.single-article--feature .article-roles li {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 24px;
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid rgba(232, 240, 248, .13);
}
.single-article--feature .article-roles strong { color: var(--teal); font-size: 16px; }
.single-article--feature .article-evidence {
    background: rgba(0, 201, 167, .05);
    border-block: 1px solid rgba(0, 201, 167, .24);
    padding: 24px;
    margin: 28px 0;
}
.single-article--feature .article-steps {
    list-style: none;
    counter-reset: article-step;
    padding: 0;
    margin: 32px 0;
}
.single-article--feature .article-steps li {
    position: relative;
    counter-increment: article-step;
    margin: 0 0 0 18px;
    padding: 0 0 28px 42px;
    border-left: 1px solid rgba(0, 201, 167, .3);
}
.single-article--feature .article-steps li:last-child { border-color: transparent; padding-bottom: 0; }
.single-article--feature .article-steps li::before {
    content: counter(article-step, decimal-leading-zero);
    position: absolute;
    left: -18px;
    top: 0;
    width: 35px;
    background: var(--navy);
    color: var(--teal);
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.single-article--feature .article-steps strong { display: block; color: #fff; margin-bottom: 6px; }
.single-article--feature .igng-expert-comment { margin: 42px 0; }
.single-article--feature .article-sources-list { margin: 0; padding-left: 24px; font-size: 14px; }
.single-article--feature .article-sources-list li { padding: 7px 0 7px 8px; }
.single-article--feature .article-sources-list li::marker { color: var(--teal); font-variant-numeric: tabular-nums; }
.single-article--feature .article-note { font-size: 13px; line-height: 1.75; color: #b0c0d1; margin-top: 28px; }
@media (max-width: 540px) {
    .single-article--feature .single-body { font-size: 16px; line-height: 1.8; }
    .single-article--feature .article-roles li { grid-template-columns: 1fr; gap: 5px; padding: 16px 0; }
    .single-article--feature .article-feature > .article-pull { padding-left: 18px; font-size: 18px; }
    .single-article--feature .article-evidence { padding: 20px; }
}