/* zh-CN.css - Simplified Chinese typography and reading rhythm overrides. */

body.lang-zh-cn {
  --zh-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Noto Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
  --zh-hero-title-size: clamp(2.9rem, 4.2vw, 4.5rem);
  --zh-hero-title-mobile-size: clamp(2.25rem, 9vw, 3.1rem);
  --zh-hero-subtitle-size: clamp(1.15rem, 1.5vw, 1.35rem);
  --zh-hero-subtitle-mobile-size: clamp(1.05rem, 4.6vw, 1.18rem);
  --zh-hero-body-size: 1.02rem;
  --zh-section-title-size: clamp(2rem, 3vw, 3rem);
  --zh-section-title-mobile-size: clamp(1.75rem, 7vw, 2.25rem);
  --zh-section-body-size: 1.03rem;
  --zh-card-title-size: clamp(1.15rem, 1.45vw, 1.35rem);
  --zh-card-body-size: clamp(0.98rem, 1vw, 1.05rem);
  --zh-meta-size: 0.86rem;
  --zh-button-size: 0.95rem;
  font-family: var(--zh-font-sans) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  letter-spacing: 0 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.lang-zh-cn h1,
body.lang-zh-cn h2,
body.lang-zh-cn h3,
body.lang-zh-cn h4,
body.lang-zh-cn .font-semibold {
  font-family: var(--zh-font-sans) !important;
  letter-spacing: 0;
}

body.lang-zh-cn p,
body.lang-zh-cn li {
  font-weight: 400;
  letter-spacing: 0;
}

body.lang-zh-cn :is(.hero-title, .hero-title-large, .vdr-clean-title, .product-hero h1, .solution-hero h1, .resource-hero h1, .article-hero h1, main > section:first-of-type h1, main article > section:first-of-type h1),
html body.lang-zh-cn :is(.product-hero-title, .hero-title, .hero-title-large, .vdr-clean-title) {
  font-size: var(--zh-hero-title-size) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

body.lang-zh-cn :is(.hero-subtitle, .hero-subtitle-large, .vdr-clean-subtitle, .product-hero .subtitle, .solution-hero .subtitle, .resource-hero .subtitle, .article-hero .subtitle),
body.lang-zh-cn :is(.product-hero-subtitle, main > section:first-of-type p.text-xl, main > section:first-of-type .text-xl, main article > section:first-of-type p.text-xl, main article > section:first-of-type .text-xl) {
  font-size: var(--zh-hero-subtitle-size) !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: rgba(17, 24, 39, 0.72) !important;
  max-width: 760px;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

body.lang-zh-cn :is(.hero-description, .vdr-clean-desc, .product-hero-desc, main > section:first-of-type p:not(.pill):not(.hero-badge):not(.section-badge):not(.hero-subtitle):not(.hero-subtitle-large):not(.vdr-clean-subtitle):not(.product-hero-subtitle):not(.text-xl)) {
  font-size: var(--zh-hero-body-size) !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: rgba(17, 24, 39, 0.62) !important;
  max-width: 720px;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

body.lang-zh-cn :is(.section-header h2, .section-title, .vdr-clean-section-head h2, main > section:not(:first-of-type) h2) {
  font-size: var(--zh-section-title-size) !important;
  line-height: 1.18 !important;
  font-weight: 650 !important;
  letter-spacing: -0.012em !important;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

body.lang-zh-cn :is(.section-header p, .section-subtitle, .section-description, .vdr-clean-section-head p, main > section:not(:first-of-type) > div > p) {
  font-size: var(--zh-section-body-size) !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: rgba(17, 24, 39, 0.62) !important;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

body.lang-zh-cn :is(.card-title, .feature-card h3, .product-card h3, .pricing-card h3, .resource-card h3, .why-card h3, .vdr-pillar-card h3, .vdr-why-card h3, .vdr-hero-value-title, main > section:not(:first-of-type) h3) {
  font-size: var(--zh-card-title-size) !important;
  line-height: 1.32 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

body.lang-zh-cn :is(.card p, .feature-card p, .product-card p, .pricing-card p, .resource-card p, .why-card p, .vdr-pillar-card p, .vdr-why-card p, .vdr-hero-value-copy) {
  font-size: var(--zh-card-body-size) !important;
  line-height: 1.68 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: rgba(17, 24, 39, 0.62) !important;
  overflow-wrap: anywhere;
}

body.lang-zh-cn :is(.hero-badge, .hero-badge-large, .vdr-clean-badge, .vdr-hero-kicker, .section-badge, .pill, .tag, .badge, .text-sm) {
  font-size: var(--zh-meta-size) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

body.lang-zh-cn :is(.btn, .btn-lg, .bc-global-nav__cta, .bc-global-nav__mobile-cta) {
  min-width: 124px;
  font-size: var(--zh-button-size) !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

body.lang-zh-cn :is(.section, main > section) {
  padding-top: 96px;
  padding-bottom: 96px;
}

body.lang-zh-cn .vdr-clean-hero {
  padding-top: 122px !important;
  padding-bottom: 104px !important;
}

body.lang-zh-cn .vdr-clean-grid {
  gap: 80px !important;
}

body.lang-zh-cn :is(.vdr-clean-copy, .vdr-clean-visual, .vdr-hero-carousel, .vdr-hero-card-inner, .vdr-hero-stage, .vdr-hero-slide, .vdr-hero-visual) {
  min-width: 0;
}

body.lang-zh-cn .vdr-hero-card-inner {
  gap: 18px !important;
  padding: clamp(20px, 2vw, 28px) !important;
}

body.lang-zh-cn .vdr-hero-carousel {
  min-height: 560px !important;
}

body.lang-zh-cn .vdr-hero-stage {
  height: 480px !important;
}

body.lang-zh-cn .vdr-hero-value-title {
  font-size: clamp(1.35rem, 2vw, 1.8rem) !important;
  line-height: 1.16 !important;
  font-weight: 650 !important;
}

body.lang-zh-cn .vdr-hero-value-copy {
  font-size: clamp(0.98rem, 1vw, 1.05rem) !important;
  line-height: 1.62 !important;
}

body.lang-zh-cn :is(.vdr-hero-window-bar span, .vdr-hero-node-label, .vdr-hero-permission-meta, .vdr-hero-ai-note, .vdr-hero-stat-label) {
  font-size: 0.82rem !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

body.lang-zh-cn :is(.vdr-hero-permission-row, .vdr-hero-stat-card, .vdr-hero-ai-card, .vdr-hero-region-chip) {
  min-width: 0;
}

body.lang-zh-cn .vdr-hero-permission-row {
  grid-template-columns: minmax(54px, 1fr) repeat(3, minmax(48px, 76px)) !important;
}

body.lang-zh-cn .vdr-hero-permission-row > * {
  min-width: 0;
}

@media (max-width: 768px) {
  body.lang-zh-cn {
    --zh-hero-title-size: var(--zh-hero-title-mobile-size);
    --zh-hero-subtitle-size: var(--zh-hero-subtitle-mobile-size);
    --zh-hero-body-size: 1rem;
    --zh-section-title-size: var(--zh-section-title-mobile-size);
    --zh-section-body-size: 1rem;
    --zh-card-title-size: 1.15rem;
    --zh-card-body-size: 0.98rem;
    --zh-button-size: 0.92rem;
    line-height: 1.72 !important;
  }

  body.lang-zh-cn :is(.section, main > section) {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  body.lang-zh-cn .vdr-clean-hero {
    padding-top: 86px !important;
    padding-bottom: 72px !important;
  }

  body.lang-zh-cn .vdr-clean-grid {
    gap: 44px !important;
  }

  body.lang-zh-cn .vdr-hero-card-inner {
    gap: 14px !important;
    padding: 18px !important;
  }

  body.lang-zh-cn .vdr-hero-value-title {
    font-size: 1.35rem !important;
    line-height: 1.22 !important;
  }

  body.lang-zh-cn .vdr-hero-value-copy {
    font-size: 0.95rem !important;
    line-height: 1.58 !important;
  }

  body.lang-zh-cn .vdr-ai-addons {
    overflow-x: hidden;
  }

  body.lang-zh-cn :is(.vdr-ai-story, .vdr-ai-stage, .vdr-ai-source-grid, .vdr-ai-chat-panel, .vdr-redaction-stage, .vdr-translation-stage) {
    max-width: 100%;
    min-width: 0;
  }

  body.lang-zh-cn .vdr-ai-story {
    width: 100%;
  }

  body.lang-zh-cn :is(.hero-title, .hero-title-large, .vdr-clean-title, .product-hero h1, .solution-hero h1, .resource-hero h1, .article-hero h1, main > section:first-of-type h1, main article > section:first-of-type h1),
  html body.lang-zh-cn :is(.product-hero-title, .hero-title, .hero-title-large, .vdr-clean-title) {
    line-height: 1.12 !important;
    letter-spacing: -0.01em !important;
  }

  body.lang-zh-cn :is(.hero-subtitle, .hero-subtitle-large, .vdr-clean-subtitle, .product-hero .subtitle, .solution-hero .subtitle, .resource-hero .subtitle, .article-hero .subtitle),
  body.lang-zh-cn :is(.product-hero-subtitle, main > section:first-of-type p.text-xl, main > section:first-of-type .text-xl, main article > section:first-of-type p.text-xl, main article > section:first-of-type .text-xl) {
    line-height: 1.5 !important;
  }

  body.lang-zh-cn :is(.btn, .btn-lg, .bc-global-nav__cta, .bc-global-nav__mobile-cta) {
    min-width: 0;
    white-space: normal;
  }
}

@media (max-width: 520px) {
  body.lang-zh-cn .vdr-hero-carousel {
    min-height: 640px !important;
    padding: 16px !important;
  }

  body.lang-zh-cn .vdr-hero-stage {
    height: 570px !important;
  }

  body.lang-zh-cn .vdr-hero-permission {
    padding: 12px !important;
  }

  body.lang-zh-cn .vdr-hero-permission-row {
    grid-template-columns: minmax(36px, 1fr) repeat(3, minmax(32px, 42px)) !important;
    gap: 4px !important;
    font-size: 0.74rem !important;
  }

  body.lang-zh-cn .vdr-hero-permission-row b {
    text-align: left;
  }

  body.lang-zh-cn .vdr-hero-permission-row span {
    text-align: center;
  }

  body.lang-zh-cn .vdr-hero-window {
    inset: 0 !important;
    padding: 16px !important;
  }

  body.lang-zh-cn .vdr-hero-doc {
    padding: 13px !important;
  }

  body.lang-zh-cn .vdr-hero-answer {
    margin-top: 10px !important;
    padding: 10px 12px !important;
    font-size: 0.84rem !important;
    line-height: 1.45 !important;
  }

  body.lang-zh-cn .vdr-hero-lifecycle {
    gap: 8px !important;
  }

  body.lang-zh-cn .vdr-hero-life-step {
    border-radius: 16px !important;
    padding: 10px 8px !important;
  }

  body.lang-zh-cn .vdr-hero-life-step i {
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 6px !important;
  }
}