/* Shared layout for the FAQ and privacy drafts. */
.info-page {
  margin: 0;
  color: #f9f9f9;
  background: #0c0c0c;
  font: 400 16px/1.6 Inter, ui-sans-serif, system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.info-page * { box-sizing: border-box; }
.info-page a { color: inherit; }
.info-page :focus-visible { outline: 3px solid #74caff; outline-offset: 4px; }
.info-header, .info-main, .info-footer { width: min(100% - 80px, 1280px); margin-inline: auto; }
.info-header { min-height: 90px; display: flex; align-items: center; gap: 32px; }
.info-brand { display: inline-flex; align-items: center; gap: 8px; margin-right: auto; text-decoration: none; white-space: nowrap; }
.info-brand img { width: 28px; height: 28px; border-radius: 7px; }
.info-nav, .info-language { display: flex; align-items: center; gap: 24px; }
.info-nav a { text-decoration: none; }
.info-nav a:hover, .info-back:hover, .info-footer a:hover { color: #74caff; }
.info-nav [aria-current="page"] { color: #74caff; }
.info-language { gap: 8px; }
.info-language button { min-height: 44px; border: 0; padding: 0 6px; color: #aaa; background: transparent; font: inherit; cursor: pointer; }
.info-language button[aria-pressed="true"] { color: #fff; font-weight: 700; }
.info-main { padding: 100px 0 120px; }
.info-intro { max-width: 840px; }
.info-eyebrow { margin: 0 0 24px; color: #74caff; font-size: 14px; font-weight: 600; }
.info-page h1, .info-page h2, .info-page h3 { font-family: Rubik, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; letter-spacing: -.035em; }
.info-page h1 { margin: 0; font-size: clamp(48px, 7vw, 88px); line-height: 1.03; }
.info-lead { max-width: 640px; margin: 28px 0 0; color: #c8c8c8; font-size: clamp(18px, 2vw, 22px); }
.info-notice { max-width: 840px; margin: 48px 0 0; padding: 20px 24px; border-left: 3px solid #74caff; background: #1a1a1a; }
.info-notice p { margin: 0; }
.info-content { max-width: 840px; margin-top: 80px; }
.info-section { padding: 32px 0; border-top: 1px solid #414141; }
.info-section h2 { margin: 0 0 12px; font-size: 24px; line-height: 1.25; }
.info-section p { max-width: 700px; margin: 0; color: #c8c8c8; }
.info-faq details { border-top: 1px solid #414141; }
.info-faq details:last-child { border-bottom: 1px solid #414141; }
.info-faq summary { position: relative; padding: 26px 40px 26px 0; font: 600 21px/1.35 Rubik, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; cursor: pointer; list-style: none; }
.info-faq summary::-webkit-details-marker { display: none; }
.info-faq summary::after { content: '+'; position: absolute; right: 0; top: 22px; font-size: 28px; font-weight: 400; }
.info-faq details[open] summary::after { content: '−'; }
.info-faq details p { max-width: 700px; margin: 0 0 28px; color: #c8c8c8; }
.info-footer { display: flex; justify-content: space-between; gap: 24px; padding: 32px 0 48px; border-top: 1px solid #414141; color: #aaa; font-size: 14px; }
.info-back { display: inline-block; margin-top: 48px; text-decoration: none; }
@media (max-width: 600px) {
  .info-header, .info-main, .info-footer { width: calc(100% - 40px); }
  .info-header { flex-wrap: wrap; gap: 8px 20px; padding: 20px 0; }
  .info-brand { width: 100%; }
  .info-nav { gap: 18px; }
  .info-language { margin-left: auto; }
  .info-main { padding: 72px 0 80px; }
  .info-content { margin-top: 60px; }
  .info-footer { flex-direction: column; }
}