/* PEP-1023 — /guides/when-does-a-london-heating-system-need-a-powerflush route stylesheet.
   Scoped entirely under .powerflush-guide-main so no other route can be affected.
   Reuses the shared bundle's tokens (--ink/--muted/--copper/--copper-ink/--cream/
   --stone-050/--green-1000/--brass/--line/--display) and its .kicker/.button/
   .button-primary component classes exactly as the rest of the family does; adds
   only the editorial-article layout rules needed by this guide. */

.powerflush-guide-main{background:var(--cream);min-width:0}

.powerflush-guide-intro{background:var(--stone-050);padding:clamp(56px,9vw,96px) clamp(20px,5vw,64px) 48px}
.powerflush-guide-intro-inner{max-width:720px;margin:0 auto}
.powerflush-guide-intro h1{margin:16px 0 0;font:500 clamp(30px,4vw,44px)/1.16 var(--display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.powerflush-guide-intro p{margin:22px 0 0;color:var(--ink);font-size:clamp(14px,1.4vw,16.5px);line-height:1.8}

.powerflush-guide-intro a,.powerflush-guide-body a{color:var(--copper-ink);font-weight:700;border-bottom:1px solid rgba(22,32,28,.3)}
.powerflush-guide-intro a:hover,.powerflush-guide-body a:hover{color:var(--copper)}

.powerflush-guide-body{max-width:720px;margin:0 auto;padding:8px clamp(20px,5vw,64px) 64px}
.powerflush-guide-body h2{margin:52px 0 0;font:500 clamp(22px,2.6vw,29px)/1.28 var(--display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.powerflush-guide-body>h2:first-child{margin-top:0}
.powerflush-guide-body p{margin:16px 0 0;color:var(--ink);font-size:clamp(14px,1.4vw,16px);line-height:1.8}

.powerflush-guide-check-list{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.powerflush-guide-check-list li{position:relative;padding-left:22px;color:var(--ink);font-size:14.5px;line-height:1.7}
.powerflush-guide-check-list li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--copper)}

.powerflush-guide-figure{margin:40px 0 0}
.powerflush-guide-figure img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.powerflush-guide-figure figcaption{margin-top:10px;color:var(--muted);font-size:11.5px;letter-spacing:.02em;line-height:1.5}

.powerflush-guide-cta{background:var(--green-1000);color:var(--cream);padding:64px clamp(20px,5vw,64px);text-align:center}
.powerflush-guide-cta-inner{max-width:560px;margin:0 auto}
.powerflush-guide-cta .kicker{color:var(--brass)}
.powerflush-guide-cta h2{margin:14px 0 0;color:var(--cream);font:500 clamp(24px,3vw,32px)/1.22 var(--display);letter-spacing:-.02em}
.powerflush-guide-cta p{margin:16px 0 0;color:#ffffffb0;font-size:13.5px;line-height:1.8}
.powerflush-guide-cta .button{margin:28px 0 0}

@media (max-width:760px){
.powerflush-guide-intro{padding:44px 20px 36px}
.powerflush-guide-body{padding:8px 20px 48px}
.powerflush-guide-body h2{margin-top:40px}
.powerflush-guide-cta{padding:48px 20px}
}