/* Keep supporting pages in the same graphite identity as the home and studio.
   Scoped to content pages; legal documents retain their original print styles. */
@media screen {
  .market-page, .legal-page {
    --market-orange: #d4dadd;
    --market-paper: #f1efea;
    --market-muted: #b0b6bb;
    --legal-paper: #f1efea;
    --legal-muted: #a8afb5;
    --accent: #d4dadd;
    background: #111214;
    color: #f1efea;
    font-family: var(--font, 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif);
    -webkit-font-smoothing: antialiased;
  }
  .market-page a:focus-visible, .market-page button:focus-visible,
  .market-page summary:focus-visible, .legal-page a:focus-visible,
  .legal-page button:focus-visible, .legal-page summary:focus-visible {
    outline: 2px solid #d4dadd;
    outline-offset: 4px;
  }
  .market-page .wordmark, .legal-page .wordmark { color: #f1efea; min-height: 44px; }
  .market-page .wordmark img, .legal-page .wordmark img {
    display: block;
    width: 176px;
    height: auto;
    max-width: 100%;
  }
  .market-page .market-footer .wordmark img,
  .legal-page .legal-footer .wordmark img { width: 148px; opacity: .86; }
  .market-page .brand-symbol::before, .legal-page .brand-symbol::before {
    inset: 0;
    width: auto;
    height: auto;
    transform: none;
    border-radius: 0;
    background: #f1efea;
    -webkit-mask: url('/assets/brand/mark.svg') center / contain no-repeat;
    mask: url('/assets/brand/mark.svg') center / contain no-repeat;
  }
  .market-page .brand-symbol::after, .legal-page .brand-symbol::after { content: none; }
  .market-page .market-header, .legal-page .legal-header {
    max-width: 1344px;
    min-height: 88px;
    padding: 20px 32px;
    gap: 28px;
    border-color: #303438;
  }
  .market-page .market-header nav { font-size: 13px; gap: 26px; }
  .market-page .market-header .market-language { border-color: #444b50; }
  .market-page .button {
    min-height: 48px;
    padding: 12px 20px;
    border-radius: 6px;
    border-color: #515a62;
    background: #242a2f;
    color: #e4e6e2;
    font-size: 13px;
    font-weight: 500;
    box-shadow: none;
  }
  .market-page .button:hover { background: #30383f; border-color: #85949e; }
  .market-page .button.primary {
    background: #f1efea;
    border-color: #f1efea;
    color: #1b1d20;
  }
  .market-page .button.primary:hover { background: #fffdfa; border-color: #fffdfa; }
  .market-page .market-main { max-width: 1240px; padding: 64px 32px 0; }
  .market-page .market-kicker {
    color: #aeb7be;
    font-family: var(--font, sans-serif);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: 1.7;
  }
  .market-page .market-main h1, .market-page.zh .market-main h1 {
    font-family: var(--display, 'Inter Tight', 'PingFang SC', sans-serif);
    font-size: 64px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: -.05em;
    margin: 24px 0;
    max-width: 840px;
    overflow-wrap: break-word;
  }
  .market-page.zh .market-main h1 { font-size: 52px; line-height: 1.25; letter-spacing: -.045em; }
  .market-page .market-intro { color: #b0b6bb; font-size: 17px; line-height: 1.85; }
  .market-page .market-main h2 { font-weight: 500; letter-spacing: -.035em; }
  .market-page .market-main h3 { font-weight: 500; letter-spacing: -.025em; line-height: 1.4; }
  .market-page .market-link:hover, .market-page .market-related a:hover { color: #f1efea; }
  .market-page .market-case-notes, .market-page .market-steps,
  .market-page .market-guide-steps article, .market-page .market-faq,
  .market-page .market-closing, .market-page .market-footer { border-color: #353c42; }
  .market-page .market-film video { border-color: #4a545c; border-radius: 7px; background: #171b1e; }
  .market-page .market-film figcaption { font-size: 12px; line-height: 1.8; color: #aab4bd; }
  .market-page .market-facts { font-size: 12px; gap: 12px 24px; }
  .market-page .market-facts li::before, .market-page .market-number { color: #b8c4cd; }
  .market-page .market-number { font-size: 12px; }
  .market-page .market-callout { border-color: #95a6b2; background: #1c2328; color: #b9c3ca; border-radius: 0 6px 6px 0; }
  .market-page .market-packs { gap: 16px; }
  .market-page .market-packs article { padding: 26px 20px; border: 1px solid #3d4851; border-radius: 8px; background: #191f24; }
  .market-page .market-packs article.recommended { border-color: #9daeb9; background: #252f36; }
  .market-page .market-packs .market-kicker { color: #b6c3cd; font-size: 12px; letter-spacing: .025em; min-height: 28px; }
  .market-page .market-packs h2 { font-size: 22px; margin: 15px 0 25px; }
  .market-page .market-packs small { font-size: 13px; }
  .market-page .market-price { font-size: 44px; line-height: 1.15; font-weight: 500; letter-spacing: -.055em; }
  .market-page .market-price span { font-size: 12px; color: #aebcc7; }
  .market-page .market-packs p { font-size: 12px; color: #b0bdc7; line-height: 1.8; }
  .market-page .market-packs .button { min-height: 46px; font-size: 12px; }
  .market-page .market-price-note { color: #aeb7bf; line-height: 1.85; }
  .market-page .market-faq details { border-color: #353e46; }
  .market-page .market-faq summary { min-height: 70px; font-size: 15px; line-height: 1.6; }
  .market-page .market-faq summary span { color: #c3cdd4; }
  .market-page .market-faq p { color: #b5bfc7; }
  .market-page .market-closing h2 { font-size: 36px; }
  .market-page .market-footer { max-width: 1280px; padding: 32px; }
  .market-page .market-footer small { font-size: 12px; }
  .market-page .market-footer nav a { font-size: 12px; }
  .market-page .market-skip { background: #f1efea; color: #1b1d20; border-radius: 5px; }

  /* Legal pages preserve their content, index behavior and print presentation. */
  .legal-page .legal-main { max-width: 1344px; padding: 42px 32px 88px; }
  .legal-page .legal-header nav { font-size: 13px; }
  .legal-page .legal-language { font-size: 12px; color: #a9b3ba; }
  .legal-page .legal-language a { min-width: 36px; min-height: 44px; }
  .legal-page .legal-back:hover, .legal-page .legal-print:hover { color: #f1efea; }
  .legal-page .legal-tabs { gap: 30px; border-color: #333b42; }
  .legal-page .legal-tabs a[aria-current] { border-color: #bdc9d1; }
  .legal-page .legal-masthead { padding: 58px 0 44px; }
  .legal-page .legal-kicker { font: 12px var(--font, sans-serif); color: #aebac3; letter-spacing: .025em; }
  .legal-page .legal-kicker i { background: #b9c6cf; border-radius: 50%; width: 5px; height: 5px; }
  .legal-page .legal-masthead h1, html[lang=zh-CN] .legal-page .legal-masthead h1 {
    font-family: var(--display, 'Inter Tight', 'PingFang SC', sans-serif);
    font-size: 60px;
    line-height: 1.15;
    font-weight: 500;
    letter-spacing: -.045em;
  }
  html[lang=zh-CN] .legal-page .legal-masthead h1 { font-size: 52px; line-height: 1.25; }
  .legal-page .legal-masthead p { color: #b5bfc7; font-size: 17px; line-height: 1.85; }
  .legal-page .legal-meta { color: #a6b2bc; font-size: 12px; }
  .legal-page .legal-summary { border-top-color: #8d9fae; border-bottom-color: #353f48; }
  .legal-page .legal-summary p > span { color: #bfccd5; font-size: 12px; }
  .legal-page .legal-index summary { font-size: 12px; color: #acb9c3; }
  .legal-page .legal-index nav a { min-height: 44px; font-size: 12px; color: #b4c0c9; }
  .legal-page .legal-index nav a > span { color: #99a9b6; font-size: 12px; }
  .legal-page .legal-contact { font-size: 12px; }
  .legal-page .legal-section-title > span { font-size: 12px; color: #bfccd5; }
  .legal-page .legal-section p, .legal-page .legal-section li, .legal-page .legal-data dd { color: #b9c2c9; }
  .legal-page .legal-document a { text-decoration-color: #9db0bd88; }
  .legal-page .legal-document a:hover { color: #fffdfa; text-decoration-color: #d4dadd; }
  .legal-page .legal-footer { max-width: 1280px; padding: 32px; border-color: #353e46; }
  .legal-page .legal-footer > div, .legal-page .legal-footer nav { font: 12px var(--font, sans-serif); }
  .legal-page .legal-footer nav a:hover { color: #fffdfa; }

  @media (max-width: 1100px) {
    .market-page .market-header, .legal-page .legal-header { padding-left: 28px; padding-right: 28px; }
    .market-page .market-main h1 { font-size: 56px; }
    .market-page.zh .market-main h1 { font-size: 46px; }
    .market-page .market-header nav { gap: 20px; }
  }
  @media (max-width: 760px) {
    .market-page .market-header, .legal-page .legal-header { min-height: 78px; padding: 16px 22px; gap: 16px; flex-wrap: wrap; }
    .market-page .wordmark img, .legal-page .wordmark img { width: 154px; }
    .market-page .market-header nav { gap: 10px 18px; font-size: 12px; }
    .market-page .market-main, .legal-page .legal-main { padding: 38px 22px 0; }
    .market-page .market-main h1 { font-size: 45px; line-height: 1.15; margin: 22px 0; }
    .market-page.zh .market-main h1 { font-size: 38px; line-height: 1.3; }
    .market-page .market-intro { font-size: 15px; line-height: 1.85; }
    .market-page .market-actions { gap: 12px 20px; }
    .market-page .market-packs { gap: 12px; }
    .market-page .market-packs article { padding: 22px 16px; }
    .market-page .market-packs h2 { font-size: 21px; margin: 15px 0 23px; }
    .market-page .market-price { font-size: 39px; }
    .market-page .market-price span { font-size: 12px; }
    .market-page .market-packs .market-kicker { font-size: 12px; }
    .market-page .market-packs p { font-size: 12px; margin: 18px 0 24px; }
    .market-page .market-callout { padding: 18px 20px; font-size: 13px; }
    .market-page .market-closing h2 { font-size: 30px; }
    .market-page .market-footer, .legal-page .legal-footer { padding: 28px 22px; }
    .legal-page .legal-main { padding-bottom: 60px; }
    .legal-page .legal-masthead { padding: 38px 0 30px; }
    .legal-page .legal-masthead h1, html[lang=zh-CN] .legal-page .legal-masthead h1 { font-size: 42px; }
    .legal-page .legal-masthead p { font-size: 15px; }
    .legal-page .legal-summary p { font-size: 13px; }
    .legal-page .legal-header nav { gap: 14px; }
    .legal-page .legal-back { font-size: 12px; }
    .legal-page .legal-footer > div { gap: 5px; }
    .legal-page .legal-layout { gap: 32px; }
  }
  @media (max-width: 370px) {
    .market-page .market-main, .legal-page .legal-main { padding-left: 18px; padding-right: 18px; }
    .market-page .market-main h1 { font-size: 38px; }
    .market-page.zh .market-main h1 { font-size: 33px; }
    .market-page .market-packs article { display: flex; }
    .market-page .market-packs h2 { margin: 15px 0 23px; }
    .market-page .market-price { justify-content: flex-start; }
    .legal-page .legal-masthead h1, html[lang=zh-CN] .legal-page .legal-masthead h1 { font-size: 36px; }
    .legal-page .legal-header nav { width: 100%; justify-content: space-between; }
  }
  @media (prefers-reduced-motion: reduce) {
    .market-page *, .legal-page * { transition: none !important; scroll-behavior: auto !important; }
  }
}

.market-editions{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:0 0 48px}.market-editions article{border-top:1px solid #ffffff26;padding:24px 0 0}.market-editions h2{font-size:27px;font-weight:450;letter-spacing:-1px;margin:18px 0}.market-editions p{color:#a0a7a1;font-size:13px;line-height:1.8;max-width:440px}.market-platform-cases{padding-top:65px}.market-platform-cases .market-section-head{margin-bottom:25px}
@media(max-width:700px){.market-editions{grid-template-columns:1fr;gap:20px}.market-editions h2{font-size:24px}.market-platform-cases{padding-top:35px}}