/* =========================================================
   Problem heading fix v1.9.2
   Remove artificial wraps and give headings enough room.
   ========================================================= */
.pf-page :where(h1,h2,h3){
  word-break:normal!important;
  overflow-wrap:normal!important;
  line-break:strict;
  text-wrap:pretty!important;
}

/* FV: no forced two-line spans on problem pages; let width decide naturally. */
.site-unified-hero--problem-focus .home-hero__panel{
  width:min(1040px,78vw)!important;
}
.site-unified-hero--problem-focus .home-hero__panel h1{
  max-width:100%!important;
  width:100%!important;
  font-size:clamp(42px,4.25vw,64px)!important;
  line-height:1.42!important;
  letter-spacing:.018em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:pretty!important;
}

/* Intro headings use the whole row instead of being squeezed beside copy. */
.pf-heading-grid{
  grid-template-columns:1fr!important;
  gap:20px!important;
  align-items:start!important;
}
.pf-heading-grid>div,
.pf-heading-grid>p{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
}
.pf-heading-grid>p{
  max-width:900px!important;
}

/* Section headings: wider and slightly calmer sizing. */
.pf-heading{
  width:100%!important;
  max-width:1180px!important;
}
.pf-heading h2,
.pf-heading-grid h2{
  width:100%!important;
  max-width:none!important;
  font-size:clamp(38px,4.25vw,60px)!important;
  line-height:1.38!important;
  letter-spacing:.005em!important;
}

/* Two-column explanatory sections: prioritize copy width. */
.pf-check-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  gap:clamp(42px,5.5vw,86px)!important;
}
.pf-check-grid>div:first-child{
  min-width:0!important;
}
.pf-check-grid>div:first-child h2{
  width:100%!important;
  max-width:none!important;
  font-size:clamp(38px,4.1vw,58px)!important;
  line-height:1.4!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:pretty!important;
}
.pf-check-grid>div:first-child>p:last-child{
  max-width:68ch!important;
}

/* Clear Link's view: image smaller, heading/copy side wider. */
.pf-note-grid{
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  gap:clamp(38px,5.5vw,82px)!important;
}
.pf-note-grid figure{
  width:100%!important;
  max-width:460px!important;
  justify-self:start!important;
}
.pf-note-grid>div{
  min-width:0!important;
}
.pf-note-grid h2{
  width:100%!important;
  max-width:none!important;
  font-size:clamp(36px,4vw,56px)!important;
  line-height:1.42!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:pretty!important;
}

/* Hub final guidance: give the heading more room than the description. */
.pf-unsure-grid{
  grid-template-columns:minmax(0,1.38fr) minmax(280px,.62fr)!important;
  gap:clamp(42px,5.5vw,84px)!important;
}
.pf-unsure-grid h2{
  width:100%!important;
  max-width:none!important;
  font-size:clamp(38px,4.2vw,58px)!important;
  line-height:1.4!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:pretty!important;
}

/* Card headings should not be forced into awkward Japanese fragments. */
.pf-card h3,
.pf-special-grid h3,
.pf-sign-list h3,
.pf-check-list h3,
.pf-hub-card h3{
  word-break:normal!important;
  overflow-wrap:normal!important;
  line-break:strict;
  text-wrap:pretty!important;
}

@media(max-width:1000px){
  .site-unified-hero--problem-focus .home-hero__panel{
    width:min(920px,86vw)!important;
  }
  .pf-check-grid,
  .pf-note-grid,
  .pf-unsure-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .pf-note-grid figure{
    max-width:520px!important;
  }
}

@media(max-width:820px){
  .site-unified-hero--problem-focus .home-hero__panel{
    width:calc(100vw - 28px)!important;
  }
  .site-unified-hero--problem-focus .home-hero__panel h1{
    font-size:clamp(36px,9.6vw,48px)!important;
    line-height:1.48!important;
  }
  .pf-heading h2,
  .pf-heading-grid h2,
  .pf-check-grid>div:first-child h2,
  .pf-note-grid h2,
  .pf-unsure-grid h2{
    font-size:clamp(32px,8.5vw,43px)!important;
    line-height:1.5!important;
  }
}