/* Sticky positioning needs an ancestor with visible overflow on direct desktop pages. */
@media (min-width: 981px) {
    body.iaer-direct-report {
        overflow: visible !important;
    }

    .iaer-chapter-rail {
        position: fixed;
        top: var(--iaer-direct-header-offset, 142px);
        right: max(28px, calc((100vw - 1200px) / 2 + 28px));
        width: 230px;
        max-height: calc(100vh - var(--iaer-direct-header-offset, 142px) - 24px);
        overflow-y: auto;
        box-sizing: border-box;
        padding: 18px 16px 16px;
        background: rgba(0, 29, 66, .92);
        box-shadow: 0 12px 32px rgba(0, 29, 66, .2);
        z-index: 9;
    }

    .iaer-chapter-rail__label,
    .iaer-chapter-nav a {
        color: #d8e9f0;
    }

    .iaer-chapter-nav::before {
        background: rgba(216, 233, 240, .48);
    }

    .iaer-chapter-nav a::before {
        border-color: rgba(216, 233, 240, .75);
        background: transparent;
    }

    .iaer-chapter-nav a.is-active,
    .iaer-chapter-nav a:hover,
    .iaer-chapter-nav a:focus {
        color: #fff;
    }

    .iaer-chapter-nav a.is-active::before {
        border-color: #9ce7e3;
        background: #9ce7e3;
    }

    .iaer-chapter-nav a.is-locked,
    .iaer-chapter-nav a i {
        color: #a9bdc8;
    }

    .iaer-chapter-rail.is-hidden-at-end {
        visibility: hidden;
        pointer-events: none;
    }
}

@media (min-width: 981px) and (max-width: 1300px) {
    .iaer-language-dock {
        position: static;
        display: flex;
        justify-content: center;
        width: auto;
        margin: 22px 28px 0;
    }

    .iaer-language-switcher {
        display: inline-flex;
        border: 1px solid var(--iaer-line);
    }

    .iaer-language-switcher a {
        min-width: 54px;
        border-right: 1px solid var(--iaer-line);
        border-bottom: 0;
    }

    .iaer-language-switcher a:last-child {
        border-right: 0;
    }
}