/* The site's own way in and out of the Studio (Nav C, Paul 27 Oct "go with Nav C"; 28 Oct: a shell part, live-safe).
   Desktop: a slim site bar above the Studio's own bar. Phone: the Studio's bar keeps all its height and a ☰ Menu button
   opens the site menu as a drawer. The shell hides every other body child with a rule that counts two ids, so these out-rank it. */
body.rj24-shell > #rj24nv-drawer:not(#rj24nv-z1):not(#rj24nv-z2),body.rj24-shell > #rj24nv-dim:not(#rj24nv-z1):not(#rj24nv-z2),body.rj24-shell > #rj24nv-slim:not(#rj24nv-z1):not(#rj24nv-z2){visibility:visible!important}
#rj24nv-drawer{position:fixed;inset:0 auto 0 0;width:min(340px,88vw);background:#11141b;border-right:1px solid #2a2f3a;z-index:100010;transform:translateX(-102%);transition:transform .2s;overflow-y:auto;padding:16px;visibility:visible!important;color:#eef0f4;font:15px/1.4 Inter,system-ui,sans-serif}
#rj24nv-drawer.open{transform:none}#rj24nv-dim{position:fixed;inset:0;background:#0008;z-index:100009;display:none;visibility:visible!important}#rj24nv-dim.open{display:block}
#rj24nv-drawer .dh{display:flex;align-items:center;gap:10px;margin-bottom:12px}#rj24nv-drawer .dh img{height:30px}#rj24nv-drawer .dh button{margin-left:auto;background:none;border:1px solid #333a47;color:#eef0f4;border-radius:8px;padding:4px 10px;cursor:pointer}
#rj24nv-drawer a{display:block;color:#eef0f4;text-decoration:none;padding:9px 8px;border-radius:8px}#rj24nv-drawer a:hover{background:#1d2230}#rj24nv-drawer a.sub{padding-left:22px;color:#b4bbc7;font-size:14px}
#rj24nv-drawer .grp{color:#8d96a4;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:12px 8px 4px}#rj24nv-drawer hr{border:0;border-top:1px solid #2a2f3a;margin:10px 0}
.rj24nv-menu{background:none;border:1px solid var(--line-2,#333a47);color:var(--text,#eef0f4);border-radius:8px;height:32px;padding:0 10px;font-weight:700;cursor:pointer;flex:none}
#rj24nv-slim{position:fixed;left:0;right:0;top:0;height:44px;display:flex;align-items:center;gap:14px;padding:0 20px;background:#1b1f2a;border-bottom:1px solid #2a2f3a;z-index:100005;visibility:visible!important;font:14px Inter,system-ui,sans-serif}
#rj24nv-slim img{height:26px}#rj24nv-slim a,#rj24nv-slim button{color:#eef0f4;text-decoration:none;font-weight:600;background:none;border:0;cursor:pointer;font:inherit}#rj24nv-slim .sp{flex:1}
#rj24nv-slim a:focus-visible,#rj24nv-slim button:focus-visible,#rj24nv-drawer a:focus-visible,.rj24nv-menu:focus-visible{outline:2px solid #DB2777;outline-offset:2px}
/* 28 Oct: the Studio's inspector is position:fixed at the Studio bar's height; with the slim site bar above it, it sat over the bar's
   right end and hid the credits and Top up (Paul's "two empty pills"). It moves down by the site bar's height. */
body.rj24-shell .app.has-insp .insp:not([hidden]){top:calc(var(--top) + var(--rj24nv-h, 0px))!important}