.help-hero{
  position:relative;
  overflow-x:clip;
  max-width:100%;
  padding-top:72px;
  padding-bottom:74px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,var(--bg-hero-top),var(--bg-hero-bottom));
}
.help-hero::before{
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle at top left,var(--accent-soft),transparent 42%),
    linear-gradient(var(--accent-soft) 1px,transparent 1px),
    linear-gradient(90deg,var(--accent-soft) 1px,transparent 1px);
  background-size:auto,38px 38px,38px 38px;
  content:"";
  opacity:.55;
  pointer-events:none;
}
.help-hero__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);
  gap:64px;
  align-items:center;
}
.help-hero__copy{max-width:760px}
.help-hero h1{
  max-width:760px;
  margin-bottom:22px;
}
.help-hero__lede{
  max-width:710px;
  margin-bottom:0;
  color:var(--text-muted);
  font-size:19px;
}
.help-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.help-summary{
  position:relative;
  padding:30px;
  overflow:hidden;
}
.help-summary::after{
  position:absolute;
  right:-32px;
  bottom:-32px;
  width:128px;
  height:128px;
  border:24px solid var(--accent-soft);
  border-radius:50%;
  content:"";
  pointer-events:none;
}
.help-summary__mark{
  display:grid;
  width:52px;
  height:52px;
  place-items:center;
  margin-bottom:20px;
  border-radius:50%;
  background:var(--accent);
  color:var(--on-accent);
}
.help-summary__mark svg{width:28px;height:28px}
.help-summary h2{
  margin-bottom:14px;
  font-size:26px;
}
.help-summary ul{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
  margin-bottom:22px;
  color:var(--text-muted);
  font-size:14px;
}
.help-summary .mono{
  position:relative;
  z-index:1;
  margin-bottom:0;
  padding-top:16px;
  border-top:1px solid var(--border);
  color:var(--accent);
  font-size:12px;
  font-weight:700;
}
.help-manual{
  padding-top:42px;
  padding-bottom:96px;
}
.help-callout{
  max-width:920px;
  margin-bottom:64px;
}
.help-category{
  padding-top:38px;
  padding-bottom:68px;
  border-bottom:1px solid var(--border);
}
.help-category__heading{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);
  gap:48px;
  align-items:end;
  margin-bottom:28px;
}
.help-category__heading h2{margin-bottom:0}
.help-category__heading>p{
  max-width:680px;
  margin-bottom:4px;
  color:var(--text-muted);
}
.help-category .faq-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}
.help-category .faq-item{box-shadow:var(--shadow-card)}
.help-category .faq-item summary{
  display:flex;
  align-items:center;
  font-size:16px;
  line-height:1.45;
}
.help-category .faq-item__answer{
  line-height:1.75;
}
.help-category .faq-item__answer p{margin-bottom:0}
.help-next{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:36px;
  align-items:center;
  margin-top:72px;
  padding:36px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--panel-muted);
  box-shadow:var(--shadow-card);
}
.help-next h2{
  margin-bottom:10px;
  font-size:30px;
}
.help-next p:last-child{
  max-width:780px;
  margin-bottom:0;
  color:var(--text-muted);
}
@media (max-width:860px){
  .help-hero__grid{grid-template-columns:1fr;gap:38px}
  .help-summary{max-width:620px}
  .help-category__heading{grid-template-columns:1fr;gap:12px}
  .help-category .faq-list{grid-template-columns:1fr}
}
@media (max-width:640px){
  .help-hero{
    padding-top:48px;
    padding-bottom:52px;
  }
  .help-hero__lede{font-size:16px}
  .help-hero__actions{
    width:100%;
    flex-direction:column;
  }
  .help-summary{padding:24px 20px}
  .help-manual{
    padding-top:28px;
    padding-bottom:68px;
  }
  .help-callout{margin-bottom:40px}
  .help-category{
    padding-top:30px;
    padding-bottom:48px;
  }
  .help-category__heading{margin-bottom:20px}
  .help-next{
    grid-template-columns:1fr;
    margin-top:52px;
    padding:26px 20px;
  }
  .help-next h2{font-size:26px}
}