/* PFAS removal solutions page. Layout and colour only; all type comes from typography.css classes. */
.gh-page.pf-page .pf-wide{max-width:none}
.gh-page.pf-page .pf-para{margin:16px 0 0}
.pf-page .pf-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.pf-page .pf-path{text-decoration:none;color:inherit}
.pf-page .pf-path .gh-body{margin:0}
.pf-page .pf-path .gh-link{margin-top:auto}
.pf-page .gh-card__top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pf-page .gh-card__top .ds-eyebrow{margin:0}
.pf-page .pf-train-title{margin:0 0 24px}
.pf-page .gh-integ .ds-body-large{margin:16px 0 0}
.pf-page .gh-integ__lead .ds-eyebrow{margin:0 0 8px}
#main-content.pf-page .pf-bullets{list-style:disc;margin:24px 0 0;padding:0 0 0 20px;display:grid;gap:8px}
.pf-page .pf-bullets li{color:#334155}
@media(min-width:1024px){.pf-page .gh-integ__lead{position:sticky;top:140px}}
.pf-page .pf-spec{margin:0;display:grid;gap:16px}
.pf-page .pf-spec dt{margin:0 0 4px}
.pf-page .pf-spec dd{margin:0}
#main-content.pf-page .pf-stages{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.pf-page .pf-stages .gh-card--sector{padding:20px;gap:16px}
.pf-page .pf-stages .gh-body{margin:0}
.pf-page .pf-table-wrap{margin-top:32px;overflow-x:auto;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
.pf-page .pf-table{width:100%;min-width:820px;border-collapse:collapse}
.pf-page .pf-table th,.pf-page .pf-table td{padding:18px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;color:#334155}
.pf-page .pf-table thead th{background:#f8fafc;color:#0f172a}
.pf-page .pf-table tbody th{color:#0f172a;width:20%}
.pf-page .pf-table tbody tr:last-child th,.pf-page .pf-table tbody tr:last-child td{border-bottom:0}
.pf-page .pf-table .pf-hi th,.pf-page .pf-table .pf-hi td{background:#f3f9fd}
.pf-page .pf-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.pf-page .pf-apps__col{padding:28px}
.pf-page .pf-apps__col .ds-eyebrow{margin:0 0 8px}
.pf-page .pf-apps__col .gh-title{margin:0 0 20px}
.pf-page .pf-apps__col--hi{border-color:#007cc3;background:#f3f9fd}
#main-content.pf-page .pf-checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pf-page .pf-checks li{position:relative;padding-left:32px;color:#334155}
.pf-page .pf-checks li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background-color:#007cc3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E");background-size:12px 12px;background-position:center;background-repeat:no-repeat}
.pf-page .pf-valid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;padding:40px;border:1px solid #cfe6f5;border-radius:24px;background:#f3f9fd}
.pf-page .pf-valid .ds-eyebrow{margin:0 0 8px}
.pf-page .pf-valid .ds-body-large{margin:0}
.gh-page.pf-page .pf-note{margin:16px 0 0}
.pf-page .pf-inputs{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.pf-page .pf-inputs .ds-body-large{margin:16px 0 0}
#main-content.pf-page .pf-input-list{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:12px}
.pf-page .pf-input-list li{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.pf-page .pf-input-list strong{color:#0f172a}
.pf-page .pf-input-list span{color:#475569}
.pf-page .pf-cta{padding:32px;border-radius:20px;background:#0a2740;color:#fff}
@media(min-width:1024px){.pf-page .pf-cta{position:sticky;top:140px}}
.pf-page .pf-cta .ds-eyebrow{margin:0 0 12px;color:#7dc4ec}
.pf-page .pf-cta .gh-title{margin:0;color:#fff}
.pf-page .pf-cta__actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px}
#main-content.pf-page .pf-btn{display:inline-flex;align-items:center;padding:14px 24px;border-radius:999px;background:#fff;color:#0a2740;text-decoration:none;transition:background-color .2s ease,color .2s ease}
#main-content.pf-page .pf-btn:hover{background:#007cc3;color:#fff}
#main-content.pf-page .pf-cta__link{color:#fff;text-decoration:underline;text-underline-offset:4px}
#main-content.pf-page .pf-cta__link:hover{color:#7dc4ec}
.pf-page .page-banner__title{text-wrap:balance}
@media(max-width:1199px){#main-content.pf-page .pf-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1023px){.pf-page .pf-grid3{grid-template-columns:1fr}.pf-page .pf-apps,.pf-page .pf-valid,.pf-page .pf-inputs{grid-template-columns:1fr}.pf-page .pf-valid{gap:20px;padding:28px}.pf-page .pf-inputs{gap:32px}}
@media(max-width:639px){#main-content.pf-page .pf-stages{grid-template-columns:1fr}.pf-page .pf-apps__col{padding:20px}.pf-page .pf-cta{padding:24px}}
.pf-page .pf-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}
.pf-page .pf-aud{display:block;width:fit-content;padding:4px 12px;border-radius:999px;border:1px solid #b9dcf0;background:#eaf5fc;color:#005691}
#main-content.pf-page .pf-btn--solid{background:#007cc3;color:#fff}
#main-content.pf-page .pf-btn--solid:hover{background:#0a2740;color:#fff}
@media(max-width:1023px){.pf-page .pf-grid2{grid-template-columns:1fr}}
.pf-page .pf-ctaband{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;margin-top:40px;padding:32px 40px;border-radius:20px;background:#0a2740;color:#fff}
.pf-page .pf-ctaband .ds-eyebrow{margin:0 0 8px;color:#7dc4ec}
.pf-page .pf-ctaband .gh-title{margin:0;color:#fff}
#main-content.pf-page .pf-ctaband .pf-btn--solid{flex:none;background:#fff;color:#0a2740}
#main-content.pf-page .pf-ctaband .pf-btn--solid:hover{background:#007cc3;color:#fff}
.pf-page .pf-cta__text{margin:16px 0 0;color:rgba(255,255,255,.85)}
.pf-page .pf-cell-label{display:none}
@media(max-width:759px){
.pf-page .pf-ctaband{flex-direction:column;align-items:flex-start;padding:24px}
#main-content.pf-page .pf-btn{width:100%;justify-content:center;text-align:center}
.pf-page .pf-table-wrap{overflow:visible;border:0;background:transparent;border-radius:0}
.pf-page .pf-table,.pf-page .pf-table tbody,.pf-page .pf-table tr,.pf-page .pf-table th,.pf-page .pf-table td{display:block;min-width:0;width:auto}
.pf-page .pf-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pf-page .pf-table tbody{display:grid;gap:16px}
.pf-page .pf-table tr{border:1px solid #e2e8f0;border-radius:16px;background:#fff;overflow:hidden}
.pf-page .pf-table tr.pf-hi{border-color:#007cc3;background:#f3f9fd}
.pf-page .pf-table tbody th{width:auto;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:transparent}
.pf-page .pf-table td{padding:14px 20px 0;border-bottom:0}
.pf-page .pf-table td:last-child{padding-bottom:18px}
.pf-page .pf-table .pf-hi th,.pf-page .pf-table .pf-hi td{background:transparent}
.pf-page .pf-cell-label{display:block;margin:0 0 4px}
}
