/* ===========================================================================
   QANON PROJECT — WIKI RAIL
   Shared left-hand section switcher for the whole wiki (Лор · Экономика ·
   Механики · Фракции). Used inside BOTH .lore-body (the paper letopis) and
   .wiki-body (the reference sections), so selectors are unscoped and colours
   fall back gracefully when a token isn't defined in that context.
   The site-level nav stays in the top header; THIS is the sub-navigation.
   =========================================================================== */
:root { --rail-w: 216px; --rail-top: 64px; }

.wiki-rail {
    position: fixed;
    top: 0; left: 0; bottom: 0;
    width: var(--rail-w);
    z-index: 8500;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: calc(var(--rail-top-live, var(--rail-top)) + 22px) 14px 24px;
    background: linear-gradient(180deg, rgba(12, 13, 14, .92), rgba(9, 10, 11, .92));
    border-right: 1px solid var(--line, rgba(255, 255, 255, .09));
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    overflow-y: auto;
    overscroll-behavior: contain;
}
.wiki-rail__label {
    padding: 0 10px 8px;
    font-family: var(--f, "Montserrat", sans-serif);
    font-size: 10.5px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase;
    color: var(--on-dark-faint, #6d6860);
}
.wiki-rail__link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px 12px;
    border-radius: 9px;
    color: var(--on-dark-dim, #9a948a);
    font-family: var(--f, "Montserrat", sans-serif);
    font-size: 13.5px; font-weight: 600;
    transition: color var(--t-base) var(--ease-out), background var(--t-base) var(--ease-out);
}
.wiki-rail__link .n {
    font-size: 11px; font-weight: 800;
    color: var(--on-dark-faint, #6d6860);
    transition: color var(--t-base) var(--ease-out);
    min-width: 16px;
}
.wiki-rail__link:hover { color: var(--on-dark, #e7e3da); background: rgba(255, 255, 255, .05); }
.wiki-rail__link.is-active {
    color: #fff;
    background: linear-gradient(90deg, rgba(207, 41, 41, .22), rgba(207, 41, 41, .05));
    cursor: default;
}
.wiki-rail__link.is-active::before {          /* red accent bar */
    content: "";
    position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(var(--red-br, #ef3b3b), var(--red-d, #9e1414));
}
.wiki-rail__link.is-active .n { color: var(--red-br, #ef3b3b); }
.wiki-rail__foot {
    margin-top: auto;
    padding: 14px 10px 0;
    font-family: var(--f-read, "Inter", sans-serif);
    font-size: 11.5px; line-height: 1.5;
    color: var(--on-dark-faint, #6d6860);
    border-top: 1px solid var(--line, rgba(255, 255, 255, .07));
}

/* ---- expandable tree (rendered by wiki-nav.js) --------------------------- */
.wiki-rail__tree { display: flex; flex-direction: column; gap: 2px; }
.wiki-rail__row { display: flex; align-items: center; gap: 2px; }
.wiki-rail__row .wiki-rail__link { flex: 1 1 auto; }
.wiki-rail__exp {
    flex: 0 0 auto;
    width: 30px; height: 34px;
    display: flex; align-items: center; justify-content: center;
    background: none; border: 0; cursor: pointer;
    color: var(--on-dark-faint, #6d6860);
    border-radius: 8px;
    transition: color var(--t-base) var(--ease-out), background var(--t-base) var(--ease-out);
}
.wiki-rail__exp:hover { color: var(--on-dark, #e7e3da); background: rgba(255, 255, 255, .05); }
.wiki-rail__exp svg {
    width: 10px; height: 6px;
    fill: none; stroke: currentColor; stroke-width: 1.6;
    stroke-linecap: round; stroke-linejoin: round;
    transition: transform var(--t-base) var(--ease-out);
}
.wiki-rail__group.is-open > .wiki-rail__row .wiki-rail__exp svg { transform: rotate(180deg); }

/* collapsible container — grid 0fr→1fr animates height with no fixed max */
.wiki-rail__sub {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--t-slow) var(--ease-out);
}
.wiki-rail__group.is-open > .wiki-rail__sub { grid-template-rows: 1fr; }
.wiki-rail__sub-in {
    overflow: hidden;
    min-height: 0;
    list-style: none;
    margin: 0;
    padding: 2px 0 6px 10px;
}
.wiki-rail__sublink {
    position: relative;
    display: block;
    padding: 7px 10px 7px 18px;
    border-radius: 8px;
    font-family: var(--f, "Montserrat", sans-serif);
    font-size: 12.5px; line-height: 1.3;
    color: var(--on-dark-dim, #9a948a);
    transition: color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);
}
.wiki-rail__sublink::before {
    content: "";
    position: absolute; left: 6px; top: 50%;
    width: 4px; height: 4px; border-radius: 50%;
    background: currentColor; opacity: .45;
    transform: translateY(-50%);
    transition: background var(--t-fast) var(--ease-out), opacity var(--t-fast) var(--ease-out);
}
.wiki-rail__sublink:hover { color: var(--on-dark, #e7e3da); background: rgba(255, 255, 255, .04); }
.wiki-rail__sublink.is-here { color: #fff; }
.wiki-rail__sublink.is-here::before { background: var(--red-br, #ef3b3b); opacity: 1; }

/* магазин: самоцвет после названия */
.wiki-rail__gem { width: 20px; height: 20px; margin-left: 8px; vertical-align: -5px; filter: drop-shadow(0 2px 6px rgba(90, 170, 255, .6)); }

/* section not written yet: small tag after the name */
.wiki-rail__soon {
    display: inline-block; margin-left: 8px; padding: 2px 6px 1px; vertical-align: 1px;
    border-radius: 4px; font: 600 9.5px/1.2 var(--f, "Montserrat", sans-serif); letter-spacing: .08em; text-transform: uppercase;
    color: #b8a6ff; background: rgba(140, 110, 255, .14); box-shadow: inset 0 0 0 1px rgba(160, 130, 255, .28);
}

/* faction topics: emblem instead of the dot */
.wiki-rail__sublink:has(.wiki-rail__ico) { display: flex; align-items: center; gap: 9px; padding-left: 8px; }
.wiki-rail__sublink:has(.wiki-rail__ico)::before { display: none; }
.wiki-rail__ico {
    flex: 0 0 auto; width: 18px; height: 18px; object-fit: contain;
    opacity: .72; filter: saturate(.85);
    transition: opacity var(--t-fast) var(--ease-out), filter var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out);
}
.wiki-rail__sublink:hover .wiki-rail__ico, .wiki-rail__sublink.is-here .wiki-rail__ico { opacity: 1; filter: none; }
.wiki-rail__sublink.is-here .wiki-rail__ico { transform: scale(1.08); }

/* leaders rules: bold first entry with a document glyph */
.wiki-rail__sublink.is-lead {
    font-weight: 600; color: var(--on-dark, #e7e3da); padding-left: 32px;
    margin-bottom: 4px;
}
.wiki-rail__sublink.is-lead::before {
    width: 14px; height: 14px; left: 10px; border-radius: 0; opacity: .9;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M9 5h10M9 12h10M9 19h10M4.5 5h.01M4.5 12h.01M4.5 19h.01'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M9 5h10M9 12h10M9 19h10M4.5 5h.01M4.5 12h.01M4.5 19h.01'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wiki-rail__sublink.is-lead.is-here::before, .wiki-rail__sublink.is-lead:hover::before { background: var(--red-br, #ef3b3b); opacity: 1; }

/* content offset — the in-flow page content clears the fixed rail on desktop.
   Fixed chrome (headers, backgrounds) ignores this padding, so it stays put. */
@media (min-width: 1181px) {
    .has-rail { padding-left: var(--rail-w); }
}

/* ---- narrow: the rail folds into a horizontal strip under the header ------ */
@media (max-width: 1180px) {
    .has-rail { padding-left: 0; }
    .wiki-rail {
        top: var(--rail-top-live, var(--rail-top)); bottom: auto; right: 0;
        width: auto; height: auto;
        flex-direction: row;
        gap: 4px;
        padding: 8px 12px;
        border-right: 0;
        border-bottom: 1px solid var(--line, rgba(255, 255, 255, .09));
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }
    .wiki-rail::-webkit-scrollbar { display: none; }
    .wiki-rail__label, .wiki-rail__foot { display: none; }
    /* flatten the tree to a single horizontal row of sections */
    .wiki-rail__tree { flex-direction: row; gap: 4px; }
    .wiki-rail__group { flex: 0 0 auto; }
    .wiki-rail__exp, .wiki-rail__sub { display: none; }   /* topic drill-down is desktop-rail only */
    .wiki-rail__link { white-space: nowrap; flex: 0 0 auto; }
    .wiki-rail__link.is-active::before { top: auto; bottom: 0; left: 8px; right: 8px; width: auto; height: 3px; border-radius: 3px 3px 0 0; }
}

/* ===========================================================================
   ВОЗВРАТ НА ГЛАВНУЮ ВИКИ
   Из лора, экономики или свода правил не было выхода к списку разделов —
   только на лендинг. Первым пунктом рейла ставим ссылку назад.
   =========================================================================== */
.wiki-rail__home {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
    padding: 9px 12px;
    border: 1px solid var(--line, rgba(255, 255, 255, .09));
    border-radius: 9px;
    background: rgba(255, 255, 255, .03);
    font-family: var(--f, "Montserrat", sans-serif);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--on-dark-dim, #9a948a);
    transition: color var(--t-base) var(--ease-out), border-color var(--t-base) var(--ease-out), background var(--t-base) var(--ease-out);
}
.wiki-rail__home-ico {
    width: 7px; height: 7px;
    flex: 0 0 auto;
    border-left: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: rotate(45deg);
    color: var(--red-br, #ef3b3b);
}
.wiki-rail__home:hover {
    color: var(--on-dark, #e7e3da);
    border-color: rgba(239, 59, 59, .45);
    background: rgba(255, 255, 255, .06);
}

@media (max-width: 1180px) {
    /* рейл становится горизонтальной полосой — кнопка едет в один ряд с ней */
    .wiki-rail__home { margin: 0 8px 0 0; white-space: nowrap; }
}

/* ============================================================================
   СВОРАЧИВАНИЕ РЕЙЛА
   ========================================================================== */
.wiki-rail { transition: transform .34s cubic-bezier(.16,1,.3,1); }
.wiki-rail__fold {
    position: absolute; top: 12px; right: 10px;
    width: 26px; height: 26px;
    display: flex; align-items: center; justify-content: center;
    border: 1px solid var(--line, rgba(255,255,255,.09));
    border-radius: 7px;
    background: rgba(255, 255, 255, .04);
    color: var(--on-dark-dim, #9a948a);
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background .2s ease;
}
.wiki-rail__fold::before {
    content: ""; width: 7px; height: 7px;
    border-left: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: rotate(45deg); margin-left: 3px;
}
.wiki-rail__fold:hover { color: #fff; border-color: rgba(239,59,59,.45); background: rgba(255,255,255,.08); }

/* язычок у края — появляется только когда рейл убран */
.wiki-rail__peek {
    position: fixed; left: 0; top: 50%;
    transform: translate(-100%, -50%);
    width: 26px; height: 54px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    border: 1px solid var(--line, rgba(255,255,255,.09)); border-left: 0;
    border-radius: 0 9px 9px 0;
    background: rgba(18, 19, 23, .95);
    cursor: pointer; z-index: 8600;
    transition: transform .34s cubic-bezier(.16,1,.3,1), background .2s ease;
}
.wiki-rail__peek span {
    display: block; width: 12px; height: 1.6px; border-radius: 2px;
    background: var(--on-dark-dim, #9a948a);
}
.wiki-rail__peek span:nth-child(2) { width: 8px; }
.wiki-rail__peek span:nth-child(3) { width: 10px; }
.wiki-rail__peek:hover { background: rgba(26, 27, 32, .98); }
.wiki-rail__peek:hover span { background: #fff; }

body.rail-folded .wiki-rail { transform: translateX(-100%); }
body.rail-folded .wiki-rail__peek { transform: translate(0, -50%); }

@media (min-width: 1181px) {
    body.rail-folded.has-rail { padding-left: 0; transition: padding-left .34s cubic-bezier(.16,1,.3,1); }
    body.has-rail { transition: padding-left .34s cubic-bezier(.16,1,.3,1); }
}
/* на узких экранах рейл горизонтальный — сворачивать нечего */
@media (max-width: 1180px) {
    .wiki-rail__fold, .wiki-rail__peek { display: none; }
    body.rail-folded .wiki-rail { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    .wiki-rail, .wiki-rail__peek, body.has-rail { transition: none; }
}



/* ============================================================================
   РУЧКА СВОРАЧИВАНИЯ
   Стоит на кромке рейла посередине высоты — как ручка шкафа: видно сразу,
   куда нажать. Когда рейл убран, ручка у края экрана и подписана «Главы».
   ========================================================================== */
.wiki-rail__fold, .wiki-rail__peek { display: none !important; }
.wiki-rail__handle {
    position: fixed;
    top: 50%; left: var(--rail-w);
    transform: translate(-50%, -50%);
    z-index: 8700;
    width: 22px; height: 60px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(30, 31, 36, .97), rgba(18, 19, 23, .97));
    box-shadow: 0 8px 20px -10px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .06);
    color: var(--on-dark-dim, #9a948a);
    cursor: pointer;
    transition: left .34s cubic-bezier(.16,1,.3,1), transform .34s cubic-bezier(.16,1,.3,1),
                height .34s cubic-bezier(.16,1,.3,1), color .2s ease, border-color .2s ease;
}
.wiki-rail__handle:hover,
.wiki-rail__handle:focus-visible { color: #fff; border-color: rgba(239, 59, 59, .55); }
.wiki-rail__handle-i {
    width: 7px; height: 7px;
    margin-left: 3px;
    border-left: 1.7px solid currentColor;
    border-bottom: 1.7px solid currentColor;
    transform: rotate(45deg);
    transition: transform .34s cubic-bezier(.16,1,.3,1), margin .34s cubic-bezier(.16,1,.3,1);
}
.wiki-rail__handle-t {
    display: none;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-family: var(--f, "Montserrat", sans-serif);
    font-size: 9px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase;
}
body.rail-folded .wiki-rail__handle {
    left: 0; transform: translate(0, -50%);
    height: 104px;
    border-left: 0; border-radius: 0 12px 12px 0;
}
body.rail-folded .wiki-rail__handle-i { transform: rotate(-135deg); margin-left: -3px; }
body.rail-folded .wiki-rail__handle-t { display: block; }
/* на узких экранах рейл горизонтальный — сворачивать нечего */
@media (max-width: 1180px) { .wiki-rail__handle { display: none; } }
@media (prefers-reduced-motion: reduce) {
    .wiki-rail__handle, .wiki-rail__handle-i { transition: none; }
}

/* ============================================================================
   ТОНКАЯ ПОЛОСА ПРОКРУТКИ И РУЧКА СНАРУЖИ КРОМКИ
   Родная полоса была толстой красной планкой, а ручка сворачивания стояла
   прямо на ней. Родную прячем, своя — 2px у внутренней кромки рейла; ручка —
   язычок, приклеенный к кромке снаружи, и больше ни на что не наезжает.
   ========================================================================== */
@media (min-width: 1181px) {
    .wiki-rail { scrollbar-width: none; }
    .wiki-rail::-webkit-scrollbar { width: 0; height: 0; }
}
.wiki-rail__bar {
    position: fixed;
    top: calc(var(--rail-top-live, var(--rail-top, 64px)) + 10px); bottom: 12px;
    left: calc(var(--rail-w) - 11px);
    width: 10px;
    z-index: 8600;
    opacity: 0; pointer-events: none;
    transition: opacity .25s ease;
}
.wiki-rail__bar.is-on { opacity: 1; pointer-events: auto; }
.wiki-rail__bar::before {
    content: "";
    position: absolute; top: 0; bottom: 0; right: 3px;
    width: 2px; border-radius: 2px;
    background: rgba(255, 255, 255, .045);
}
.wiki-rail__bar > i {
    position: absolute; top: 0; right: 3px;
    width: 2px; border-radius: 2px;
    background: rgba(239, 59, 59, .45);
    cursor: grab;
    transition: width .2s ease, right .2s ease, background .2s ease;
}
.wiki-rail__bar.is-hot > i,
.wiki-rail__bar:hover > i,
.wiki-rail__bar.is-drag > i { width: 4px; right: 2px; background: rgba(239, 59, 59, .8); }
.wiki-rail__bar.is-drag > i { cursor: grabbing; }
body.rail-folded .wiki-rail__bar { opacity: 0 !important; pointer-events: none !important; }
@media (max-width: 1180px) { .wiki-rail__bar { display: none; } }

.wiki-rail__handle {
    left: var(--rail-w);
    transform: translate(0, -50%);
    width: 18px;
    border-left: 0;
    border-radius: 0 12px 12px 0;
}
.wiki-rail__handle-i { margin-left: 2px; }
body.rail-folded .wiki-rail__handle { left: 0; }
body.rail-folded .wiki-rail__handle-i { margin-left: -3px; }

/* шапка вики теперь как на лендинге — 94px (логотип 62 + отступы 16) */
@media (min-width: 821px) { :root { --rail-top: 94px; } }

/* ============================================================================
   РУЧКА РЕЙЛА И ДВИЖЕНИЕ (поверх правил выше)
   Свёрнутый рейл было почти не видно: узкая серая планка у края. Теперь это
   язычок с красной гранью, значком списка и подписью. Рейл уезжает
   transform-ом и гаснет, пункты внутри появляются лесенкой; содержимое
   страницы доезжает на место в wiki-nav.js (FLIP), padding не анимируется.
   ========================================================================== */
@media (min-width: 1181px) {
    body.has-rail, body.rail-folded.has-rail { transition: none; }
    .wiki-rail {
        transition: transform .46s cubic-bezier(.32,.72,0,1), opacity .34s ease, visibility 0s linear 0s;
    }
    body.rail-folded .wiki-rail {
        transform: translateX(calc(-100% - 16px)); opacity: 0; visibility: hidden; pointer-events: none;
        transition: transform .46s cubic-bezier(.32,.72,0,1), opacity .3s ease, visibility 0s linear .46s;
    }
    .wiki-rail > * { transition: opacity .32s ease, transform .46s cubic-bezier(.32,.72,0,1); }
    body.rail-folded .wiki-rail > * { opacity: 0; transform: translateX(-12px); }
    body:not(.rail-folded) .wiki-rail > :nth-child(2) { transition-delay: .04s; }
    body:not(.rail-folded) .wiki-rail > :nth-child(3) { transition-delay: .08s; }
    body:not(.rail-folded) .wiki-rail > :nth-child(n+4) { transition-delay: .12s; }
    .wiki-rail__bar { transition: opacity .25s ease; }
}

.wiki-rail__handle {
    left: 0; top: 50%;
    transform: translate(var(--rail-w), -50%);
    width: 20px; height: 64px; gap: 0; padding: 0;
    overflow: hidden; isolation: isolate;
    border: 1px solid rgba(255, 255, 255, .2); border-left: 0; border-radius: 0 12px 12px 0;
    background: linear-gradient(180deg, rgba(36, 37, 42, .98), rgba(20, 21, 25, .98));
    color: #d8d2c8;
    box-shadow: 6px 0 18px -8px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .07);
    transition: transform .46s cubic-bezier(.32,.72,0,1), width .3s cubic-bezier(.32,.72,0,1),
                height .46s cubic-bezier(.32,.72,0,1), border-color .25s ease, color .25s ease, box-shadow .35s ease;
}
/* красная заливка при наведении - слоем, чтобы градиент менялся плавно */
.wiki-rail__handle::before {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit;
    background: linear-gradient(180deg, #d63636, #a31919);
    opacity: 0; transition: opacity .25s ease;
}
.wiki-rail__handle:hover, .wiki-rail__handle:focus-visible {
    color: #fff; border-color: #e24343; outline: none;
    box-shadow: 0 0 26px -6px rgba(239, 59, 59, .6), 6px 0 18px -8px rgba(0, 0, 0, .9);
}
.wiki-rail__handle:hover::before, .wiki-rail__handle:focus-visible::before { opacity: 1; }
.wiki-rail__handle:active { transform: translate(var(--rail-w), -50%) scale(.97); }

.wiki-rail__handle-ico, .wiki-rail__handle-t {
    display: block !important; overflow: hidden;
    max-height: 0; margin: 0; opacity: 0;
    transition: max-height .46s cubic-bezier(.32,.72,0,1), margin .46s cubic-bezier(.32,.72,0,1), opacity .2s ease;
}
.wiki-rail__handle-ico svg { display: block; width: 18px; height: 18px; color: #ff6b6b; transition: color .25s ease; }
.wiki-rail__handle:hover .wiki-rail__handle-ico svg, .wiki-rail__handle:focus-visible .wiki-rail__handle-ico svg { color: #fff; }
.wiki-rail__handle-t {
    writing-mode: vertical-rl; transform: rotate(180deg);
    font-family: var(--f, "Montserrat", sans-serif);
    font-size: 10px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; line-height: 1;
}
.wiki-rail__handle-i {
    flex: 0 0 auto; width: 7px; height: 7px; margin-left: 2px;
    border-left: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor;
    transform: rotate(45deg);
    transition: transform .46s cubic-bezier(.32,.72,0,1), margin .46s cubic-bezier(.32,.72,0,1);
}

body.rail-folded .wiki-rail__handle {
    transform: translate(0, -50%);
    width: 34px; height: 150px;
    border-color: rgba(239, 59, 59, .55);
    color: #f1ece4;
    box-shadow: 0 0 24px -8px rgba(239, 59, 59, .45), 6px 0 18px -8px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .07);
}
body.rail-folded .wiki-rail__handle:hover, body.rail-folded .wiki-rail__handle:focus-visible { width: 40px; }
body.rail-folded .wiki-rail__handle:active { transform: translate(0, -50%) scale(.97); }
body.rail-folded .wiki-rail__handle-ico { max-height: 20px; margin-bottom: 12px; opacity: 1; transition-delay: 0s, 0s, .16s; }
body.rail-folded .wiki-rail__handle-t { max-height: 90px; margin-bottom: 12px; opacity: 1; transition-delay: 0s, 0s, .2s; }
body.rail-folded .wiki-rail__handle-i { transform: rotate(-135deg); margin-left: -3px; }

/* сохранённое состояние при загрузке ставится без движения */
body.rail-instant .wiki-rail, body.rail-instant .wiki-rail > *, body.rail-instant .wiki-rail__handle,
body.rail-instant .wiki-rail__handle *, body.rail-instant .wiki-rail__bar { transition: none !important; }
@media (prefers-reduced-motion: reduce) {
    .wiki-rail, .wiki-rail > *, .wiki-rail__handle, .wiki-rail__handle *, .wiki-rail__handle::before { transition: none !important; }
}