/* CloudBox site-wide left rail — injected on all pages via nginx sub_filter.
   Self-contained: falls back to literal colours on pages without :root vars. */
.railnav{position:fixed;top:0;left:0;bottom:0;width:78px;z-index:60;
  background:rgba(6,12,24,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-right:1px solid var(--line,rgba(120,150,200,.22));
  display:flex;flex-direction:column;align-items:center;padding:12px 0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.railnav .rmark{width:40px;height:40px;border-radius:11px;margin:2px 0 14px;flex:0 0 auto;
  background:#0a1424 center/70% no-repeat;border:1px solid rgba(56,224,200,.35);
  box-shadow:0 6px 18px -8px rgba(56,224,200,.5)}
.railnav a{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;
  color:var(--mut,#a9bbd6);font-size:.6rem;font-weight:600;line-height:1.15;text-decoration:none;
  padding:9px 2px;width:62px;border-radius:12px;transition:.15s;letter-spacing:.01em}
.railnav a svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.railnav a:hover{color:var(--ink,#eaf1fb);background:rgba(120,150,200,.10)}
.railnav a.on{color:var(--accent2,#38e0c8);background:rgba(56,224,200,.10)}
.railnav .spacer{flex:1}
@media(min-width:961px){body{padding-left:78px}}
@media(max-width:960px){.railnav{display:none}}
@media(prefers-reduced-motion:reduce){.railnav a{transition:none}}