/* WebPion 4.7.1 - compact, cache-safe heading system */
.wp4-main h1,
.wp4-main h2,
.wp4-main h3{
  text-wrap:balance;
  overflow-wrap:anywhere;
}

.wp470-tool-hero h1,
.wp4-page-hero h1,
.wp4-story-hero h1,
.wp4-change-hero h1,
.wp-gpto-hero h1,
.wp451-hero-copy h1,
.wp44-prism-intro h1,
.wp-tool-header h1,
.wp455-tool-guide h1{
  line-height:1.02;
  letter-spacing:-.042em;
  color:var(--wp4-text);
}

/* Tool pages: less oversized and wide enough to avoid unnecessary wrapping. */
.wp470-tool-hero h1{
  margin:.42rem 0 0;
  font-size:clamp(1.9rem,3vw,3.1rem);
  max-width:28ch;
}

/* General editorial/page heroes: same compact hierarchy across the site. */
.wp4-page-hero h1{
  font-size:clamp(1.9rem,3.4vw,3.25rem);
  max-width:28ch;
}
.wp4-story-hero h1,
.wp4-change-hero h1{
  font-size:clamp(1.95rem,3.6vw,3.35rem);
  max-width:30ch;
  margin:.25rem auto .75rem;
}
.wp-gpto-hero h1{
  font-size:clamp(1.95rem,3.5vw,3.4rem);
  max-width:27ch;
}
.wp451-hero-copy h1{
  font-size:clamp(2.15rem,4.1vw,4rem);
  max-width:24ch;
}
.wp44-prism-intro h1{
  font-size:clamp(1.95rem,3.35vw,3.35rem);
  max-width:25ch;
}
.wp-tool-header h1,
.wp455-tool-guide h1{
  font-size:clamp(1.75rem,2.8vw,2.45rem);
  max-width:30ch;
}

/* Section headings stay clearly secondary and do not dominate the tool action. */
.wp470-after h2{
  font-size:clamp(1.4rem,2.2vw,2rem);
  line-height:1.08;
}
.wp460-quick h2,
.wp460-catalog h2{
  font-size:clamp(1.45rem,2.35vw,2.1rem);
  line-height:1.08;
}
.wp455-intent-head h2{
  font-size:clamp(1.4rem,2.25vw,2.05rem);
  line-height:1.08;
}
.wp4-section-heading h2{
  font-size:clamp(1.3rem,2.1vw,1.9rem);
  line-height:1.1;
}
.wp4-main h2{line-height:1.12}
.wp4-main h3{line-height:1.18}

/* Restrained WebPion accent: text remains readable, color appears mainly at the end. */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .wp470-tool-hero h1,
  .wp4-page-hero h1,
  .wp4-story-hero h1,
  .wp4-change-hero h1,
  .wp-gpto-hero h1,
  .wp451-hero-copy h1,
  .wp44-prism-intro h1,
  .wp-tool-header h1,
  .wp455-tool-guide h1{
    background:linear-gradient(100deg,var(--wp4-text) 0%,var(--wp4-text) 68%,#75dfff 84%,#c28dff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
  }
  [data-theme="light"] .wp470-tool-hero h1,
  [data-theme="light"] .wp4-page-hero h1,
  [data-theme="light"] .wp4-story-hero h1,
  [data-theme="light"] .wp4-change-hero h1,
  [data-theme="light"] .wp-gpto-hero h1,
  [data-theme="light"] .wp451-hero-copy h1,
  [data-theme="light"] .wp44-prism-intro h1,
  [data-theme="light"] .wp-tool-header h1,
  [data-theme="light"] .wp455-tool-guide h1{
    background-image:linear-gradient(100deg,var(--wp4-text) 0%,var(--wp4-text) 68%,#176aa8 84%,#7046b8 100%);
  }
}

@media(max-width:760px){
  .wp470-tool-hero h1{
    font-size:clamp(1.75rem,7.4vw,2.35rem);
    max-width:none;
    line-height:1.03;
  }
  .wp4-page-hero h1,
  .wp4-story-hero h1,
  .wp4-change-hero h1,
  .wp-gpto-hero h1{
    font-size:clamp(1.75rem,7.8vw,2.5rem);
    max-width:none;
    line-height:1.04;
  }
  .wp451-hero-copy h1{
    font-size:clamp(1.85rem,8.4vw,2.65rem);
    max-width:none;
  }
  .wp44-prism-intro h1,
  .wp-tool-header h1,
  .wp455-tool-guide h1{
    font-size:clamp(1.65rem,7.2vw,2.25rem);
    max-width:none;
  }
}

@media(forced-colors:active){
  .wp470-tool-hero h1,
  .wp4-page-hero h1,
  .wp4-story-hero h1,
  .wp4-change-hero h1,
  .wp-gpto-hero h1,
  .wp451-hero-copy h1,
  .wp44-prism-intro h1,
  .wp-tool-header h1,
  .wp455-tool-guide h1{
    background:none!important;
    color:CanvasText!important;
    -webkit-text-fill-color:CanvasText!important;
  }
}