/* Figma 70:5474. Private entries refine the existing case-study roles. */
.ai-localization-page {
  --font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --localization-figure-radius: 12px;
  --localization-rule-width: 1px;
  --localization-link: #377aff;
}
.ai-localization-page .brand { flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; }
.ai-localization-page .brand-name,
.ai-localization-page .brand-portfolio { line-height: var(--leading-body); }
.ai-localization-page .directory-project { margin-bottom: 0; }
.ai-localization-page .chapter-nav > ol { padding-top: var(--space-6); }
.ai-localization-page .section-header { border-top-width: var(--localization-rule-width); }
.ai-localization-page .localization-anchor { display: block; scroll-margin-top: var(--space-8); }
.ai-localization-page .localization-figure { margin-block: var(--space-6) 0; }
.ai-localization-page .localization-figure .figure-link { border-radius: var(--localization-figure-radius); overflow: hidden; }
.ai-localization-page .localization-figure--production figcaption { margin-top: 0; }
.ai-localization-page #current-difficulties,
.ai-localization-page #solution-and-output { margin-top: var(--space-11); padding-top: 0; }
.ai-localization-page #current-difficulties h3,
.ai-localization-page #solution-and-output h3 { margin-bottom: var(--space-3); }
/* Native text32 is one tspan at 16/26/400 with zero tracking. Its 905.248px
   advance hangs slightly into the desktop gutter; the content box stays 892–900px.
   Smaller containers retain natural wrapping. */
@container case-content (min-width: 892px) {
  .ai-localization-page #solution-and-output p { white-space: nowrap; }
}
@supports not (container-type: inline-size) {
  @media (min-width: 1280px) {
    .ai-localization-page #solution-and-output p { white-space: nowrap; }
  }
}
/* Overview export includes its native 12px transparent top gap. */
.ai-localization-page #language-platform-coverage { margin-top: 0; }
/* Scene export includes the native 24px gap above the blue graphic. */
.ai-localization-page #scenario-consistency { margin-top: 0; }
.ai-localization-page .localization-downloads { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4) var(--space-11); margin-top: var(--space-4); }
.ai-localization-page .localization-download { display: inline-flex; align-items: center; min-height: var(--target-size); gap: var(--space-1); color: var(--localization-link); }
.ai-localization-page .localization-download span { font-size: var(--text-small); }
.ai-localization-page .localization-download:hover { text-decoration: underline; text-underline-offset: var(--space-1); }
.ai-localization-page #section-04 .section-header { margin-bottom: var(--space-7); }
.ai-localization-page #handoff-documents { margin-top: 0; }
.ai-localization-page .case-footer { margin-top: var(--space-11); }
@media (max-width: 700px) {
  .ai-localization-page .site-header { gap: var(--space-3); }
  .ai-localization-page .brand { max-width: 54%; }
  .ai-localization-page .brand-portfolio { display: block; font-size: 9px; line-height: var(--leading-small); }
  .ai-localization-page .localization-downloads { column-gap: var(--space-6); }
  .ai-localization-page .case-footer { margin-top: var(--space-14); }
}