/* One shared mobile typesetting rule for the website and standalone diagnosis. */
.ja-copy{min-width:0;max-width:100%}
@media(max-width:760px){
  main :is(h1,h2,h3,h4,p,li,dd,dt,label,figcaption,.lead,.sub,.question,.choice-label){word-break:normal!important;line-break:strict;overflow-wrap:break-word;text-wrap:wrap}
  .ja-chunk{display:inline-block;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word;text-indent:0}
  .ja-copy{word-break:normal;text-wrap:wrap}
  main :is(.phrase,.catalog-phrase){display:inline;white-space:normal}
  main :is(.eyebrow,.page-hero__eyebrow){font-size:clamp(1.2rem,5.3vw,1.6rem);letter-spacing:.14em;word-break:normal;overflow-wrap:normal;text-wrap:balance}
  .page-hero__title{font-size:clamp(1.65rem,7.2vw,2rem);letter-spacing:.025em}
  .hero__title{font-size:clamp(1.8rem,8vw,2.35rem);letter-spacing:.02em}
  .hero__title-phrase,.hero__sub-phrase{display:inline!important}
  main .statement{font-size:clamp(1.45rem,6vw,1.8rem);letter-spacing:.025em}
  main .btn{letter-spacing:.025em;gap:.7em}
  main .btn>.ja-copy{flex:0 1 auto}
  main .btn :is(.arw,.arrow){flex:none}
  .agent-flow{grid-template-columns:1fr!important}
  .ja-sub{letter-spacing:.1em}
}

@media(max-width:760px){
 main .page-hero .eyebrow{font-size:1.2rem;letter-spacing:.14em}
 .page-hero__title .ja-chunk{max-width:100%}
 .site-footer .ja-chunk{display:inline-block}
}
@media(max-width:760px){
 main :is(h1,h2,h3,h4){text-wrap:balance!important}
 main .article-hero h1{font-size:clamp(1.45rem,6.4vw,1.75rem);letter-spacing:.025em}
 main .article-body h2{font-size:1.2rem;letter-spacing:.025em}
}