/* ═════════════════════════════════════════════════════════════════
   THE RECORD RAIL, "Where it stands" (public/tools/rail.js and this file, 15 Oct 2026, Structure B stage S5).
   It sits on records that are NOT inside a .rk page (the contact and firm dossiers, the mandate page, the Seeker Files
   drawer), so it takes the brand tokens from brand.css (--b-*) with a plain fallback, and every rule starts .sk-rail.
   No coloured side bar: a hairline above and below. Pills: done = mist, now = navy, later = outline, side lanes dashed.
   ═════════════════════════════════════════════════════════════════ */
.sk-rail-host:empty{display:none}
.sk-rail{border-top:1px solid var(--b-rule,rgba(19,27,45,.13));border-bottom:1px solid var(--b-rule,rgba(19,27,45,.13));background:transparent;padding:18px 0;margin:16px 0 22px;color:var(--b-body,#2c384c);min-width:0}
.sk-rail .rh{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.sk-rail .rh b{display:block;font:500 26px/1.15 var(--b-display,'Cormorant Garamond',Georgia,serif);color:var(--b-navy,#131b2d);overflow-wrap:anywhere}
.sk-rail .rh .cap{font:italic 400 14px/1.4 var(--b-text,'EB Garamond',Georgia,serif);color:var(--b-muted,#5a6475)}
.sk-rail .lbl{font:500 11px/1.3 var(--b-sans,Jost,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--b-rose-deep,#a85e59)}
.sk-rail .lbl.m{display:block;margin-bottom:3px;color:var(--b-muted,#5a6475)}
.sk-rail .chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.sk-rail .chips .sk-chip{display:inline-flex;gap:6px;align-items:baseline;min-height:30px;padding:4px 12px;border:1px solid var(--b-rule,rgba(19,27,45,.13));border-radius:999px;background:var(--b-mist,#eef0f4);color:var(--b-navy,#131b2d);font:500 11px/1.2 var(--b-sans,Jost,sans-serif);letter-spacing:.04em;cursor:pointer}
.sk-rail .chips .sk-chip i{font-style:normal;color:var(--b-muted,#5a6475)}
.sk-rail .stg{display:flex;flex-wrap:wrap;gap:6px}
.sk-rail .stg button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--b-field,#868e9c);background:#fff;color:var(--b-navy,#131b2d);font:500 12px/1 var(--b-sans,Jost,sans-serif);letter-spacing:.04em;cursor:pointer}
.sk-rail .stg button.done{background:var(--b-mist,#eef0f4);border-color:var(--b-mist,#eef0f4)}
.sk-rail .stg button.cur{background:var(--b-navy,#131b2d);color:#fff;border-color:var(--b-navy,#131b2d)}
.sk-rail .stg button.sk-lane{border-style:dashed;color:var(--b-muted,#5a6475)}
.sk-rail .stg button.sk-lane.cur{background:var(--b-navy,#131b2d);color:#fff;border-style:solid}
.sk-rail .stg button.pv{box-shadow:0 0 0 2px var(--b-navy-light,#7c93b8)}
.sk-rail .stg button:focus-visible,.sk-rail .sk-rail-btn:focus-visible,.sk-rail .sk-rail-go:focus-visible,.sk-rail .chips .sk-chip:focus-visible{outline:2px solid var(--b-navy-mid,#243b5e);outline-offset:2px}
.sk-rail .wr{font:italic 400 16px/1.5 var(--b-text,'EB Garamond',Georgia,serif);color:var(--b-body,#2c384c);margin-top:12px}
.sk-rail .wr .lbl{font-style:normal}
.sk-rail .sk-rail-go{margin-left:8px;min-height:32px;padding:0 14px;border:1px solid var(--b-navy,#131b2d);border-radius:999px;background:transparent;color:var(--b-navy,#131b2d);font:500 11px/1 var(--b-sans,Jost,sans-serif);letter-spacing:.06em;cursor:pointer}
.sk-rail .sk-rail-meta,.sk-rail .sk-rail-msg,.sk-rail .sk-rail-wait{margin:10px 0 0;font:400 15px/1.45 var(--b-text,'EB Garamond',Georgia,serif);color:var(--b-muted,#5a6475)}
.sk-rail .sk-rail-wait{margin:0;font-style:italic}
.sk-rail .nx{margin-top:16px;padding-top:16px;border-top:1px solid var(--b-rule,rgba(19,27,45,.13));display:grid;gap:12px}
.sk-rail .nx .tx{font:400 17px/1.45 var(--b-text,'EB Garamond',Georgia,serif);color:var(--b-navy,#131b2d)}
.sk-rail .nx .tx .late{color:var(--b-oxblood,#6e2a22)}
.sk-rail .nx .sk-rail-for{font:500 11px/1 var(--b-sans,Jost,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--b-muted,#5a6475);margin-left:6px}
.sk-rail .nx .row{display:flex;flex-wrap:wrap;gap:8px}
.sk-rail .sk-rail-btn{min-height:44px;padding:0 22px;border-radius:999px;border:1px solid var(--b-navy,#131b2d);background:transparent;color:var(--b-navy,#131b2d);font:500 12px/1 var(--b-sans,Jost,sans-serif);letter-spacing:.06em;cursor:pointer}
.sk-rail .sk-rail-btn.pri{background:var(--b-navy,#131b2d);color:#fff}
@media (min-width:760px){.sk-rail .nx{grid-template-columns:1fr auto;align-items:center}}
@media (max-width:600px){.sk-rail .rh b{font-size:22px}.sk-rail .nx .sk-rail-btn{flex:1 1 auto}}
/* Basic view: the pills and the next step stay; the "what moving writes" line, the hint and the chips go. */
html.simple .sk-rail .wr,html.simple .sk-rail .rh .cap,html.simple .sk-rail .sk-rail-meta,html.simple .sk-rail .chips{display:none !important}
/* the Seeker Files drawer is narrow: one column */
.sf-drawer .sk-rail{margin:0 0 16px;padding:14px 0}
.sf-drawer .sk-rail .nx{grid-template-columns:1fr}
.sf-drawer .sk-rail .rh b{font-size:20px}
/* Manager DD styles every button under its own id (#view-managerdd), so the rail's buttons repeat their look with an id. */
#view-managerdd .sk-rail .stg button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--b-field,#868e9c);background:#fff;color:var(--b-navy,#131b2d);font:500 12px/1 var(--b-sans,Jost,sans-serif);letter-spacing:.04em;opacity:1;box-shadow:none}
#view-managerdd .sk-rail .stg button.done{background:var(--b-mist,#eef0f4);border-color:var(--b-mist,#eef0f4)}
#view-managerdd .sk-rail .stg button.cur,#view-managerdd .sk-rail .stg button.sk-lane.cur{background:var(--b-navy,#131b2d);color:#fff;border-color:var(--b-navy,#131b2d)}
#view-managerdd .sk-rail .stg button.sk-lane{border-style:dashed;color:var(--b-muted,#5a6475)}
#view-managerdd .sk-rail .stg button.sk-lane.cur{border-style:solid}
#view-managerdd .sk-rail .stg button.pv{box-shadow:0 0 0 2px var(--b-navy-light,#7c93b8)}
#view-managerdd .sk-rail .sk-rail-btn{min-height:44px;padding:0 22px;border-radius:999px;border:1px solid var(--b-navy,#131b2d);background:transparent;color:var(--b-navy,#131b2d);font:500 12px/1 var(--b-sans,Jost,sans-serif);letter-spacing:.06em;opacity:1}
#view-managerdd .sk-rail .sk-rail-btn.pri{background:var(--b-navy,#131b2d);color:#fff}
