.help-dialog {
  width: min(600px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--paper);
  box-shadow: 0 30px 90px #10211726;
}
.help-inner { position: relative; padding: 40px 48px 32px; text-align: center; }
.help-inner > .close-button { position: absolute; top: 14px; right: 14px; background: var(--white); }
.help-symbol { display: block; margin: 0 auto 20px; padding: 8px; }
.help-inner > .eyebrow { justify-content: center; font-size: .62rem; margin-bottom: 16px; }
.help-inner h2 { font-size: clamp(2.1rem, 5vw, 3rem); }
.help-inner > p:not(.eyebrow) { max-width: 420px; color: var(--muted); font-size: .94rem; line-height: 1.8; margin: 20px auto 25px; }
.help-inner > .button { width: 100%; gap: 20px; }
.help-dismiss { display: block; min-height: 44px; border: 0; background: transparent; padding: 12px; margin: 10px auto 0; color: var(--muted); font-size: .77rem; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 600px) {
  .help-inner { padding: 38px 23px 21px; }
  .help-inner > .close-button { top: 10px; right: 10px; width: 36px; height: 36px; }
  .help-inner > .eyebrow { font-size: .53rem; letter-spacing: .12em; }
  .help-inner > p:not(.eyebrow) { font-size: .86rem; margin: 18px auto 23px; }
  .help-inner > .button { font-size: .8rem; padding-inline: 12px; gap: 10px; }
  .help-inner .help-symbol { margin-bottom: 17px; }
}