/* Approved canonical selection, 2026-10-18.
   Keep the original FV headline and FAQ; adopt only selected refinements. */
main #features .section-title{font-size:clamp(26px,2.2vw,28px)}
main #features .features-mobile-break{display:none}
main .empathy-section .empathy-mobile-break{display:none}
main .honesty-section .honesty-mobile-break{display:none}
main #consultation .consultation-mobile-break{display:none}
main .belief-section .belief-mobile-break{display:none}
main #agent .agent-mobile-break{display:none}
main .belief-section .belief-mobile-phrase{display:inline}
/* AGENT heading only: retain typography; group its two phrases on SP. */
main #agent #agent-title > .agent-title-phrase{
  display:inline;
  margin:0;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
}
@media(max-width:640px){
  main #agent #agent-title > .agent-title-phrase{display:inline-block;max-width:100%;}
  main #features .features-mobile-break{display:initial}
  main .hero-reference .hero-lead br{display:initial}
  main .empathy-section .empathy-mobile-break{display:initial}
  main .honesty-section .honesty-mobile-break{display:initial}
  main #consultation .consultation-mobile-break{display:initial}
  main .belief-section .belief-mobile-break{display:initial}
  main #agent .agent-mobile-break{display:initial}
  main .belief-section .belief-mobile-phrase{display:inline-block;max-width:100%}
  main .consultation-reminder .cta-banner-title{font-size:clamp(20px,6.4vw,24px)}
  main #introduction .section-title{font-size:clamp(18px,5.6vw,21px)}
  main #line-consultation #closing-consultation-title{font-size:clamp(20px,6.4vw,24px)}
  /* SP only: center these three headings, never their parent or body copy. */
  main #yoshi #yoshi-title,
  main > #purchase-guide #purchase-guide-title,
  main #belief #belief-title{
    text-align:center;
  }
}

/* Narrow-SP editorial breaks only. Keep all canonical typography and spacing. */
main #features > .inner-container > .section-title > br.sp375-heading-break,
main #agent #agent-title > br.sp375-heading-break,
main > #introduction.b2-introduction .b2-intro-bridge-title > br.sp375-heading-break,
main > #introduction.b2-introduction > .inner-container > .section-title > br.sp375-heading-break{
  display:none;
}
@media(max-width:400px){
  main #features > .inner-container > .section-title > br.sp375-heading-break,
  main #agent #agent-title > br.sp375-heading-break,
  main > #introduction.b2-introduction .b2-intro-bridge-title > br.sp375-heading-break,
  main > #introduction.b2-introduction > .inner-container > .section-title > br.sp375-heading-break{
    display:initial;
  }
}