body.public-site:has(.help-page) { background: #000; }

.help-page {
  width: min(1024px, 100%);
  min-height: calc(100svh - 64px);
  margin: 0 auto;
  padding: 64px 0 0;
}

.help-page__content { padding: 72px 0 112px; }
.help-page__content > h1 { margin: 0; color: #fff; font-size: 40px; font-weight: 700; letter-spacing: -.045em; line-height: 56px; }
.help-section { margin-top: 72px; }
.help-section h2 { margin: 0 0 20px; color: #aaa; font-size: 14px; font-weight: 600; letter-spacing: .04em; }
.help-section__questions { border-top: 1px solid #292929; }
.help-faq { border-bottom: 1px solid #292929; }
.help-faq summary { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 4px; color: #eee; cursor: pointer; font-size: 17px; font-weight: 500; line-height: 1.5; list-style: none; }
.help-faq summary::-webkit-details-marker { display: none; }
.help-faq summary span { position: relative; width: 16px; height: 16px; flex: none; }
.help-faq summary span::before,
.help-faq summary span::after { position: absolute; top: 50%; left: 50%; width: 14px; height: 1px; background: #aaa; content: ""; transform: translate(-50%, -50%); transition: transform 160ms ease; }
.help-faq summary span::after { transform: translate(-50%, -50%) rotate(90deg); }
.help-faq[open] summary span::after { transform: translate(-50%, -50%) rotate(0); }
.help-faq summary:hover { color: #fff; }
.help-faq p { max-width: 760px; margin: -4px 0 0; padding: 0 36px 24px 4px; color: #999; font-size: 15px; line-height: 1.9; }

@media (max-width: 820px) {
  .help-page { width: 100%; padding: 64px 24px 0; }
  .help-page__content { padding: 48px 0 80px; }
  .help-page__content > h1 { font-size: 30px; }
  .help-section { margin-top: 56px; }
  .help-faq summary { min-height: 68px; font-size: 16px; }
}