/* Flyway shared chrome — sidebar rail, header, top nav, bottom nav, footer. Single source for every page. Pages supply the theme variables (--bg, --card, --line, --ink, --muted, --forest, etc.). */ /* ============================================================================================ SIDEBAR RAIL — the task register. Every drill and tool, always one click away, for everyone. Fixed full-height column on ; the page's own .wrap is pushed right by body padding, so no page markup has to change. Expanded by default; the collapse choice is remembered. ============================================================================================ */ /* --hdr = the fixed header bar's height (JS refines it from the real measurement; the default is deliberately generous so content clears the bar even if that measurement is late). --hdr-gap = the breathing room between the bar and the first thing on the page. */ :root{--rail-w:248px;--rail-min:56px;--hdr:66px;--hdr-gap:14px} body{--rail:var(--rail-w)} body.railmin{--rail:var(--rail-min)} /* The header is a full-bleed fixed bar; the rail hangs underneath it, content clears it via body padding-top. Taken out of flow entirely so it never has to fight the rail's body padding with a negative margin (which is what pushed the logo off the left edge). */ #fw-header.top{position:fixed;top:0;left:0;right:0;z-index:80;margin:0;padding:9px clamp(14px,2.6vw,24px); background:var(--bg);border-bottom:1px solid var(--line);gap:10px} /* NOTE the .fwshell class (chrome.js puts it on ). Every page's own