/* The existing article-content card is visually aligned with the TOC column.
   It remains a single descendant of the article; no template button is added. */
.art-grid[data-download-rail] .art-body {
    position: relative;
}

.art-grid[data-download-rail] .art-body > .dl-cta {
    position: absolute;
    top: var(--download-rail-top, 0px);
    left: var(--download-rail-left, 0px);
    width: var(--download-rail-width, 250px);
    box-sizing: border-box;
    margin: 0;
    padding: 16px;
    border: 1px solid var(--line2);
    border-radius: 18px;
    background: radial-gradient(120% 140% at 0 0, rgba(255, 26, 117, .16), transparent 55%), var(--panel);
    z-index: 2;
}

.art-grid[data-download-rail] .art-body > .dl-cta a.tc-download-btn {
    display: flex;
    width: 100%;
}

.art-grid[data-download-rail] .art-side {
    padding-top: calc(var(--download-rail-height, 98px) + 24px);
}

.art-grid[data-download-rail] .art-side #tocLinks {
    max-height: max(96px, calc(100vh - var(--download-rail-height, 98px) - 120px));
}

@media (max-width: 960px) {
    .art-grid[data-download-rail] .art-body > .dl-cta {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: none;
    }

    .art-grid[data-download-rail] .art-side {
        padding-top: calc(var(--download-rail-height, 60px) + 14px);
    }

    .art-grid[data-download-rail] .art-side #tocLinks {
        max-height: none;
    }
}
