/* v2.09: the mark in each place, coloured by the city it sits in */
.tjp-logo{display:inline-block;flex:none;width:1em;height:1em;vertical-align:middle;overflow:visible}
.tjp-logo :is(line,path,circle){vector-effect:none}
/* the landing bar and footer read the landing kit's own ink and accent */
#authGate .lpx .lpx-mark.has-logo209{display:inline-grid!important;place-items:center;width:40px!important;height:40px!important;border:0!important;background:none!important;font-size:0!important}
#authGate .lpx .tjp-logo-lpx{width:38px;height:38px;--logo-rim:var(--lk-ink,currentColor);--logo-sun:var(--lk-accent,currentColor);--logo-glass:transparent}
html[data-city="ujjayini"] #authGate .lpx .tjp-logo-lpx{--logo-rim:#ecd59a}
#authGate .lpx .lpx-brand{display:inline-flex!important;align-items:center;gap:10px}
#authGate .lpx .lpx-foot>div:first-child{position:relative;padding-left:48px}
#authGate .lpx .tjp-logo-foot{position:absolute;left:0;top:50%;transform:translateY(-50%);width:36px;height:36px;--logo-rim:var(--lk-ink-2,currentColor);--logo-sun:var(--lk-accent,currentColor)}
/* the sidebar */
.sidebar .brand{display:flex!important;align-items:center;gap:10px}
.tjp-logo-side{width:34px;height:34px;--logo-rim:var(--sb-ink,currentColor);--logo-sun:var(--header-gold,var(--wine,currentColor));--logo-glass:transparent}
/* the sign-in panel and the loading card */
.auth-brand{display:flex!important;align-items:center;gap:10px}
.tjp-logo-auth{width:34px;height:34px;--logo-rim:currentColor;--logo-sun:var(--wine,currentColor)}
.study-loader-card .tjp-logo-loader{display:block;margin:0 auto 12px;width:54px;height:54px;--logo-rim:var(--ink,currentColor);--logo-sun:var(--wine,currentColor);animation:tjpLogoBreathe 2.4s ease-in-out infinite}
@keyframes tjpLogoBreathe{50%{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.study-loader-card .tjp-logo-loader{animation:none}}
/* the cover shown while a returning member is signed back in: the mark in place of the old star */
html.tjp-resume207 body::after{content:''!important;width:64px!important;height:64px!important;background:var(--header-gold,#f2b632)!important;-webkit-mask:url(assets/brand213/mark.svg) center/contain no-repeat;mask:url(assets/brand213/mark.svg) center/contain no-repeat;font-size:0!important}