/* Shared Japanese heading and mobile typography */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
h1,h2,h3{line-break:strict;word-break:normal;overflow-wrap:break-word;text-wrap:balance}
p{line-break:strict;text-wrap:pretty}
.heading-line{display:block}
.phrase{display:inline-block}
.trafficCard,.modeCard,.linkCard,.mini,.resultCard{min-width:0}
@media(max-width:600px){
  .sectionHead h2{font-size:clamp(25px,6.7vw,34px);line-height:1.45;letter-spacing:-.02em}
  .sectionHead p{font-size:14px;line-height:1.85}
  .hero h1{font-size:clamp(28px,8vw,40px);line-height:1.4;letter-spacing:-.025em}
  .factIntro h3,.finalCta h2{font-size:clamp(25px,6.5vw,32px);line-height:1.45}
  .question,.rouletteTitle{font-size:24px;line-height:1.5}
  .trafficCard b,.linkCard b{line-height:1.55}
  .trafficCard span,.modeCard p,.linkCard span{line-height:1.8}
  .trafficCard{padding:18px 14px}
  .answer h2{font-size:23px;line-height:1.5}
  main.wrap section h2{font-size:26px;line-height:1.45}
  .ctaBox h2{font-size:25px;line-height:1.5}
  .box h1{font-size:clamp(27px,7vw,36px);line-height:1.45}
  .brand small{font-size:10px;line-height:1.6}
}