/* Approved October 17 rail: host controls and mobile navigation remain intact. */
@media(min-width:701px){
html body .shell-zoned[data-compact-rail="true"]{--rail-width:88px!important;--rail-w:88px!important;grid-template-columns:88px minmax(0,1fr) var(--dock-width,280px)!important}
html body .shell-zoned[data-compact-rail="true"][data-rail-reserved="true"]{--rail-width:240px!important;--rail-w:240px!important;grid-template-columns:240px minmax(0,1fr) var(--dock-width,280px)!important}
html body .shell-zoned[data-compact-rail="true"] #rail{position:relative!important;align-self:stretch;justify-self:start;width:64px!important;min-width:0!important;margin:12px;padding:7px!important;border:1px solid color-mix(in srgb,var(--wf-accent) 38%,transparent)!important;border-radius:22px;background:var(--wf-surface)!important;box-shadow:inset 1px 1px 0 #ffffff60,0 12px 24px #0003;z-index:25;overflow:hidden;transition:width .2s}
html body .shell-zoned[data-compact-rail="true"] #rail[data-expanded="true"]{width:216px!important}
html body .shell-zoned[data-compact-rail="true"] #rail::before{display:none!important}
html body .shell-zoned[data-compact-rail="true"] #railNav{min-height:0;overflow-y:auto;overflow-x:hidden;flex:1}
html body .shell-zoned[data-compact-rail="true"] #railNav .station-item{min-height:44px;justify-content:flex-start;padding:10px 12px;gap:14px;border-radius:14px}
html body .shell-zoned[data-compact-rail="true"] #railNav .station-item svg{width:20px;height:20px;flex-shrink:0}
html body .shell-zoned[data-compact-rail="true"] #rail[data-expanded="false"] :is(.station-label,.station-count,.station-ext,[data-lock-label]){display:none!important}
html body .shell-zoned[data-compact-rail="true"] #rail[data-expanded="true"] .station-label{display:block!important}
html body .shell-zoned[data-compact-rail="true"] #railNav [aria-current="page"]{background:var(--wf-accent)!important;color:#090909!important}
html[data-theme="light"] body .shell-zoned[data-compact-rail="true"] #railNav [aria-current="page"]{color:#fff!important}
html body .shell-zoned[data-compact-rail="true"] #railNav .wata-glass-lens{display:none!important}
.compact-rail-footer{flex:none;border-top:1px solid var(--wf-line);margin-top:10px;padding-top:10px}
.compact-rail-lock{display:flex;align-items:center;gap:14px;min-height:44px;padding:10px 12px;width:100%;border:0;border-radius:12px;background:transparent;color:var(--wf-text);font:500 12px system-ui;white-space:nowrap;cursor:pointer}
.compact-rail-lock svg{width:20px;height:20px;flex:none}.compact-rail-lock:focus-visible{outline:2px solid var(--wf-accent)}
.compact-rail-footer small{display:block;font:10px system-ui;color:var(--wf-muted);padding:12px 5px;white-space:nowrap}
}
@media(min-width:701px) and (max-width:1180px){html body .shell-zoned[data-compact-rail="true"]{grid-template-columns:88px minmax(0,1fr)!important}html body .shell-zoned[data-compact-rail="true"][data-rail-reserved="true"]{grid-template-columns:240px minmax(0,1fr)!important}}
@media(max-width:700px){.compact-rail-footer{display:none!important}}
@media(prefers-reduced-motion:reduce){html body .shell-zoned[data-compact-rail="true"] #rail{transition:none}}