:root{--navy:#0F2B46;--navy2:#173a5c;--orange:#F06A1D;--panel:#E8F2FA;--water:#2F7FC1;--amber:#FFB020;--ink:#14202B;--text:#26323d;--mute:#5d6b78;--line:#d8e2ea;--white:#fff;--soil:#d9cbb3}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--text);font:400 18px/1.6 "Source Sans 3",system-ui,sans-serif;font-variant-numeric:tabular-nums}
img{max-width:100%;height:auto;display:block}
a{color:var(--water)}
h1,h2,h3{font-family:"Barlow",system-ui,sans-serif;font-weight:800;color:var(--navy);line-height:1.1;margin:0}
.pa-skip{position:absolute;left:-999px}.pa-skip:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:9}
.pa-wrap{max-width:1220px;margin:0 auto;padding:0 20px}
.pa-kick{font:700 13px/1.2 "Barlow";letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin:0 0 8px}
/* utility bar: public emergency numbers only */
.pa-util{background:var(--navy);color:#cfe0ef;font-size:13.5px}
.pa-urow{display:flex;justify-content:space-between;gap:6px 20px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}
.pa-util b{color:var(--amber);font-weight:700}
.pa-mast{background:var(--white);border-bottom:4px solid var(--orange)}
.pa-mrow{display:flex;align-items:center;gap:24px;padding-top:14px;padding-bottom:14px}
.pa-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);font:700 25px/1 "Barlow";flex:none}
.pa-logo b{font-weight:800}
.pa-logo small{display:block;font:400 13px/1.3 "Source Sans 3";color:var(--mute);margin-top:4px;max-width:30ch}
.pa-logo svg{width:42px;height:42px;flex:none}.pa-logo svg rect{fill:var(--navy)}.pa-logo svg path{fill:none;stroke:var(--orange);stroke-width:4.5}
.pa-logo.pa-light{color:#fff}.pa-logo.pa-light svg rect{fill:#fff}
.pa-nav{display:flex;flex-wrap:wrap;gap:2px;margin-left:auto;max-width:100%;justify-content:flex-end}
.pa-nav::-webkit-scrollbar{display:none}
.pa-nav a{font:700 15px/1 "Barlow";color:var(--navy);text-decoration:none;padding:15px 12px;min-height:44px;border-radius:4px;white-space:nowrap}
.pa-nav a:hover{background:var(--panel)}.pa-nav a.pa-on{background:var(--navy);color:#fff}
@media (max-width:980px){.pa-mrow{flex-direction:column;align-items:flex-start;gap:10px}.pa-nav{margin:0;width:100%;justify-content:flex-start}}
/* home */
.pa-home{padding-top:26px;padding-bottom:80px}
.pa-hero{background:var(--navy);color:#fff;border-radius:8px;padding:34px 34px 30px}
.pa-hero h1{color:#fff;font-size:clamp(38px,5vw,60px)}
.pa-hero p{font-size:19px;max-width:56ch;margin:12px 0 0;color:#d9e6f2}
.pa-ptiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:18px}
.pa-ptile{display:block;text-decoration:none;background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.pa-ptile figure{margin:0;aspect-ratio:4/3;overflow:hidden}.pa-ptile img{width:100%;height:100%;object-fit:cover}
.pa-ptile b{display:block;font:800 18px/1.15 "Barlow";color:var(--navy);padding:12px 14px;border-top:4px solid var(--orange)}
.pa-ptile:hover b{background:var(--panel)}
@media (max-width:980px){.pa-ptiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.pa-ptiles{grid-template-columns:1fr 1fr;gap:10px}.pa-hero{padding:24px 20px}}
/* signature: whose pipe is it */
.pa-pipes{margin:46px 0 0;background:var(--panel);border-radius:8px;padding:24px}
.pa-pipes.pa-compact{margin:30px 0;padding:16px}
.pa-wp{font-size:clamp(24px,3vw,32px);margin-bottom:14px}
.pa-block{width:100%;height:auto;background:#fff;border-radius:6px}
.pa-block .pa-sky{fill:#f4f8fb}.pa-block .pa-soil{fill:var(--soil)}
.pa-block .pa-house{fill:#fff;stroke:var(--navy);stroke-width:3}.pa-block .pa-door{fill:var(--navy)}
.pa-block .pa-tank{fill:#dfe9f2;stroke:var(--navy);stroke-width:2}
.pa-block .pa-fence{stroke:#8a7a62;stroke-width:3;stroke-dasharray:6 4}
.pa-block .pa-pipe{fill:none;stroke:#8a5a2b;stroke-width:9;stroke-linecap:round}
.pa-block .pa-pipe.pa-main{stroke:#5d3c1d;stroke-width:13}.pa-block .pa-pipe.pa-thin{stroke-width:6}
.pa-block .pa-water{fill:none;stroke:var(--water);stroke-width:5}
.pa-block .pa-split{stroke:var(--navy);stroke-width:2;stroke-dasharray:4 4}
.pa-block .pa-lbl{font:600 13px "Source Sans 3";fill:var(--navy)}.pa-block .pa-short{display:none}
.pa-block .pa-hot{cursor:pointer}
.pa-block .pa-dot{fill:var(--orange);stroke:#fff;stroke-width:3}
.pa-block .pa-num{font:800 15px "Barlow";fill:#fff;pointer-events:none}
.pa-block .pa-hot.pa-on .pa-dot{fill:var(--navy)}
.pa-block .pa-hot:focus{outline:none}.pa-block .pa-hot:focus .pa-dot{stroke:var(--amber);stroke-width:5}
.pa-parts{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pa-parts li{background:#fff;border:1px solid var(--line);border-radius:6px}
.pa-parts button{all:unset;cursor:pointer;display:block;width:100%;box-sizing:border-box;padding:10px 12px;font:700 16px/1.3 "Barlow";color:var(--navy)}
.pa-parts button b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--orange);color:#fff;font-size:13px;margin-right:6px}
.pa-parts .pa-ans{display:none;padding:0 12px 10px;font-size:16px}.pa-parts .pa-ans p{margin:6px 0}
.pa-parts li.pa-on{border-color:var(--navy);grid-column:1/-1}.pa-parts li.pa-on .pa-ans{display:block}
.pa-parts li.pa-on button b{background:var(--navy)}
.pa-pipes .pa-note{font-size:13.5px;color:var(--mute);margin:12px 0 0}
@media (max-width:640px){.pa-parts{grid-template-columns:1fr}.pa-block .pa-lbl{font-size:30px}.pa-block .pa-long{display:none}.pa-block .pa-short{display:inline}}
.pa-costs{margin-top:46px}
.pa-sh{font-size:clamp(26px,3vw,34px);margin-bottom:14px}
.pa-crows{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pa-crow{display:block;text-decoration:none;border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:6px;padding:14px 16px}
.pa-crow b{display:block;font:800 19px/1.2 "Barlow";color:var(--navy)}.pa-crow span{font-size:15px;color:var(--mute)}
.pa-crow:hover{background:var(--panel)}
@media (max-width:860px){.pa-crows{grid-template-columns:1fr}}
/* answer pages */
.pa-page{padding-top:18px;padding-bottom:80px}
.pa-crumbs{font-size:14px;color:var(--mute)}.pa-crumbs a{color:var(--mute)}
.pa-titleblock{text-align:center;max-width:860px;margin:18px auto 22px}
.pa-titleblock h1{font-size:clamp(32px,4.6vw,50px)}
.pa-titleblock .pa-meta{color:var(--mute);font-size:14.5px;margin:10px 0 0}
.pa-cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
@media (max-width:1000px){.pa-cols{grid-template-columns:1fr}}
.pa-pic{margin:0 0 20px}.pa-pic img{width:100%;border-radius:6px;aspect-ratio:16/10;object-fit:cover}
.pa-pic figcaption{font-size:13px;color:var(--mute);margin-top:6px}
.pa-body .pa-pic{margin:24px 0}
.pa-quick{background:var(--panel);border-left:6px solid var(--orange);border-radius:6px;padding:16px 20px;margin:0 0 16px}
.pa-quick span{font:800 13px/1 "Barlow";letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.pa-quick p{margin:8px 0 0;font-size:19px;color:var(--ink)}
.pa-abox{font-size:14.5px;color:var(--mute);border:1px solid var(--line);border-radius:6px;padding:10px 14px;margin:0 0 10px}
.pa-abox b{display:block;color:var(--navy);font:700 14px "Barlow";text-transform:uppercase;letter-spacing:.06em}
.pa-body h2{font-size:clamp(25px,3vw,31px);margin:40px 0 12px;scroll-margin-top:16px}
.pa-body h3{font-size:21px;margin:26px 0 8px}
.pa-body p,.pa-body li{max-width:68ch}
.pa-body ol{counter-reset:s;list-style:none;padding:0}
.pa-body ol > li{counter-increment:s;position:relative;padding:4px 0 10px 48px}
.pa-body ol > li::before{content:counter(s);position:absolute;left:0;top:2px;width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;font:800 17px/34px "Barlow";text-align:center}
.pa-warn{background:#fff6e0;border:2px solid var(--amber);border-radius:6px;padding:14px 18px;margin:22px 0;color:var(--ink)}
.pa-warn b{display:block;font:800 14px "Barlow";letter-spacing:.06em;text-transform:uppercase}
.pa-diy{display:inline-block;font:800 12px/1 "Barlow";letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:3px;margin-right:6px}
.pa-diy.pa-yes{background:#dcf1e3;color:#1f6b3a}.pa-diy.pa-no{background:#fde3d6;color:#a2420f}
.pa-tw{overflow-x:auto;margin:18px 0}
table{border-collapse:collapse;width:100%;font-size:16px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{background:var(--navy);color:#fff;font:700 13.5px "Barlow";letter-spacing:.04em;text-transform:uppercase}
tbody th{color:var(--navy)}
td.pa-n{white-space:nowrap;font-weight:700;color:var(--ink)}
.pa-note{font-size:14px;color:var(--mute)}
.pa-faq details{border-bottom:1px solid var(--line);padding:12px 0}
.pa-faq summary{cursor:pointer;font:800 19px/1.3 "Barlow";color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:12px}
.pa-faq summary::-webkit-details-marker{display:none}
.pa-faq summary::after{content:"+";color:var(--orange);font-size:24px;line-height:1}.pa-faq details[open] summary::after{content:"\2212"}
.pa-faq details p{margin:8px 0 0}
.pa-sources{margin-top:46px;padding-top:14px;border-top:3px solid var(--navy)}
.pa-sources h2{font:800 14px "Barlow";letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}
.pa-sources ol{padding-left:20px;font-size:15px}.pa-sources li{margin:4px 0}.pa-sources li::before{display:none}
/* right rail */
.pa-rail{position:sticky;top:16px;display:grid;gap:16px}
@media (max-width:1000px){.pa-rail{position:static}}
.pa-inthis{border:1px solid var(--line);border-radius:6px;padding:14px 16px}
.pa-inthis a{display:block;font-size:15.5px;color:var(--navy);text-decoration:none;padding:5px 0;border-top:1px solid var(--line)}
.pa-inthis a:hover{color:var(--water)}
.pa-who{background:var(--navy);color:#dbe7f2;border-radius:6px;padding:16px 18px}
.pa-who .pa-kick{color:var(--amber)}
.pa-who ul{list-style:none;margin:0;padding:0}.pa-who li{padding:8px 0;border-top:1px solid rgba(255,255,255,.15)}
.pa-who b{display:block;color:#fff;font:700 16px "Barlow"}.pa-who span{font-size:14.5px}
/* footer and phone button */
.pa-foot{background:var(--navy);color:#cfe0ef;margin-top:0}
.pa-fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;padding:44px 0 20px}
.pa-fgrid p{font-size:14.5px;max-width:46ch}
.pa-foot nav h2{font:800 13px "Barlow";letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin:6px 0 10px}
.pa-foot nav a{display:block;color:#fff;text-decoration:none;font-size:15px;padding:4px 0}
.pa-foot .pa-small{font-size:13px;color:#9fb5c9;border-top:1px solid rgba(255,255,255,.15);padding:14px 0 26px;margin:0}
@media (max-width:860px){.pa-fgrid{grid-template-columns:1fr 1fr}.pa-fgrid > div:first-child{grid-column:1/-1}}
.pa-fab{display:none}
@media (max-width:760px){.pa-fab{display:block;position:fixed;left:16px;right:16px;bottom:12px;z-index:20;background:var(--orange);color:#fff;text-align:center;text-decoration:none;font:800 17px/1 "Barlow";padding:15px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.25)}body{padding-bottom:70px}}

.pa-latest{margin:34px 0 8px}.pa-lgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}
.pa-lnews{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;background:#fff;border:1px solid #dfe5ec;border-radius:12px;overflow:hidden;padding-bottom:16px}
.pa-lnews figure{margin:0}.pa-lnews img{width:100%;aspect-ratio:16/9;object-fit:cover}
.pa-lnews .pa-kick,.pa-lnews b,.pa-lnews > span:last-child{padding:0 16px}.pa-lnews b{font-size:22px;line-height:1.25}.pa-lnews > span:last-child{color:#5b6773;font-size:15.5px}
.pa-lrec{background:#fff;border:1px solid #dfe5ec;border-radius:12px;padding:16px}.pa-lrec .pa-lk{margin:0 0 8px;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#5b6773}
.pa-lrec ul{list-style:none;margin:0;padding:0}.pa-lrec li{padding:10px 0;border-top:1px solid #e8edf2;display:flex;flex-direction:column;gap:2px}.pa-lrec li:first-child{border-top:0}
.pa-lrec a{font-weight:600;text-decoration:none}.pa-lrec time{font-size:13px;color:#5b6773}
.pa-writer{margin:30px 0 40px;padding:20px;border-left:4px solid var(--orange);background:#fff;border-radius:0 12px 12px 0}.pa-writer p{margin:0;max-width:62em}
@media (max-width:820px){.pa-lgrid{grid-template-columns:1fr}}

p{max-width:900px}.pa-tw:focus-visible{outline:3px solid var(--water);outline-offset:4px}

.pa-parts li.pa-on,.pa-writer{max-width:900px}

.pa-body ol.pa-parts > li{padding:0}.pa-body ol.pa-parts > li::before{content:none}