/* Measured from 常见问题.jpg, 1920 × 3702. */
.faq-page { color-scheme: light; background: #fff; color: #131313; }
.faq-page .brand { display: none; }
.faq-content { position: relative; min-height: 169.864583vw; }
.faq-word { position: absolute; inset: 0 0 auto; width: 100%; height: 57.291667vw; overflow: visible; }
.faq-heading { position: absolute; top: 58.854167vw; left: 3.125%; margin: 0; font: 500 8.097166vw / 1 "HONOR Sans Brand"; letter-spacing: -0.065em; }
.faq-copy { position: absolute; top: 75.46875vw; left: 3.125%; right: 3.125%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3.333333vw; color: #ccc; font: 400 1.041667vw / 1.25 "Helvetica Now Display", "HONOR Sans Brand"; }
.faq-copy p { margin: 0; }
.faq-sections { display: flex; flex-direction: column; gap: 5vw; }
.faq-label { margin: 0; font: inherit; }
.faq-label::before { content: ""; display: inline-block; width: 0.75em; height: 0.75em; margin-right: 0.05em; border-radius: 0; background: currentColor; }
.faq-visual { position: absolute; top: 116.145833vw; left: 3.28125%; width: 93.645833%; }
.faq-page .site-footer { background: #131313; }

@media (max-width: 600px) {
  .faq-page .navigation { width: calc(100% - 24px); }
  .faq-content { min-height: 0; padding: 84px 18px 76px; }
  .faq-word { position: relative; inset: auto; display: block; width: calc(100% + 36px); height: 57.291667vw; margin-left: -18px; }
  .faq-heading { position: static; margin-top: 30px; font-size: clamp(42px, 11vw, 66px); line-height: 1; }
  .faq-copy { position: static; display: block; margin-top: 38px; font-size: 13px; line-height: 1.45; }
  .faq-sections { margin-top: 40px; gap: 32px; }
  .faq-visual { position: static; width: 100%; margin-top: 40px; }
}