/* One public navigation stylesheet; isolated from page styles. */
.ctb-public-toolbar,.ctb-public-toolbar *{box-sizing:border-box}
.ctb-public-toolbar{position:relative;z-index:150;display:flex;align-items:center;gap:clamp(8px,2vw,24px);width:calc(100% - 24px);max-width:1240px;margin:12px auto;padding:12px 20px;min-height:72px;border-radius:50px;border:2px solid #5b79ff;border-left-color:#c53bfa;background:linear-gradient(115deg,#361264,#111444 45%,#082d7a);color:#fff;box-shadow:0 5px 24px #1b104e38;font-family:Arial,Helvetica,sans-serif}
.ctb-public-toolbar a{color:#fff!important;text-decoration:none!important}
.ctb-public-toolbar .ctb-public-brand{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;font-size:clamp(15px,2.3vw,27px);font-weight:800;white-space:nowrap}
.ctb-public-brand img{width:44px;height:44px;object-fit:contain}
.ctb-public-brand b{color:#e777ff}
.ctb-public-community{padding:12px 24px;border-radius:60px;border:2px solid #a43af6;background:#352078;font-weight:800}
.ctb-public-actions{display:flex;align-items:center;gap:12px;font-weight:700;white-space:nowrap}
.ctb-public-join{background:#7438d1;padding:12px 18px;border-radius:30px}
@media(max-width:700px){.ctb-public-toolbar{gap:7px;padding:9px 10px;border-radius:24px;flex-wrap:wrap}.ctb-public-brand img{width:31px;height:31px}.ctb-public-brand{font-size:16px!important}.ctb-public-community{padding:9px 12px;font-size:12px}.ctb-public-actions{width:100%;justify-content:center;gap:16px;font-size:12px}.ctb-public-join{padding:8px 13px}}

/* Public visitors on small screens: single-row top bar, no Community pill.
   Scoped to the shared PUBLIC toolbar; member headers are unaffected. */
@media screen and (max-width:700px){
 .ctb-public-toolbar{flex-wrap:nowrap!important;gap:5px!important;padding:7px 8px!important;min-height:48px!important;border-radius:24px!important}
 .ctb-public-toolbar .ctb-public-community{display:none!important}
 .ctb-public-toolbar .ctb-public-brand{flex:1 1 auto!important;min-width:0!important;gap:5px!important;font-size:clamp(11px,3.4vw,16px)!important;white-space:nowrap!important}
 .ctb-public-toolbar .ctb-public-brand img{width:26px!important;height:26px!important;flex:none!important}
 .ctb-public-toolbar .ctb-public-actions{width:auto!important;flex:0 0 auto!important;gap:clamp(4px,1.8vw,10px)!important;justify-content:flex-end!important;font-size:clamp(9px,2.7vw,12px)!important;white-space:nowrap!important}
 .ctb-public-toolbar .ctb-public-join{padding:7px 9px!important}
}

/* Logged-out mobile top bar: from right edge Join Free, Log In, Getting Started. */
@media screen and (max-width:700px){
 .ctb-public-toolbar .ctb-public-actions>a:nth-child(1){order:1}
 .ctb-public-toolbar .ctb-public-actions>a:nth-child(2){order:2}
 .ctb-public-toolbar .ctb-public-actions>a:nth-child(3){order:3}
}

/* Oct 8: logged-out mobile public toolbar only. Preserve original logo and border. */
@media screen and (max-width:700px){
 .ctb-public-toolbar{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;width:calc(100% - 12px)!important;margin:6px auto!important;padding:7px 7px!important;gap:4px!important;min-height:48px!important;border:2px solid #6d77ff!important;border-left-color:#c53bfa!important;border-radius:24px!important;background:linear-gradient(115deg,#361264,#111444 45%,#082d7a)!important;overflow:visible!important}
 .ctb-public-toolbar .ctb-public-brand{display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;gap:3px!important;font-size:clamp(10px,2.85vw,14px)!important;line-height:1.1!important;white-space:nowrap!important;overflow:visible!important}
 .ctb-public-toolbar .ctb-public-brand img{display:block!important;visibility:visible!important;opacity:1!important;width:clamp(21px,6vw,28px)!important;height:clamp(21px,6vw,28px)!important;flex:0 0 auto!important;object-fit:contain!important}
 .ctb-public-toolbar .ctb-public-brand span{display:inline!important;visibility:visible!important;white-space:nowrap!important}
 .ctb-public-toolbar .ctb-public-community{display:none!important}
 .ctb-public-toolbar .ctb-public-actions{display:flex!important;flex:0 0 auto!important;align-items:center!important;width:auto!important;gap:clamp(3px,1vw,7px)!important;font-size:clamp(8px,2.3vw,11px)!important;white-space:nowrap!important}
 .ctb-public-toolbar .ctb-public-actions>a{white-space:nowrap!important;flex:0 0 auto!important}
 .ctb-public-toolbar .ctb-public-join{padding:6px 7px!important}
}

/* 2026-10-13: Public-page toolbar backdrop.
   Keep the rounded navigation pill and its spacing, but cover the white
   page background exposed in the 12px (6px mobile) outer gutters. */
.ctb-public-toolbar::before{
  content:"";
  position:absolute;
  top:-12px;
  bottom:-12px;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:#141039;
  z-index:-1;
  pointer-events:none;
}
@media(max-width:700px){
  .ctb-public-toolbar::before{top:-6px;bottom:-6px}
}

/* 2026-10-26 desktop brand-reference alignment; preserve mobile overrides. */
@media(min-width:701px){.ctb-public-toolbar{border-radius:9px;max-width:none;width:calc(100% - 14px);margin:5px auto;padding:8px 20px;min-height:74px;background:#08041c}.ctb-public-toolbar .ctb-public-brand img{width:68px;height:58px}.ctb-public-toolbar .ctb-public-brand span{text-transform:uppercase;font-size:clamp(17px,2vw,25px);line-height:1.02;text-shadow:0 0 11px #3378ff}.ctb-public-toolbar .ctb-public-community{border-radius:12px;padding:10px 19px;background:#09051c;box-shadow:0 0 8px #aa74ff}.ctb-public-toolbar .ctb-public-join{border-radius:12px;background:linear-gradient(110deg,#a224e9,#de2acf)}}