/* ===== PHG SEO CANONICAL FINAL START ===== */
/* Role:
   - typography scale
   - content rhythm
   - table text scale
   - no visual skin
   - no legacy page-specific hacks
*/

/* ------------------------------
   A. SERVICE PAGES
   landing + pillar
------------------------------ */

.phg-seo-page.phg-seo--pillar h1,
.phg-seo-page.phg-seo--landing h1{
  font-family:var(--phg-font-heading) !important;
  font-weight:600 !important;
  font-size:clamp(2.2rem, 4.2vw, 4rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.03em !important;
  text-wrap:balance;
}

.phg-seo-page.phg-seo--pillar h2,
.phg-seo-page.phg-seo--landing h2{
  font-family:var(--phg-font-heading) !important;
  font-weight:600 !important;
  font-size:clamp(1.7rem, 3vw, 2.5rem) !important;
  line-height:1.06 !important;
  letter-spacing:-.028em !important;
  text-wrap:balance;
}

.phg-seo-page.phg-seo--pillar h3,
.phg-seo-page.phg-seo--landing h3{
  font-family:var(--phg-font-body) !important;
  font-weight:700 !important;
  font-size:clamp(1.15rem, 2vw, 1.45rem) !important;
  line-height:1.22 !important;
}

.phg-seo-page.phg-seo--pillar h4,
.phg-seo-page.phg-seo--landing h4{
  font-size:clamp(1.05rem, 1.55vw, 1.2rem) !important;
  line-height:1.32 !important;
}

.phg-seo-page.phg-seo--pillar p,
.phg-seo-page.phg-seo--pillar li,
.phg-seo-page.phg-seo--landing p,
.phg-seo-page.phg-seo--landing li{
  font-size:16px !important;
  line-height:1.82 !important;
}

.phg-seo-page.phg-seo--pillar .phg-seo-lead,
.phg-seo-page.phg-seo--landing .phg-seo-lead{
  font-size:18px !important;
  line-height:1.8 !important;
  max-width:60ch;
}

.phg-seo-page.phg-seo--pillar .phg-seo-table-wrap,
.phg-seo-page.phg-seo--landing .phg-seo-table-wrap{
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch;
}

.phg-seo-page.phg-seo--pillar table,
.phg-seo-page.phg-seo--landing table{
  min-width:760px !important;
}

.phg-seo-page.phg-seo--pillar th,
.phg-seo-page.phg-seo--landing th{
  font-size:14px !important;
  line-height:1.5 !important;
}

.phg-seo-page.phg-seo--pillar td,
.phg-seo-page.phg-seo--landing td{
  font-size:15px !important;
  line-height:1.7 !important;
}

/* ------------------------------
   B. KNOWLEDGE PAGES
   knowledge article + knowledge index
------------------------------ */

.phg-seo-page.phg-seo--knowledge-article h1,
.phg-seo-page.phg-seo--knowledge-index h1{
  font-family:var(--phg-font-heading);
  font-weight:600;
  font-size:clamp(2rem, 4.8vw, 3rem);
  line-height:1.04;
  letter-spacing:-.03em;
  text-wrap:balance;
}

.phg-seo-page.phg-seo--knowledge-article h2,
.phg-seo-page.phg-seo--knowledge-index h2{
  font-family:var(--phg-font-heading);
  font-weight:600;
  font-size:clamp(1.625rem, 3.2vw, 2.125rem);
  line-height:1.08;
  letter-spacing:-.026em;
  text-wrap:balance;
}

.phg-seo-page.phg-seo--knowledge-article h3,
.phg-seo-page.phg-seo--knowledge-index h3{
  font-family:var(--phg-font-body);
  font-weight:700;
  font-size:clamp(1.2rem, 2.2vw, 1.45rem);
  line-height:1.26;
}

.phg-seo-page.phg-seo--knowledge-article h4,
.phg-seo-page.phg-seo--knowledge-index h4{
  font-size:clamp(1.05rem, 1.6vw, 1.18rem);
  line-height:1.34;
}

.phg-seo-page.phg-seo--knowledge-article p,
.phg-seo-page.phg-seo--knowledge-article li,
.phg-seo-page.phg-seo--knowledge-index p,
.phg-seo-page.phg-seo--knowledge-index li{
  font-size:16px;
  line-height:1.82;
}

.phg-seo-page.phg-seo--knowledge-article .phg-seo-lead,
.phg-seo-page.phg-seo--knowledge-index .phg-seo-lead{
  font-size:18px;
  line-height:1.8;
  max-width:60ch;
}

.phg-seo-page.phg-seo--knowledge-article .phg-seo-table-wrap,
.phg-seo-page.phg-seo--knowledge-index .phg-seo-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.phg-seo-page.phg-seo--knowledge-article table,
.phg-seo-page.phg-seo--knowledge-index table{
  min-width:680px;
}

.phg-seo-page.phg-seo--knowledge-article th,
.phg-seo-page.phg-seo--knowledge-index th{
  font-size:14px;
  line-height:1.5;
}

.phg-seo-page.phg-seo--knowledge-article td,
.phg-seo-page.phg-seo--knowledge-index td{
  font-size:15px;
  line-height:1.7;
}

@media (max-width: 767px){

  .phg-seo-page.phg-seo--pillar h1,
  .phg-seo-page.phg-seo--landing h1{
    font-size:clamp(1.9rem, 7.2vw, 2.35rem) !important;
    line-height:1.08 !important;
  }

  .phg-seo-page.phg-seo--pillar h2,
  .phg-seo-page.phg-seo--landing h2{
    font-size:clamp(1.4rem, 5.6vw, 1.75rem) !important;
    line-height:1.14 !important;
  }

  .phg-seo-page.phg-seo--pillar h3,
  .phg-seo-page.phg-seo--landing h3{
    font-size:clamp(1.08rem, 4.4vw, 1.28rem) !important;
    line-height:1.24 !important;
  }

  .phg-seo-page.phg-seo--pillar p,
  .phg-seo-page.phg-seo--pillar li,
  .phg-seo-page.phg-seo--landing p,
  .phg-seo-page.phg-seo--landing li{
    font-size:15px !important;
    line-height:1.72 !important;
  }

  .phg-seo-page.phg-seo--pillar .phg-seo-lead,
  .phg-seo-page.phg-seo--landing .phg-seo-lead{
    font-size:16px !important;
    line-height:1.72 !important;
  }

  .phg-seo-page.phg-seo--pillar table,
  .phg-seo-page.phg-seo--landing table{
    min-width:640px !important;
  }

  .phg-seo-page.phg-seo--pillar th,
  .phg-seo-page.phg-seo--landing th{
    font-size: 14.5px !important;
  }

  .phg-seo-page.phg-seo--pillar td,
  .phg-seo-page.phg-seo--landing td{
    font-size:14px !important;
    line-height:1.65 !important;
  }

  .phg-seo-page.phg-seo--knowledge-article h1,
  .phg-seo-page.phg-seo--knowledge-index h1{
    font-size:clamp(1.85rem, 7vw, 2.35rem);
    line-height:1.08;
  }

  .phg-seo-page.phg-seo--knowledge-article h2,
  .phg-seo-page.phg-seo--knowledge-index h2{
    font-size:clamp(1.4rem, 5.6vw, 1.75rem);
    line-height:1.14;
  }

  .phg-seo-page.phg-seo--knowledge-article h3,
  .phg-seo-page.phg-seo--knowledge-index h3{
    font-size:clamp(1.08rem, 4.4vw, 1.28rem);
    line-height:1.24;
  }

  .phg-seo-page.phg-seo--knowledge-article p,
  .phg-seo-page.phg-seo--knowledge-article li,
  .phg-seo-page.phg-seo--knowledge-index p,
  .phg-seo-page.phg-seo--knowledge-index li{
    font-size:15px;
    line-height:1.72;
  }

  .phg-seo-page.phg-seo--knowledge-article .phg-seo-lead,
  .phg-seo-page.phg-seo--knowledge-index .phg-seo-lead{
    font-size:16px;
    line-height:1.72;
  }

  .phg-seo-page.phg-seo--knowledge-article table,
  .phg-seo-page.phg-seo--knowledge-index table{
    min-width:560px;
  }

  .phg-seo-page.phg-seo--knowledge-article th,
  .phg-seo-page.phg-seo--knowledge-index th{
    font-size: 14.5px;
  }

  .phg-seo-page.phg-seo--knowledge-article td,
  .phg-seo-page.phg-seo--knowledge-index td{
    font-size:14px;
    line-height:1.65;
  }
}
/* ===== PHG SEO CANONICAL FINAL END ===== */