@font-face {
  font-family: HelpFont;
  src: url("fonts/f4a4890561b3fddfd1fd9a1b27b6d4a4.woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: HelpFont;
  src: url("fonts/33696a29f45c1b554a4c12443b998d21.woff2");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: HelpFont;
  src: url("fonts/625cf32ea46ae48b58ebd3ff993de469.woff2");
  font-style: italic;
  font-weight: 700;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: #fff; color: #000; }
body { font-family: HelpFont, Arial, sans-serif; overflow-x: hidden; }
.help-frame { position: relative; width: 100vw; height: calc(2194px * var(--scale, 1)); overflow: hidden; }
.help-stage { position: absolute; left: var(--stage-left, 0px); top: 0; width: 1366px; height: 2194px; transform: scale(var(--scale, 1)); transform-origin: top left; background: #fff; }
.help-stage header { position: absolute; left: 348px; top: 29px; width: 670px; height: 61px; border-radius: 15px; background: #dedede; display: flex; align-items: center; padding-left: 25px; font-size: 37px; line-height: 48px; }
.help-stage header img { width: 40.3px; height: 40.3px; }
.help-stage header strong { font-weight: 700; white-space: nowrap; transform: scaleX(.937); transform-origin: left center; }
.setup, .help-faq { position: absolute; left: 34.75px; width: 1333px; transform: scaleX(.945); transform-origin: left top; }
.setup { top: 109.6px; }
.help-faq { top: 668px; }
.setup h1, .help-faq h2 { margin: 0; font-size: 42.67px; line-height: 55px; text-decoration: underline; }
.setup h2 { margin: 8px 0 28px; font-size: 26.86px; line-height: 35px; font-style: italic; }
.setup ul { margin: 0 0 28px 36px; padding: 0; font-size: 22.6px; line-height: 29px; }
.setup p { margin: 0 0 29px; font-size: 22.6px; line-height: 29px; }
.help-faq dl { margin: 25px 0 0; font-size: 22.6px; line-height: 29px; }
.help-faq dt { font-weight: 700; margin: 0; }
.help-faq dd { margin: 0 0 29px 36px; }
.help-footer { position: absolute; left: 139px; top: 2074px; margin: 0; font-size: 24.18px; line-height: 31px; transform: scaleX(.945); transform-origin: left top; }
.help-footer a { color: #000; font-weight: 700; text-decoration: none; }

/* Reflow the support document instead of shrinking a desktop canvas. */
@media (max-width: 1100px) {
  .help-frame { width: 100%; height: auto; overflow: visible; }
  .help-stage { position: relative; inset: auto; width: 100%; max-width: 800px; height: auto; margin: 0 auto; padding: 24px; transform: none; }
  .help-stage br { display: none; }
  .help-stage header { position: relative; inset: auto; width: 100%; height: auto; padding: 16px; gap: 10px; border-radius: 14px; font-size: 20px; line-height: 1.25; }
  .help-stage header img { flex: 0 0 36px; width: 36px; height: 36px; }
  .help-stage header strong { white-space: normal; transform: none; }
  .setup, .help-faq { position: relative; inset: auto; width: auto; transform: none; margin-top: 36px; }
  .setup h1, .help-faq h2 { font-size: 30px; line-height: 1.2; }
  .setup h2 { font-size: 19px; line-height: 1.4; margin: 14px 0 24px; }
  .setup ul { margin: 0 0 24px; padding-left: 24px; font-size: 17px; line-height: 1.6; }
  .setup li + li { margin-top: 12px; }
  .setup p, .help-faq dl { font-size: 17px; line-height: 1.6; margin: 20px 0 0; overflow-wrap: anywhere; }
  .help-faq dd { margin: 8px 0 24px; }
  .help-footer { position: relative; inset: auto; margin: 36px 0 0; padding-top: 24px; border-top: 1px solid #ddd; font-size: 16px; line-height: 1.6; transform: none; overflow-wrap: anywhere; }
  .help-footer a { text-decoration: underline; }
}