/* Keep the cover visible while providing a quiet, dark surface beneath article text. */
.hero-article .article-cover {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: #090d14;
}
.hero-article .article-cover > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-article .article-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(6, 10, 16, .96) 0%, rgba(6, 10, 16, .89) 28%, rgba(6, 10, 16, .70) 48%, rgba(6, 10, 16, .30) 76%, rgba(6, 10, 16, .16) 100%),
        linear-gradient(0deg, rgba(6, 10, 16, .48), transparent 55%);
}
.hero-article .hero-copy {
    position: relative;
    z-index: 1;
    color: #f7f6f2;
}
.hero-article .hero-copy h1 { color: #f7f6f2; }
.hero-article .hero-copy p,
.hero-article .article-hero-meta,
.hero-article .eyebrow { color: #d3d8e0; }
.hero-article .hero-copy .tag {
    color: #eef1f5;
    background: rgba(255, 255, 255, .10);
    border-color: rgba(255, 255, 255, .22);
}
@media (max-width: 900px) {
    .hero-article .article-cover::after {
        background: linear-gradient(90deg, rgba(6, 10, 16, .94), rgba(6, 10, 16, .80) 65%, rgba(6, 10, 16, .66));
    }
}

.article [id^="article-heading-"] { scroll-margin-top: 120px; }
.inner-page .article-wrap.article-wrap-no-toc { grid-template-columns: minmax(0, 1fr); }
.article-wrap-no-toc .article { width: 100%; max-width: 760px; }
.toc .toc-depth-1 { margin-inline-start: 12px; }
.toc .toc-depth-2 { margin-inline-start: 24px; }
.toc .toc-depth-3 { margin-inline-start: 36px; }
.toc .toc-depth-4 { margin-inline-start: 48px; }
.toc .toc-depth-5 { margin-inline-start: 60px; }