/* VAYRENZA — multilingual language refinements */
html[lang="de"],html[lang="zh-CN"]{overflow-x:hidden}
html[lang="de"] .hero-copy,html[lang="zh-CN"] .hero-copy,
html[lang="de"] .section>*,html[lang="zh-CN"] .section>*{min-width:0}

html[lang="de"] .hero h1,html[lang="zh-CN"] .hero h1{white-space:normal;max-width:100%}
html[lang="de"] #custom h2,html[lang="zh-CN"] #custom h2{white-space:normal;max-width:100%}

/* German copy is longer: tighten tracking slightly to prevent overflow. */
html[lang="de"] .site-header nav a{letter-spacing:.045em!important}
html[lang="de"] .header-actions{gap:9px}
html[lang="de"] .header-actions .search-link,
html[lang="de"] .header-actions .quote{letter-spacing:.045em!important}

/* Chinese typography system — headings/UI use Source Han Sans; editorial body copy uses Source Han Serif. */
html[lang="zh-CN"] body,
html[lang="zh-CN"] p,
html[lang="zh-CN"] .lead,
html[lang="zh-CN"] .intro,
html[lang="zh-CN"] article p,
html[lang="zh-CN"] .split>p,
html[lang="zh-CN"] footer p,
html[lang="zh-CN"] .quote-form label,
html[lang="zh-CN"] .quote-form input,
html[lang="zh-CN"] .quote-form select,
html[lang="zh-CN"] .quote-form textarea{
  font-family:"Source Han Serif SC","Noto Serif CJK SC","Noto Serif SC","Songti SC","STSong",serif;
}
html[lang="zh-CN"] h1,
html[lang="zh-CN"] h2,
html[lang="zh-CN"] h3,
html[lang="zh-CN"] h4,
html[lang="zh-CN"] h5,
html[lang="zh-CN"] h6,
html[lang="zh-CN"] .eyebrow,
html[lang="zh-CN"] .site-header,
html[lang="zh-CN"] nav a,
html[lang="zh-CN"] .header-actions,
html[lang="zh-CN"] .btn,
html[lang="zh-CN"] .cards span,
html[lang="zh-CN"] .brand,
html[lang="zh-CN"] button,
html[lang="zh-CN"] summary,
html[lang="zh-CN"] .language-menu,
html[lang="zh-CN"] .search-input,
html[lang="zh-CN"] .quote-title,
html[lang="zh-CN"] .quote-status h3{
  font-family:"Source Han Sans SC","Noto Sans CJK SC","Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
html[lang="zh-CN"] h1,
html[lang="zh-CN"] h2,
html[lang="zh-CN"] h3{letter-spacing:-.02em}
html[lang="zh-CN"] .eyebrow,
html[lang="zh-CN"] nav a,
html[lang="zh-CN"] .header-actions,
html[lang="zh-CN"] .cards span{letter-spacing:.11em}

/*
  Multilingual desktop header rhythm v1.0
  One structural rule for all seven languages: logo / flexible nav / actions.
  The navigation automatically expands or contracts according to translated copy length,
  which removes the large dead zone seen in shorter JA/KO labels while keeping ES/FR/DE balanced.
*/
@media(min-width:1251px){
  .site-header{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    column-gap:clamp(34px,3.1vw,62px);
  }
  .site-header nav{
    width:100%;
    min-width:0;
    margin-left:0;
    margin-right:0;
    gap:0;
    justify-content:space-between;
    align-items:center;
  }
  .site-header nav a{flex:0 0 auto}
  .header-actions{
    margin-left:0;
    min-width:max-content;
  }

  /* Latin translations: slightly calmer tracking for long labels. */
  html[lang="es"] .site-header nav a,
  html[lang="fr"] .site-header nav a{letter-spacing:.075em!important}
  html[lang="es"] .header-actions .search-link,
  html[lang="es"] .header-actions .quote,
  html[lang="fr"] .header-actions .search-link,
  html[lang="fr"] .header-actions .quote{letter-spacing:.07em!important}

  /* CJK navigation reads better with controlled, language-appropriate spacing. */
  html[lang="zh-CN"] .site-header nav,
  html[lang="ja"] .site-header nav,
  html[lang="ko"] .site-header nav{
    justify-content:space-between;
  }
  html[lang="ja"] .site-header nav a{letter-spacing:.10em!important}
  html[lang="ko"] .site-header nav a{letter-spacing:.075em!important}
  html[lang="ja"] .header-actions .search-link,
  html[lang="ja"] .header-actions .quote{letter-spacing:.09em!important}
  html[lang="ko"] .header-actions .search-link,
  html[lang="ko"] .header-actions .quote{letter-spacing:.07em!important}
}

html[lang="zh-CN"] .hero h1{line-height:1.12}
html[lang="zh-CN"] .section h2{line-height:1.14}

@media(min-width:801px) and (max-width:1250px){
  html[lang="de"] .hero h1{font-size:clamp(34px,3.55vw,48px);line-height:1.06}
  html[lang="de"] .site-header{gap:13px;padding-left:3vw;padding-right:3vw}
  html[lang="de"] .site-header nav{gap:6px;margin-left:22px}
  html[lang="de"] .site-header nav a{letter-spacing:.025em!important}
  html[lang="zh-CN"] .site-header{gap:14px;padding-left:3.2vw;padding-right:3.2vw}
  html[lang="zh-CN"] .site-header nav{
    flex:1 1 auto;
    justify-content:space-between;
    gap:0;
    margin-left:24px;
    margin-right:24px;
  }
}

@media(max-width:800px){
  html[lang="de"] .hero h1,html[lang="zh-CN"] .hero h1{font-size:clamp(38px,9vw,48px)}
  html[lang="zh-CN"] .hero h1{line-height:1.16}
}
