/* Jadiora hero refinement V1 — CSS only, no changes to reports, forms, images or payments. */
/* Remove the relationship-only black header strip, keeping the shared starfield visible. */
body[data-page-mode="relationship"] .topbar{
  background:transparent !important;
  border-bottom-color:transparent !important;
  box-shadow:none !important;
}
/* Maintain the existing starfield; remove the dark tinted surface around the first headline. */
body[data-page-mode="relationship"] .hero{
  background:transparent !important;
}
/* Chinese display type for both homepage modes. No remotely hosted font. */
/* V4: clearly visible champagne-gold / rose / violet / blue text gradient. */
html:lang(zh) body[data-page-mode] .hero h1,
html:lang(zh-CN) body[data-page-mode] .hero h1{
  font-family:"Noto Serif CJK SC","Source Han Serif SC","Microsoft YaHei","PingFang SC","STZhongsong","SimHei",serif !important;
  font-weight:800 !important;
  font-synthesis:weight;
  /* Text clipping fails on some browsers when the original h1 remains flex. */
  display:block !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  letter-spacing:.035em !important;
  line-height:1.14 !important;
  background-image:linear-gradient(105deg,#ffe0a4 0%,#f5add6 37%,#b6a2ff 72%,#9bcafa 100%) !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:#d3b2ff !important;
  text-shadow:none !important;
  filter:drop-shadow(0 5px 12px rgba(19,12,49,.16));
  margin-top:4px !important;
  margin-bottom:2px !important;
  min-height:0 !important;
  height:auto !important;
}
/* Relationship headline on desktop stays single-line when space permits. */
html:lang(zh) body[data-page-mode="relationship"] .hero h1,
html:lang(zh-CN) body[data-page-mode="relationship"] .hero h1{
  font-size:clamp(32px,3.8vw,46px) !important;
}
/* Personal headline is intentionally slightly smaller and wraps naturally. */
html:lang(zh) body[data-page-mode="personal"] .hero h1,
html:lang(zh-CN) body[data-page-mode="personal"] .hero h1{
  max-width:740px !important;
  font-size:clamp(30px,3.5vw,43px) !important;
}
html:lang(zh) body[data-page-mode] .hero-copy,
html:lang(zh-CN) body[data-page-mode] .hero-copy{
  margin-top:0 !important;
  line-height:1.52 !important;
}
@media (max-width:760px){
  html:lang(zh) body[data-page-mode="relationship"] .hero h1,
  html:lang(zh-CN) body[data-page-mode="relationship"] .hero h1{
    font-size:clamp(26px,6.6vw,35px) !important;
  }
  html:lang(zh) body[data-page-mode="personal"] .hero h1,
  html:lang(zh-CN) body[data-page-mode="personal"] .hero h1{
    font-size:clamp(25px,6.4vw,34px) !important;
  }
  html:lang(zh) body[data-page-mode] .hero h1,
  html:lang(zh-CN) body[data-page-mode] .hero h1{
    min-height:0 !important;
    padding:3px 0 !important;
  }
}