/* Only top-level categories live in the sidebar. Stockcoin's two views switch inside the page. */
.rail{width:220px;align-items:stretch;gap:0;padding:16px 10px;transition:width .15s ease}
.rail:has(.rail-nav:not([open])){width:64px;padding:16px 9px}
.rail .rail-nav{width:100%}
.rail .rail-nav>summary{min-height:42px;display:flex;align-items:center;gap:12px;padding:8px 10px;cursor:pointer;list-style:none;color:#d8dded;font-size:13px;font-weight:650;border-radius:8px}
.rail .rail-nav>summary::-webkit-details-marker{display:none}
.rail .rail-nav>summary:hover,.rail a.rail-icon:hover{background:#222840}
.rail .rail-nav>summary span:first-child{color:#a8aeff;font-size:19px;width:23px;text-align:center;flex:0 0 23px}
.rail .rail-nav>summary:focus-visible,.rail a.rail-icon:focus-visible{outline:2px solid #a8aeff;outline-offset:2px}
.rail .rail-nav:not([open]) .nav-text,.rail .rail-nav:not([open]) .rail-nav-content{display:none}
.rail .rail-nav-content{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-height:calc(100vh - 98px);padding-top:18px}
.rail .rail-logo{flex-shrink:0;margin:0 0 6px 10px}
.rail .rail-divider{width:100%;margin:3px 0}
.rail a.rail-icon{width:100%;min-height:43px;height:auto;display:flex;align-items:center;justify-content:flex-start;gap:11px;padding:9px 10px;border-radius:8px;color:#c0c8db;font-size:13px;text-align:left;line-height:1.3}
.rail a.rail-icon img{display:block;flex:0 0 23px;width:23px;height:23px;opacity:.8}
.rail a.rail-icon:hover img,.rail a.rail-icon.active img{opacity:1}
.rail a.rail-icon.active{box-shadow:inset 3px 0 0 #a8aeff;background:rgba(129,141,255,.16);color:#fff}
.rail .rail-symbol{width:23px;flex:0 0 23px;font-size:22px;line-height:1;text-align:center;color:#a8aeff}
.rail .nav-text{min-width:0}
.rail .rail-bottom{padding-left:10px}
.stockcoin-tabs{display:flex;gap:10px;align-items:center;min-height:54px;padding:0 42px;border-bottom:1px solid var(--line);background:#111521;position:sticky;top:64px;z-index:3}
.stockcoin-tabs a{display:inline-flex;align-items:center;min-height:54px;padding:0 16px;border-bottom:2px solid transparent;color:#9da8c2;font-size:13px;font-weight:600;white-space:nowrap}
.stockcoin-tabs a:hover{color:#fff;background:#1c2234}
.stockcoin-tabs a[aria-current="page"]{color:#f4f6ff;border-bottom-color:#a8aeff}
.stockcoin-tabs a:focus-visible{outline:2px solid #a8aeff;outline-offset:-4px}
@media(max-width:750px){
  .rail,.rail:has(.rail-nav:not([open])){width:54px;padding:12px 7px}
  .rail .rail-nav>summary{width:40px;height:42px;padding:8px}
  .rail .rail-nav>summary .nav-text{display:none}
  .rail .rail-nav[open] .rail-nav-content{position:fixed;top:0;left:54px;width:min(260px,calc(100vw - 54px));height:100dvh;min-height:0;overflow-y:auto;background:#0d1018;border-right:1px solid #363d58;box-shadow:12px 0 28px #000a;padding:18px 12px;z-index:25}
  .stockcoin-tabs{position:static;min-height:48px;gap:0;padding:0 8px;overflow-x:auto}
  .stockcoin-tabs a{min-height:48px;padding:0 10px;font-size:12px}
}