/* 5.28.62: отдельные кнопки возврата на странице — оформление и анимация.
   Стрелки возле H1 (.jmi-title-nav-wrap) НЕ трогаем: они сохраняют старый компактный вид. */
.jmi-page-back-anim{--jb:#00eaff;display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 16px!important;margin:8px 0 16px!important;border:1px solid color-mix(in srgb,var(--jb) 48%,transparent)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(13,29,40,.92),rgba(8,18,28,.96))!important;color:#dffbff!important;text-decoration:none!important;font-weight:850!important;box-shadow:0 8px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;position:relative;overflow:hidden}
.jmi-page-back-anim:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.13) 48%,transparent 70%);transform:translateX(-120%);transition:transform .48s ease;pointer-events:none}
.jmi-page-back-anim:hover{transform:translateY(-2px)!important;border-color:var(--jb)!important;box-shadow:0 12px 28px rgba(0,0,0,.26),0 0 20px color-mix(in srgb,var(--jb) 16%,transparent)!important}
.jmi-page-back-anim:hover:before{transform:translateX(120%)}
.jmi-page-back-anim:active{transform:scale(.97)!important}
.jmi-page-back-anim>i,.jmi-page-back-anim .fa{color:var(--jb)!important;transition:transform .18s ease}
.jmi-page-back-anim:hover>i,.jmi-page-back-anim:hover .fa{transform:translateX(-3px)}
html.theme-light .jmi-page-back-anim{--jb:#9b6a11;background:linear-gradient(145deg,#fffaf0,#efe3cf)!important;color:#39424b!important;border-color:#c9ad78!important;box-shadow:0 8px 22px rgba(78,57,28,.11),inset 0 1px 0 #fff!important}
html.theme-light .jmi-page-back-anim:hover{background:linear-gradient(145deg,#fffdf8,#ead8b9)!important;border-color:#a77824!important}
/* Старые стрелки рядом с заголовком: только лёгкая анимация, без изменения размеров/фона/рамки. */
.jmi-title-nav-wrap .jmi-nav-arrow.show:hover i{animation:jmiTitleBackNudge .42s ease}
.jmi-title-nav-wrap .jmi-nav-arrow.show:active{transform:scale(.92)}
@keyframes jmiTitleBackNudge{0%,100%{transform:translateX(0)}45%{transform:translateX(-3px)}}
.jmi-title-nav-wrap .jmi-nav-arrow.show .fa-arrow-right{animation-direction:reverse}
@media(max-width:640px){.jmi-page-back-anim{min-height:44px;padding:10px 14px!important;font-size:13px!important;max-width:100%;box-sizing:border-box}}