.help-document{
  position:relative;
}
.help-intro{
  max-width:var(--reading);
  padding-bottom:40px;
}
.help-intro .badge{
  margin-bottom:20px;
}
.help-intro .lede{
  max-width:36em;
}
.help-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:20px;
}
.help-note{
  margin:0;
  color:var(--muted);
  font-size:var(--small-size);
}
.help-category{
  padding-top:24px;
  padding-bottom:40px;
}
.help-category-head{
  max-width:var(--reading);
  margin-bottom:24px;
}
.help-category-head h2{
  margin-bottom:16px;
}
.help-category-head p{
  margin:0;
  color:var(--muted);
}
.help-category .faq-body{
  max-width:calc(var(--reading) + 80px);
  line-height:1.85;
}
.help-related{
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  margin:20px 0 0;
}
.help-related a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  font-size:var(--small-size);
  color:var(--muted);
}
.help-related a:hover{
  color:var(--text);
}
@media(max-width:640px){
  .help-intro{
    padding-bottom:28px;
  }
  .help-category{
    padding-top:16px;
    padding-bottom:28px;
  }
  .help-category .faq-item summary{
    padding-left:16px;
  }
  .help-category .faq-body{
    padding-left:16px;
    padding-right:16px;
  }
}