
.nav-burger{
  display:none;                 
  flex:0 0 auto;
  box-sizing:border-box;
  width:40px;height:40px;
  margin-left:auto;             
  padding:9px;
  align-items:center;justify-content:center;
  background:none;border:0;
  color:var(--ink);
  cursor:pointer;
}
.nav-burger-bars,
.nav-burger-bars::before,
.nav-burger-bars::after{
  content:'';
  display:block;
  width:22px;height:2px;
  background:currentColor;
  transition:transform .2s ease,opacity .2s ease,background .2s ease;
}
.nav-burger-bars{position:relative;}
.nav-burger-bars::before{position:absolute;left:0;top:-7px;}
.nav-burger-bars::after{position:absolute;left:0;top:7px;}
.nav-open .nav-burger-bars{background:transparent;}
.nav-open .nav-burger-bars::before{transform:translateY(7px) rotate(45deg);}
.nav-open .nav-burger-bars::after{transform:translateY(-7px) rotate(-45deg);}
@media(max-width:768px){
  [data-nav]{position:relative;}          
  .nav-burger{display:inline-flex;}
  [data-nav] .nav-collapse{
    display:none;
    position:absolute;top:100%;right:0;
    box-sizing:border-box;
    min-width:210px;max-width:calc(100vw - 24px);
    margin:0;
    flex-direction:column;align-items:stretch;
    gap:0;
    background:var(--surface-chrome);
    border:1px solid var(--border);
    box-shadow:0 8px 24px var(--hairline-weak);
    padding:var(--gap-tight) 0;
    z-index:200;
    text-align:left;
  }
  [data-nav].nav-open .nav-collapse{display:flex;}
  .nav-collapse > a,
  .nav-collapse > span,
  .nav-collapse > button,
  .nav-collapse > form,
  .nav-collapse > .tpl-ws-auth-individual{
    width:100%;
    text-align:left;
  }
  .nav-collapse a,
  .nav-collapse button,
  .nav-collapse .hv2-nav-fac-value{
    display:block;
    width:100%;
    padding:var(--gap-row) var(--inset-panel);
    text-align:left;
  }
  .nav-collapse .hv2-nav-acct{
    width:100%;
    position:static;
  }
  .nav-collapse .hv2-nav-acct-trigger{
    cursor:default;
    border-radius:0;
  }
  .nav-collapse .hv2-nav-acct-trigger:hover{background:none;}
  .nav-collapse .hv2-nav-acct-caret{display:none;}
  .nav-collapse .hv2-nav-acct-menu{
    display:block;
    position:static;
    min-width:0;
    margin:0;
    padding:0;
    background:none;
    border:0;
    box-shadow:none;
  }
  .nav-collapse .hv2-nav-acct-menu a,
  .nav-collapse .hv2-nav-acct-menu button{padding-left:32px;}
  .nav-collapse .tpl-ws-auth-individual{padding:var(--inset-control) var(--inset-panel);}
  .nav-collapse .tpl-facilitator-signin__btns{flex-direction:column;align-items:stretch;gap:var(--inset-control);width:100%;}
  .nav-collapse .tpl-facilitator-signin__btn{width:100%;padding:var(--gap-row) var(--inset-box);text-align:center;}
}
