/* The left icon rail (Lantern). Used by every signed-in page. */
body[data-page]{padding-left:104px}
.g-rail,.g-rail *{box-sizing:border-box}
.g-rail{position:fixed;left:0;top:0;bottom:0;width:104px;z-index:15;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 0 20px;border-right:1px solid #27306E;background:rgba(8,11,36,.92);color:#A9B0DD;font:600 12px/1.2 'DM Sans',system-ui,sans-serif;overflow-y:auto;scrollbar-width:none}
.g-rail a,.g-rail button{text-decoration:none;color:inherit}
.g-rail .g-brand{display:block;margin-bottom:16px;line-height:0}
.g-rail .g-brand svg{display:block}
.g-rail .g-menu{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}
.g-rail .g-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:72px;min-height:56px;border-radius:16px;font-size:12px;font-weight:600;color:#A9B0DD}
.g-rail .g-link:hover{background:rgba(201,187,255,.06);color:#EEF0FF}
.g-rail .g-link[aria-current=page]{color:#C9BBFF;background:rgba(201,187,255,.1)}
.g-rail .g-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.g-rail .g-flex{flex:1}
.g-rail .g-signout{min-height:40px;width:72px;border:0;background:none;font:600 12px 'DM Sans',sans-serif;color:#A9B0DD;border-radius:12px;cursor:pointer}
.g-rail .g-signout:hover{color:#EEF0FF;background:rgba(201,187,255,.06)}
.g-rail .g-signout-status{font-size:11px;color:#FFB4C0;max-width:84px;text-align:center}
.g-rail :focus-visible{outline:3px solid rgba(201,187,255,.6);outline-offset:2px}
@media(max-width:760px){
 body[data-page]{padding-left:0;padding-bottom:72px}
 .g-rail{top:auto;left:0;right:0;width:auto;height:64px;flex-direction:row;justify-content:space-around;padding:6px 8px;border-right:0;border-top:1px solid #27306E;gap:0}
 .g-rail .g-brand,.g-rail .g-flex,.g-rail .g-signout,.g-rail .g-signout-status{display:none}
 .g-rail .g-menu{flex-direction:row;justify-content:space-around}
 .g-rail .g-link{width:auto;flex:1;min-width:0;min-height:52px;font-size:10.5px;padding:0 1px;overflow:hidden}
 .g-rail .g-menu{gap:0;width:auto;flex:5 1 0;min-width:0}
}
/* the older pages sit next to the rail without a column of their own */
body[data-page=knowledge] .knowledge-workspace{display:block;min-width:0}
body[data-page=studio] .app-shell{padding:0 30px}
body[data-page=studio] .brand-sub{margin:0}
body[data-page=onboarding] .setup-shell{margin:30px 24px}
body[data-page=onboarding] .page-footer{margin-left:26px;margin-right:26px}
@media(min-width:761px) and (max-width:1200px){body[data-page=studio] .studio{grid-template-columns:1fr}}