/* =========================================================
   Clear Link v1.10.13 — iPhone SE2 baseline mobile typography
   Mobile only. Desktop (>=821px) is intentionally untouched.
   User-saved mobile heading overrides from Site Core are injected later
   and therefore remain higher priority than these automatic defaults.
   ========================================================= */
@media (max-width: 820px){
  :root{
    --cl-m-body: clamp(14px, 3.75vw, 15px);
    --cl-m-small: clamp(12px, 3.25vw, 13px);
    --cl-m-h1: clamp(30px, 8.25vw, 36px);
    --cl-m-h2: clamp(27px, 7.6vw, 34px);
    --cl-m-h3: clamp(19px, 5.4vw, 24px);
    --cl-m-h4: clamp(17px, 4.8vw, 21px);
  }

  /* Natural Japanese wrapping. PC <br> remains stored and active on desktop. */
  main :is(h1,h2,h3,h4,h5,h6),
  .home-hero__panel :is(h1,h2,h3),
  .site-unified-hero .home-hero__panel :is(h1,h2,h3){
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    line-break:strict!important;
    text-wrap:pretty!important;
    hyphens:none!important;
  }
  @supports (word-break:auto-phrase){
    main :is(h1,h2,h3,h4,h5,h6),
    .home-hero__panel :is(h1,h2,h3),
    .site-unified-hero .home-hero__panel :is(h1,h2,h3){word-break:auto-phrase!important}
  }

  /* iPhone SE2 (375 CSS px) lands around 31 / 28.5 / 20px. */
  .home-hero__panel h1,
  .site-unified-hero .home-hero__panel h1,
  main h1{
    font-size:var(--cl-m-h1)!important;
    line-height:1.38!important;
  }
  main :where(
    h2,.section-title h2,.home-editorial-title,
    .sf-heading h2,.sf-heading-grid h2,
    .pf-heading h2,.pf-heading-grid h2,.pf-check-grid>div:first-child h2,.pf-note-grid h2,.pf-unsure-grid h2,
    .cf-heading h2,.cf-intro h2,.cf-note h2,.cf-visual h2,.cf-budget h2,.cf-insurance h2,.cf-alert h2,
    .af-heading h2,.af-story-section h2,.af-rep-mission h2,
    .fq-intro h2,.fq-group__heading h2,.fq-contact h2,
    .column-focus__intro h2,.cl-final-cta h2,.ftc-heading h2
  ){
    font-size:var(--cl-m-h2)!important;
    line-height:1.44!important;
  }
  main :where(
    h3,.sf-card h3,.sf-card--scope h3,.pf-card h3,.pf-special-grid article h3,
    .cf-card h3,.cf-menu-card h3,.cf-programs h3,
    .af-card h3,.column-guide-card h3,.column-category-card h3,
    .fq-list summary strong
  ){
    font-size:var(--cl-m-h3)!important;
    line-height:1.5!important;
  }
  main h4{font-size:var(--cl-m-h4)!important;line-height:1.55!important}

  /* Reading copy: 14px at 375px, avoiding the overly-small 12–13px feel. */
  main :where(p,li,dd,figcaption),
  .entry-content,
  .sf-card p,.pf-card p,.cf-card p,.af-card p,
  .fq-answer p,.column-guide-card p{
    font-size:var(--cl-m-body)!important;
    line-height:1.88!important;
  }
  main :where(small,.section-kicker,.section-title__en,.sf-kicker,.pf-kicker,.cf-kicker,.af-kicker,.fq-kicker){
    font-size:10px!important;
    line-height:1.45!important;
  }

  /* Links/buttons stay tappable without becoming oversized. */
  main :where(.arrow-link,.cl-final-cta__button,.sf-next a,.pf-next a,.cf-next a,.af-next a,.ftc-next a){
    font-size:clamp(12px,3.45vw,14px)!important;
    line-height:1.55!important;
  }

  /* Numeric counter/arrows are removed from markup. Keep the remaining
     dots + pause compact and visually quiet. */
  .home-hero__controls,.site-unified-hero .home-hero__controls{
    width:auto!important;
    left:auto!important;
    right:var(--cl-mobile-gutter,16px)!important;
    justify-content:flex-end!important;
    padding:6px 8px!important;
    gap:5px!important;
  }
  .home-hero__dots{display:flex!important;gap:2px!important}
  .home-hero__dots button{width:14px!important;height:24px!important}
  .home-hero__dots button i{width:8px!important}
  .home-hero__dots button.is-active i{width:13px!important}
  .home-hero__pause{width:26px!important;height:26px!important}
}

/* SE2 / compact iPhone refinement. */
@media (max-width: 390px){
  :root{
    --cl-mobile-gutter:14px;
    --cl-m-h1:30px;
    --cl-m-h2:28px;
    --cl-m-h3:20px;
    --cl-m-h4:17px;
    --cl-m-body:14px;
  }
  .home-hero__panel,.site-unified-hero .home-hero__panel{padding:20px 16px 18px!important}
  .home-hero__lead,.site-unified-hero .home-hero__lead{font-size:13px!important;line-height:1.82!important}
  .home-hero__script,.site-unified-hero .home-hero__script{font-size:11px!important}
}

@media (min-width:821px){
  /* Intentionally empty: no PC typography/line-break changes in this release. */
}

/* v1.10.14: FV visual controls removed sitewide. */
.home-hero__controls,[data-hero-controls]{display:none!important;}
