/* Короткая визуальная отметка после возврата к прежней позиции страницы. */
.echo-scroll-restored {
    animation: echo-scroll-restored 2.8s ease-out both;
    outline: 2px solid rgba(225, 0, 100, 0.72);
    outline-offset: 3px;
}

@keyframes echo-scroll-restored {
    0% {
        outline-color: rgba(225, 0, 100, 0);
        box-shadow: 0 0 0 0 rgba(225, 0, 100, 0);
    }
    12% {
        outline-color: rgba(225, 0, 100, 0.92);
        box-shadow: 0 0 0 7px rgba(225, 0, 100, 0.16);
    }
    52% {
        outline-color: rgba(225, 0, 100, 0.66);
        box-shadow: 0 0 0 4px rgba(225, 0, 100, 0.08);
    }
    100% {
        outline-color: rgba(225, 0, 100, 0);
        box-shadow: 0 0 0 0 rgba(225, 0, 100, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .echo-scroll-restored { animation-duration: 0.01ms; }
}

/* При возврате со страницы действия сначала восстанавливаем прокрутку и
   только затем показываем содержимое — пользователь не видит верх страницы. */
html.echo-scroll-restoring .page-content { visibility: hidden; }