/* LessonInc universal brand lockup — single source of truth.
   HQ logo visible wordmark: L starts at 13.49% and final C ends at 99.86%.
   Every website/PWA brand lockup must inherit this geometry. */
:root{
  --lessoninc-brand-left:13.49%;
  --lessoninc-brand-width:86.37%;
  --lessoninc-brand-desktop:218px;
  --lessoninc-brand-mobile:175px;
  --lessoninc-tagline-size:9px;
  --lessoninc-tagline-size-mobile:8px;
}

.navbar-logo.brand-lockup,
.footer-brand .footer-brand-lockup,
.brand-lockup{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  min-width:0!important;
  text-decoration:none!important;
}
.navbar-logo.brand-lockup,
.footer-brand .footer-brand-lockup{
  width:var(--lessoninc-brand-desktop)!important;
  max-width:100%!important;
}
/* Keep every fixed website header vertically balanced. */
.navbar .navbar-logo.brand-lockup{
  justify-content:center!important;
  height:48px!important;
  align-self:center!important;
  overflow:visible!important;
}
.navbar-logo.brand-lockup .brand-mark,
.footer-brand .footer-brand-lockup .brand-mark,
.brand-lockup .brand-mark{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}

/* Exact visible L → final C span. */
.navbar-logo.brand-lockup .brand-tagline-header,
.footer-brand .footer-brand-lockup .brand-tagline-header,
.brand-lockup .brand-tagline-header,
.tc-portal-brand .brand-tagline-header,
a.parent-brand-home .brand-tagline-header,
.mast a .brand-tagline-header,
.sb-brand-tag,
.school-brand small,
.sidebar .brand small{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0!important;
  box-sizing:border-box!important;
  width:var(--lessoninc-brand-width)!important;
  max-width:var(--lessoninc-brand-width)!important;
  min-width:0!important;
  margin:-1px 0 0 var(--lessoninc-brand-left)!important;
  padding:0!important;
  align-self:flex-start!important;
  text-align:left!important;
  text-align-last:auto!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  font-size:var(--lessoninc-tagline-size)!important;
  line-height:1!important;
  font-weight:750!important;
  text-transform:none!important;
  color:#edc967!important;
  transform:none!important;
}
.navbar-logo.brand-lockup .brand-tagline-header>span,
.footer-brand .footer-brand-lockup .brand-tagline-header>span,
.brand-lockup .brand-tagline-header>span,
.tc-portal-brand .brand-tagline-header>span,
a.parent-brand-home .brand-tagline-header>span,
.mast a .brand-tagline-header>span,
.sb-brand-tag>span,
.school-brand small>span,
.sidebar .brand small>span{
  display:inline-block!important;
  flex:0 0 auto!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  letter-spacing:0!important;
}

a.parent-brand-home img,
.mast a>img,
.school-brand>img,
.sidebar .brand>img{
  height:auto!important;
  object-fit:contain!important;
}

/* Portal/sidebar logo widths use the same wordmark geometry even when their
   overall lockup is narrower than the public header. */
.sb-brand-stack,
.tc-portal-brand,
.school-brand,
.sidebar .brand{
  gap:0!important;
}
.sb-brand-tag{margin-top:-1px!important;}

@media(max-width:520px){
  .navbar-logo.brand-lockup,
  .footer-brand .footer-brand-lockup{
    width:var(--lessoninc-brand-mobile)!important;
  }
  .navbar .navbar-logo.brand-lockup{height:44px!important;}
  .navbar-logo.brand-lockup .brand-tagline-header,
  .footer-brand .footer-brand-lockup .brand-tagline-header,
  .brand-lockup .brand-tagline-header,
  .tc-portal-brand .brand-tagline-header,
  a.parent-brand-home .brand-tagline-header,
  .mast a .brand-tagline-header,
  .sb-brand-tag,
  .school-brand small,
  .sidebar .brand small{
    font-size:var(--lessoninc-tagline-size-mobile)!important;
  }
}