.viewrail{position:sticky;top:var(--frame-band-h,79px);z-index:5;margin:0 calc(50% - 50vw) 24px;padding:16px max(24px,calc(50vw - 660px));background:var(--shl-bg);color:var(--shl-ink);border-top:1px solid var(--shl-line);border-bottom:1px solid var(--shl-line)}
:root[data-theme="light"] .viewrail{background:var(--shd-bg);color:var(--shd-ink);border-color:var(--shd-line)}
.viewrail ul{list-style:none;display:flex;gap:6px;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.viewrail ul::-webkit-scrollbar{display:none}
.viewrail ul{gap:10px} .viewrail-b{display:flex;flex:1 1 150px;flex-direction:column;align-items:flex-start;gap:8px;min-width:150px;min-height:44px;padding:0 0 10px;border:1px solid var(--shl-line);border-radius:10px;background:transparent;color:var(--shl-dim);font:600 14px/40px var(--g-ui);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow:hidden} :root[data-theme="light"] .viewrail-b{border-color:var(--shd-line);color:var(--shd-dim)} .viewrail-b .lb{padding:0 12px;line-height:40px}
.viewrail-b .th{display:block;width:56px;height:36px;border-radius:6px;border:1px solid var(--g-line);padding:4px;box-sizing:border-box}
.viewrail-b .th{width:100%;height:104px;overflow:hidden;background:var(--shd-bg);border:0;border-radius:10px 10px 0 0;padding:0} :root[data-theme="light"] .viewrail-b .th{background:var(--shl-bg)} .viewrail-b .th svg,.viewrail-b .th img{width:100%;height:100%;display:block;object-fit:cover} .viewrail-b .th .th-text rect{fill:var(--g-dim);opacity:.7} .viewrail-b .th .xpl-tick,.viewrail-b .th .xpl-axis,.viewrail-b .th text{display:none}
.viewrail-b[aria-current="true"]{border-color:var(--g-accent);color:var(--shl-ink)} :root[data-theme="light"] .viewrail-b[aria-current="true"]{color:var(--shd-ink)} .viewrail-b[aria-current="true"] .lb{color:var(--shl-acc-text)} :root[data-theme="light"] .viewrail-b[aria-current="true"] .lb{color:var(--shd-acc-text)}   
.viewrail-b:focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}
.views > [data-view]{outline:none}
.viewnext{margin:28px 0 0;padding-top:14px;border-top:1px solid var(--g-line);font:600 var(--text-sm) var(--g-ui)} .viewnext a{color:var(--g-ink);text-decoration:underline;text-decoration-color:var(--g-accent);text-underline-offset:3px} .viewnext--end{color:var(--g-dim);font-weight:400}
@keyframes view-out{to{opacity:0;transform:translateY(-8px)}} @keyframes view-in{from{opacity:0;transform:translateY(12px)}}
.view-out{animation:view-out var(--m-fast,.18s) var(--e-out,ease) forwards} .view-in{animation:view-in var(--m-std,.32s) var(--e-out,ease) both}
@media (prefers-reduced-motion:reduce){.view-out,.view-in{animation:none}}
@media (min-width:900px){.viewrail-b .lb{padding:0 14px}}

.viewrail{max-width:100vw;box-sizing:border-box} .viewrail ul{min-width:0;overflow-x:auto} @media (max-width:760px){.viewrail-b{flex:0 0 150px}}


.views .view-prime{position:absolute!important;left:-99999px!important;top:0!important;width:min(1280px,100%)!important;visibility:hidden!important;pointer-events:none}