.hp-master-blog{
  --hp-blue:#009AF6;--hp-blue-dark:#0875B7;--hp-green:#63C006;
  --hp-ink:#122F45;--hp-text:#385164;--hp-muted:#6D8191;
  --hp-line:#DCE7ED;--hp-soft:#F5F9FC;--hp-soft-blue:#EEF8FE;
  --hp-soft-green:#F4FAEE;--hp-navy:#073B62;--hp-white:#FFFFFF;
  --hp-shadow:0 16px 42px rgba(22,61,86,.09);
}
.hp-master-blog main{color:var(--hp-ink);overflow:visible}
.hp-master-blog main .container{width:min(1240px,calc(100% - 40px));margin-inline:auto}

.hp-master-blog .breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 26px;color:#718696;font-size:13px}
.hp-master-blog .breadcrumb a{color:#567083;text-decoration:none}
.hp-master-blog .breadcrumb a:hover{color:var(--hp-blue-dark)}

.hp-master-blog .hero{padding:34px 0 42px;background:linear-gradient(180deg,#F7FBFE 0%,#FFFFFF 100%);border-bottom:1px solid var(--hp-line)}
.hp-master-blog .hero-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr);gap:48px;align-items:center}
.hp-master-blog .eyebrow,.hp-master-blog .section-kicker,.hp-master-blog .block-label{display:block;color:var(--hp-green);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hp-master-blog .hero h1{margin:12px 0 18px;max-width:720px;color:var(--hp-ink);font-size:clamp(2.65rem,4.4vw,4.35rem);line-height:1.03;letter-spacing:-.045em;font-weight:800}
.hp-master-blog .hero h1 span{color:#0B77B8}
.hp-master-blog .hero-deck{max-width:690px;margin:0 0 22px;color:#526B7D;font-size:18px;line-height:1.65}
.hp-master-blog .meta{display:flex;flex-wrap:wrap;gap:8px 20px;color:#708493;font-size:12px;font-weight:600}
.hp-master-blog .meta span+span::before{content:"•";margin-right:20px;color:var(--hp-green)}
.hp-master-blog .hero-media{margin:0;overflow:hidden;max-height:365px;border:1px solid #DFE9EF;border-radius:20px;background:#EAF3F7;box-shadow:var(--hp-shadow)}
.hp-master-blog .hero-media img{display:block;width:100%;height:100%;max-height:365px;object-fit:cover;object-position:center}

.hp-master-blog .article-shell{padding:62px 0 88px;overflow:visible}
.hp-master-blog .article-layout{display:grid;grid-template-columns:245px minmax(0,795px);justify-content:center;gap:64px;align-items:start;overflow:visible}
.hp-master-blog .article-content{min-width:0}
.hp-master-blog .article-content p{margin:0 0 20px;color:var(--hp-text);font-size:17px;line-height:1.78}
.hp-master-blog .article-content .lead{color:#26465B;font-size:19px;line-height:1.75}
.hp-master-blog .article-content h2{margin:10px 0 20px;color:var(--hp-ink);font-size:clamp(1.9rem,2.8vw,2.5rem);line-height:1.16;letter-spacing:-.028em;font-weight:800}
.hp-master-blog .article-content h3{margin:0 0 10px;color:#173D58;font-size:1.35rem;line-height:1.3;font-weight:750}
.hp-master-blog .article-content h4{margin:18px 0 8px;color:#0B659B;font-size:1rem;font-weight:750}
.hp-master-blog .article-content ul{margin:8px 0 20px;padding-left:22px;color:#3A5366}
.hp-master-blog .article-content li{margin:6px 0;line-height:1.6}
.hp-master-blog .article-content section{margin:68px 0;scroll-margin-top:110px}

.hp-master-blog .toc-card{min-width:0;align-self:start}
.hp-master-blog .toc-sticky{position:-webkit-sticky;position:sticky;top:104px;overflow:visible}
.hp-master-blog .toc-label{margin:0 0 12px;color:#8798A5;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.hp-master-blog .toc-card nav{display:flex;flex-direction:column;border-left:1px solid var(--hp-line);padding-left:16px}
.hp-master-blog .toc-card nav a{position:relative;display:block;padding:7px 0;color:#667B8B;font-size:13px;line-height:1.35;text-decoration:none}
.hp-master-blog .toc-card nav a:hover,.hp-master-blog .toc-card nav a.active{color:var(--hp-blue-dark);font-weight:700}
.hp-master-blog .toc-card nav a.active::before{content:"";position:absolute;left:-17px;top:7px;bottom:7px;width:2px;background:var(--hp-blue)}

.hp-master-blog .sidebar-cta{margin-top:24px;padding:18px;border:0;border-radius:14px;background:linear-gradient(145deg,#073B62,#075E94);box-shadow:0 12px 28px rgba(7,59,98,.14)}
.hp-master-blog .sidebar-kicker{display:block;margin-bottom:6px;color:#C9F0AA;font-size:9px;font-weight:850;letter-spacing:.12em}
.hp-master-blog .sidebar-cta strong{display:block;margin:0 0 8px;color:#fff;font-size:14px;line-height:1.42}
.hp-master-blog .sidebar-cta p{margin:0 0 12px;color:#E3EFF6;font-size:11.5px;line-height:1.5}
.hp-master-blog .sidebar-main-cta{display:block;padding:11px 10px;border-radius:8px;background:var(--hp-green);color:#fff!important;font-size:11px;font-weight:800;text-align:center;text-decoration:none}
.hp-master-blog .sidebar-main-cta:hover{background:#70D00C}
.hp-master-blog .sidebar-phone,.hp-master-blog .sidebar-phone:link,.hp-master-blog .sidebar-phone:visited,.hp-master-blog .sidebar-phone:hover,.hp-master-blog .sidebar-phone:focus{display:block;margin-top:10px;color:#fff!important;font-size:11.5px;font-weight:750;text-align:center;text-decoration:none}

.hp-master-blog .question-pull{margin:34px 0;padding:22px 24px;border-left:4px solid var(--hp-green);border-radius:0 14px 14px 0;background:#F7FBF4}
.hp-master-blog .question-pull span{display:block;margin-bottom:6px;color:#7A8E71;font-size:12px}
.hp-master-blog .question-pull strong{display:block;color:#213F52;font-size:18px;line-height:1.55}

.hp-master-blog .quick-answer{display:grid;grid-template-columns:44px 1fr;gap:16px;margin:38px 0 48px;padding:24px 26px;border:1px solid #CDEAF9;border-radius:16px;background:var(--hp-soft-blue)}
.hp-master-blog .qa-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--hp-blue);color:#fff;font-size:18px;font-weight:850}
.hp-master-blog .quick-answer h2{margin:4px 0 8px;font-size:1.45rem}
.hp-master-blog .quick-answer p{margin:0 0 8px;font-size:15px;line-height:1.65}

.hp-master-blog .symptom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.hp-master-blog .symptom-grid>div{min-width:0;padding:17px 18px;border:1px solid var(--hp-line);border-radius:13px;background:#fff}
.hp-master-blog .symptom-grid b{display:block;margin-bottom:5px;color:var(--hp-blue);font-size:10px;letter-spacing:.1em}
.hp-master-blog .symptom-grid strong{display:block;color:#173C57;font-size:15px}
.hp-master-blog .symptom-grid span{display:block;margin-top:4px;color:#738694;font-size:12px;line-height:1.45}

.hp-master-blog .wide-figure{margin:48px -52px 64px}
.hp-master-blog .wide-figure img{display:block;width:100%;height:auto;border:1px solid var(--hp-line);border-radius:18px;background:#F4F8FA;box-shadow:var(--hp-shadow)}
.hp-master-blog .wide-figure figcaption{max-width:800px;margin:11px auto 0;padding:0 18px;color:#728694;font-size:12px;line-height:1.55;text-align:center}

.hp-master-blog .issue{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:28px 0;border-top:1px solid var(--hp-line)}
.hp-master-blog .issue-no{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#EAF7FF;color:#0878B8;font-size:11px;font-weight:850}
.hp-master-blog .issue p{font-size:16px;line-height:1.72}
.hp-master-blog .issue ul{columns:2;column-gap:30px;font-size:15px}

.hp-master-blog .insight{margin:8px 0 30px;padding:20px 22px;border:1px solid #D8ECC8;border-radius:14px;background:var(--hp-soft-green)}
.hp-master-blog .insight span{display:block;margin-bottom:5px;color:#4E9407;font-size:10px;font-weight:850;letter-spacing:.12em}
.hp-master-blog .insight p{margin:0;color:#38533A;font-size:15px;line-height:1.65}

.hp-master-blog .table-wrap{overflow-x:auto;border:1px solid var(--hp-line);border-radius:14px;background:#fff}
.hp-master-blog .table-wrap table{width:100%;min-width:700px;border-collapse:collapse;font-size:13px}
.hp-master-blog .table-wrap th,.hp-master-blog .table-wrap td{padding:14px 16px;border-bottom:1px solid var(--hp-line);text-align:left;vertical-align:top}
.hp-master-blog .table-wrap th{background:#0B6EA8;color:#fff;font-size:11px;letter-spacing:.035em}
.hp-master-blog .table-wrap tbody tr:nth-child(even){background:#F8FBFD}
.hp-master-blog .table-wrap tbody tr:last-child td{border-bottom:0}

.hp-master-blog .process-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:26px}
.hp-master-blog .process-flow>div{min-width:0;padding:14px 8px;border:1px solid var(--hp-line);border-radius:12px;background:#fff;text-align:center}
.hp-master-blog .process-flow b{display:block;color:var(--hp-blue);font-size:10px}
.hp-master-blog .process-flow span{display:block;margin-top:3px;color:#29495E;font-size:12px;font-weight:800}
.hp-master-blog .process-flow small{display:block;margin-top:4px;color:#778997;font-size:10px;line-height:1.35}
.hp-master-blog .process-flow i{color:var(--hp-green);font-style:normal;font-weight:900}

.hp-master-blog .mid-cta,.hp-master-blog .final-cta{overflow:hidden;padding:36px 38px;border-radius:20px;background:linear-gradient(145deg,#073B62,#075C91);color:#fff;box-shadow:0 16px 36px rgba(7,59,98,.12)}
.hp-master-blog .final-cta{background:linear-gradient(145deg,#008FD9,#0872B2)}
.hp-master-blog .mid-cta .section-kicker,.hp-master-blog .final-cta .section-kicker{color:#C7F2A4}
.hp-master-blog .mid-cta h2,.hp-master-blog .final-cta h2{margin-top:8px;color:#fff}
.hp-master-blog .mid-cta p,.hp-master-blog .final-cta p{max-width:700px;color:#E5F0F6}
.hp-master-blog .hp-article-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin-top:4px;padding:13px 18px;border:0;border-radius:9px;background:var(--hp-green);color:#fff!important;font-size:13px;font-weight:800;text-decoration:none;box-shadow:none}
.hp-master-blog .hp-article-button:hover{background:#72D00F}
.hp-master-blog .hp-article-button-light{background:#fff;color:#0872AE!important}

.hp-master-blog .audit-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.hp-master-blog .audit-steps>div{padding:19px;border:1px solid var(--hp-line);border-radius:13px;background:#fff}
.hp-master-blog .audit-steps>div:last-child{grid-column:1/-1;background:#F7FBFD}
.hp-master-blog .audit-steps b{color:var(--hp-green);font-size:10px;letter-spacing:.1em}
.hp-master-blog .audit-steps h3{margin:5px 0 6px;font-size:15px}
.hp-master-blog .audit-steps p{margin:0;color:#647887;font-size:13px;line-height:1.55}

.hp-master-blog .decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}
.hp-master-blog .decision-grid>div{min-width:0;padding:16px;border:1px solid var(--hp-line);border-radius:12px;background:#fff}
.hp-master-blog .decision-grid span{display:block;color:var(--hp-green);font-size:9px;font-weight:850;letter-spacing:.1em}
.hp-master-blog .decision-grid strong{display:block;margin-top:4px;color:#28475C;font-size:13px;line-height:1.45}
.hp-master-blog .big-quote{margin:28px 0 0;padding:22px 25px;border-left:4px solid var(--hp-blue);border-radius:0 13px 13px 0;background:#F5F9FC;color:#29485E;font-size:17px;line-height:1.6}

.hp-master-blog .local-section{padding:28px;border:1px solid #D7EAF4;border-radius:16px;background:linear-gradient(135deg,#F5FBFE,#F8FDF5)}

.hp-master-blog .faq-item{border-top:1px solid var(--hp-line)}
.hp-master-blog .faq-item:last-child{border-bottom:1px solid var(--hp-line)}
.hp-master-blog .faq-item summary{position:relative;cursor:pointer;list-style:none;padding:18px 40px 18px 0;color:#173D58;font-size:15px;font-weight:750}
.hp-master-blog .faq-item summary::-webkit-details-marker{display:none}
.hp-master-blog .faq-item summary::after{content:"+";position:absolute;right:4px;top:13px;color:var(--hp-blue);font-size:22px;font-weight:400}
.hp-master-blog .faq-item[open] summary::after{content:"−"}
.hp-master-blog .faq-answer{padding:0 30px 16px 0}
.hp-master-blog .faq-answer p{margin:0;font-size:14.5px;line-height:1.65}

.hp-master-blog .service-grid,.hp-master-blog .related-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hp-master-blog .service-grid a,.hp-master-blog .related-articles-grid>a{display:block;min-width:0;padding:19px;border:1px solid var(--hp-line);border-radius:13px;background:#fff;color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.hp-master-blog .service-grid a:hover,.hp-master-blog .related-articles-grid>a:hover{transform:translateY(-3px);border-color:#AFDDF5;box-shadow:0 12px 28px rgba(24,75,105,.07)}
.hp-master-blog .service-grid span,.hp-master-blog .related-articles-grid span{display:block;color:#5E9E12;font-size:9px;font-weight:850;letter-spacing:.075em}
.hp-master-blog .service-grid h3,.hp-master-blog .related-articles-grid h3{margin:7px 0;font-size:15px;line-height:1.4}
.hp-master-blog .service-grid p,.hp-master-blog .related-articles-grid p{margin:0 0 11px;color:#6C7F8E;font-size:12.5px;line-height:1.55}
.hp-master-blog .service-grid b,.hp-master-blog .related-articles-grid b{color:#0878B8;font-size:11px}
.hp-master-blog .related-articles-end{margin:68px 0}

@media(max-width:1100px){
  .hp-master-blog .hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:30px}
  .hp-master-blog .article-layout{grid-template-columns:220px minmax(0,720px);gap:38px}
  .hp-master-blog .wide-figure{margin-left:-20px;margin-right:-20px}
}
@media(max-width:850px){
  .hp-master-blog main .container{width:min(100% - 30px,1240px)}
  .hp-master-blog .hero-grid{grid-template-columns:1fr}
  .hp-master-blog .hero-media{max-height:none;aspect-ratio:16/9}
  .hp-master-blog .hero-media img{max-height:none}
  .hp-master-blog .article-layout{display:block}
  .hp-master-blog .toc-card{margin-bottom:32px}
  .hp-master-blog .toc-sticky{position:static}
  .hp-master-blog .toc-card nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:12px 0 0;border-top:1px solid var(--hp-line);border-left:0}
  .hp-master-blog .toc-card nav a.active::before{display:none}
  .hp-master-blog .sidebar-cta{margin-top:18px}
  .hp-master-blog .wide-figure{margin-left:0;margin-right:0}
  .hp-master-blog .issue ul{columns:1}
  .hp-master-blog .service-grid,.hp-master-blog .related-articles-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .hp-master-blog main .container{width:calc(100% - 24px)}
  .hp-master-blog .hero{padding:24px 0 30px}
  .hp-master-blog .hero h1{font-size:clamp(2.05rem,10vw,3rem)}
  .hp-master-blog .hero-deck{font-size:16px}
  .hp-master-blog .meta span+span::before{display:none}
  .hp-master-blog .meta{gap:6px 14px}
  .hp-master-blog .article-shell{padding:42px 0 66px}
  .hp-master-blog .toc-card nav{grid-template-columns:1fr}
  .hp-master-blog .quick-answer{grid-template-columns:1fr;padding:20px}
  .hp-master-blog .qa-icon{width:38px;height:38px}
  .hp-master-blog .article-content p{font-size:16px}
  .hp-master-blog .article-content .lead{font-size:17px}
  .hp-master-blog .article-content section{margin:52px 0}
  .hp-master-blog .symptom-grid{grid-template-columns:1fr}
  .hp-master-blog .issue{grid-template-columns:40px minmax(0,1fr);gap:10px}
  .hp-master-blog .issue-no{width:34px;height:34px}
  .hp-master-blog .process-flow{grid-template-columns:1fr}
  .hp-master-blog .process-flow i{transform:rotate(90deg);text-align:center}
  .hp-master-blog .mid-cta,.hp-master-blog .final-cta{padding:26px 22px;border-radius:16px}
  .hp-master-blog .audit-steps{grid-template-columns:1fr}
  .hp-master-blog .audit-steps>div:last-child{grid-column:auto}
  .hp-master-blog .decision-grid{grid-template-columns:1fr 1fr}
  .hp-master-blog .local-section{padding:21px}
}
@media(max-width:390px){.hp-master-blog .decision-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hp-master-blog *{scroll-behavior:auto!important;transition:none!important}}


/* ==========================================================================
   FINAL GLOBAL-STYLESHEET CONFLICT FIXES
   These explicitly neutralize homepage/global component rules that share
   generic class names with the article design.
   ========================================================================== */

.hp-master-blog .hero{
  position:relative;
  overflow:hidden;
}
.hp-master-blog .hero::before{
  display:none !important;
}
.hp-master-blog .hero-grid{
  min-height:0 !important;
}
.hp-master-blog .hero-copy{
  padding-bottom:0 !important;
}

/* The global website uses .final-cta for a full-height homepage banner.
   The blog CTA is a compact article component, so reset those inherited rules. */
.hp-master-blog .final-cta{
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.hp-master-blog .final-cta::before,
.hp-master-blog .final-cta::after{
  display:none !important;
  content:none !important;
}
.hp-master-blog .final-cta > img,
.hp-master-blog .final-cta .cta-gradient{
  display:none !important;
}

/* Prevent global section/button rules from altering article components. */
.hp-master-blog .article-content .mid-cta h2,
.hp-master-blog .article-content .final-cta h2{
  font-size:clamp(1.9rem,2.8vw,2.5rem) !important;
  line-height:1.16 !important;
  letter-spacing:-.028em !important;
}
.hp-master-blog .article-content .mid-cta p,
.hp-master-blog .article-content .final-cta p{
  margin-bottom:20px;
}
.hp-master-blog .article-content .hp-article-button{
  width:auto !important;
  transform:none !important;
}

/* Keep the left navigation stable inside the article grid. */
.hp-master-blog .article-shell,
.hp-master-blog .article-layout,
.hp-master-blog .toc-card{
  overflow:visible !important;
}
.hp-master-blog .toc-sticky{
  contain:none !important;
  transform:none !important;
}

/* Keep media and cards from inheriting generic page effects. */
.hp-master-blog .wide-figure,
.hp-master-blog .hero-media,
.hp-master-blog .symptom-grid > div,
.hp-master-blog .audit-steps > div,
.hp-master-blog .decision-grid > div,
.hp-master-blog .service-grid > a,
.hp-master-blog .related-articles-grid > a{
  box-sizing:border-box;
}


/* ==========================================================================
   ARTICLE 02 - HIGH COD
   ========================================================================== */
.hp-master-blog .article-overview{
  margin:44px 0 56px;
  padding:22px;
  border:1px solid var(--hp-line);
  border-radius:14px;
  background:#FAFCFD;
}
.hp-master-blog .overview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 18px;
  margin-top:14px;
}
.hp-master-blog .overview-grid span{
  position:relative;
  padding-left:16px;
  color:#4C6476;
  font-size:13px;
  line-height:1.5;
}
.hp-master-blog .overview-grid span::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--hp-green);
}
.hp-master-blog .process-chain{
  margin:24px 0;
  padding:14px 16px;
  border:1px solid #D4EAF6;
  border-radius:12px;
  background:#F2FAFE;
  color:#1B587F;
  font-size:14px;
  line-height:1.55;
  text-align:center;
}
.hp-master-blog .formula-box{
  margin:20px 0;
  padding:18px 20px;
  border-left:4px solid var(--hp-blue);
  border-radius:0 12px 12px 0;
  background:#F2F9FD;
  color:#123F5F;
  font-size:17px;
  font-weight:800;
}
.hp-master-blog .article-section{
  margin:68px 0;
}
.hp-master-blog .article-section > .section-body > p:first-child{
  margin-top:0;
}
.hp-master-blog .article-section > h2{
  margin-top:0;
}
.hp-master-blog .infographic-figure img{
  object-fit:contain;
}
.hp-master-blog .insight-heading{
  margin-top:22px!important;
  padding:18px 20px;
  border:1px solid #D8ECC8;
  border-radius:13px 13px 0 0;
  background:var(--hp-soft-green);
  color:#3F7E04!important;
}
@media(max-width:600px){
  .hp-master-blog .overview-grid{grid-template-columns:1fr}
  .hp-master-blog .formula-box{font-size:15px}
}


/* ==========================================================================
   ARTICLE 03 - ETP REVAMPING CHECKLIST
   ========================================================================== */
.hp-master-blog .article-section h3{
  margin-top:28px;
}
.hp-master-blog .article-section .section-body > h3:first-child{
  margin-top:10px;
}
.hp-master-blog .article-section .section-body > h4{
  margin-top:22px;
}
.hp-master-blog .article-section .section-body > .process-chain{
  margin-top:18px;
}
.hp-master-blog .article-section .section-body > .table-wrap{
  margin-top:20px;
}
.hp-master-blog .article-section ul li::marker{
  color:var(--hp-green);
}
.hp-master-blog .article-section p strong{
  color:#183E59;
}
.hp-master-blog #complete-etp-revamping-checklist .section-body h3{
  padding-top:14px;
  border-top:1px solid var(--hp-line);
}
.hp-master-blog #complete-etp-revamping-checklist .section-body h3:first-child{
  border-top:0;
}


/* ==========================================================================
   ARTICLE 04 - STP SMELL PROBLEM
   ========================================================================== */
.hp-master-blog .article-section .section-body > p:first-child{margin-top:0}
.hp-master-blog .article-section .section-body > h3{margin-top:28px}
.hp-master-blog .article-section .section-body > h4{margin-top:22px}
.hp-master-blog #stp-smell-troubleshooting-table .table-wrap{margin-top:18px}
.hp-master-blog #what-should-you-check-first-when-an-stp-smells .section-body h3{
  padding-top:14px;
  border-top:1px solid var(--hp-line);
}
.hp-master-blog #what-should-you-check-first-when-an-stp-smells .section-body h3:first-child{border-top:0}


/* ==========================================================================
   ARTICLE 05 - ONLINE WASTEWATER MONITORING / OCEMS
   ========================================================================== */
.hp-master-blog #regulatory-monitoring-vs-process-monitoring .table-wrap{margin-top:18px}
.hp-master-blog #what-should-an-industry-check-before-buying-an-online-monitoring-system .section-body h3{
  margin-top:26px;
  padding-top:14px;
  border-top:1px solid var(--hp-line);
}
.hp-master-blog #what-should-an-industry-check-before-buying-an-online-monitoring-system .section-body h3:first-child{
  border-top:0;
  padding-top:0;
}
.hp-master-blog #online-wastewater-monitoring-checklist .section-body h3{
  margin-top:22px;
}
.hp-master-blog #online-wastewater-monitoring-checklist ul{
  list-style:none;
  padding-left:0;
}
.hp-master-blog #online-wastewater-monitoring-checklist li{
  padding:8px 0;
  border-bottom:1px solid #E7EEF2;
}
.hp-master-blog #online-wastewater-monitoring-checklist li:last-child{border-bottom:0}

/* ARTICLE 06 - OCEMS MAHARASHTRA */
.hp-master-blog #ocems-vs-cems-what-is-the-difference .section-body h3{margin-top:26px}.hp-master-blog #how-does-an-ocems-system-work .section-body h3{margin-top:24px;padding-top:12px;border-top:1px solid var(--hp-line)}.hp-master-blog #how-does-an-ocems-system-work .section-body h3:first-child{border-top:0;padding-top:0}.hp-master-blog #what-should-you-ask-an-ocems-supplier .section-body h3,.hp-master-blog #maharashtra-industry-ocems-checklist .section-body h3{margin-top:24px}.hp-master-blog #maharashtra-industry-ocems-checklist ul{list-style:none;padding-left:0}.hp-master-blog #maharashtra-industry-ocems-checklist li{padding:7px 0;border-bottom:1px solid #E7EEF2}.hp-master-blog #maharashtra-industry-ocems-checklist li:last-child{border-bottom:0}


/* HYDROPURE FINAL BLOG QC OVERRIDES */
.site-header{position:sticky!important;top:0!important;z-index:1200!important;background:rgba(255,255,255,.90)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;backdrop-filter:blur(18px) saturate(150%)!important;border-bottom:1px solid rgba(15,23,32,.10)!important;box-shadow:0 8px 28px rgba(15,23,32,.06)!important}
section[id],div[id]{scroll-margin-top:110px}
.header-cta,.mobile-quote{white-space:nowrap!important}
.footer .social-icons a svg,.footer .social-icons a svg path{fill:currentColor!important}
.footer .social-icons a:hover,.footer .social-icons a:focus-visible{background:#fff!important;color:#009AF6!important;outline:2px solid rgba(255,255,255,.55)!important;outline-offset:2px!important}
.footer .social-icons a:hover svg,.footer .social-icons a:hover svg path,.footer .social-icons a:focus-visible svg,.footer .social-icons a:focus-visible svg path{fill:#009AF6!important;color:#009AF6!important}