/* Reserve the fixed navigation row and show its destination on small screens too. */
.r-site-page:has(> .r-back-link) {
    --r-tool-back-clearance: 18rem;
}

.r-site-page > .r-back-link-plan {
    top: 3.55rem;
}


@media (max-width: 700px) {
    .r-site-page:has(> .r-back-link) > .r-back-link {
        width: auto;
        max-width: calc(100vw - 4.4rem);
        padding-inline: 0.7rem;
    }

    .r-site-page:has(> .r-back-link) > .r-back-link .r-back-link-text {
        position: static;
        width: auto;
        height: auto;
        clip: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .r-site-page:has(> .r-back-link) > .login {
        top: 3.55rem;
        max-width: calc(100vw - 1.1rem);
    }

    .r-site-page:has(> .r-back-link) .r-tool-main,
    .r-site-page:has(> .r-back-link) .r-xtrade-main,
    .r-site-page:has(> .r-back-link) .r-login-main,
    .r-site-page:has(> .r-back-link) .r-twitch-stats-main {
        padding-top: 6.4rem;
    }

    .r-site-page:has(> .r-back-link-plan) > .login {
        top: 6.25rem;
    }

    .r-site-page:has(> .r-back-link-plan) .r-tool-main {
        padding-top: 9.1rem;
    }
}