/* RJL Solutions site bar: a fixed, thin bar on every Studio page with a clear way back to rjlsol.com. */
.sitebar{position:fixed;top:0;left:0;right:0;height:44px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:#fff;border-bottom:1px solid #e4dbf7;font:500 13px 'DM Sans',system-ui,sans-serif}
.sitebar-left{display:flex;align-items:center;gap:12px;min-width:0}
.sitebar-home{display:flex;align-items:center;border-radius:4px}
.sitebar-home img{display:block;width:118px;height:auto}
.sitebar-label{color:#62596e;padding-left:12px;border-left:1px solid #e4dbf7;white-space:nowrap}
.studio-beta{display:inline-block;padding:3px 7px;border:1px solid #c7b8e9;border-radius:4px;background:#f4f0fc;color:#25104f;font-size:11px;font-weight:700;line-height:1;letter-spacing:.03em;white-space:nowrap}
.sitebar-links{display:flex;align-items:center;gap:20px;white-space:nowrap}
.sitebar-links a{color:#2b0b70;text-decoration:none}
.sitebar-links a:hover{text-decoration:underline}
.sitebar a:focus-visible{outline:2px solid #6d4de0;outline-offset:3px}
body.has-sitebar{padding-top:44px}
.has-sitebar .rail{top:44px}
.has-sitebar .manual-sidebar{top:68px}
.has-sitebar .manual-section{scroll-margin-top:64px}
.studio-title{font:600 15px 'DM Sans',system-ui,sans-serif;color:#1a0542;text-decoration:none}
@media(max-width:650px){.has-sitebar .rail{top:0}.sitebar{padding:0 14px;gap:10px}.sitebar-home img{width:100px}.sitebar-links{gap:14px;font-size:12.5px}}
@media(max-width:480px){.sitebar-label{display:none}}
@media(max-width:480px){.has-studio-beta .sitebar{padding:0 10px;gap:8px}.has-studio-beta .sitebar-left{gap:6px}.has-studio-beta .sitebar-home img{width:88px}.has-studio-beta .sitebar-links{gap:10px;font-size:11.5px}}
