/* ===== Shared pieces for the per-service layouts ===== */
.sv .sv-sub{font-size:1.1rem;max-width:46ch;margin-top:4px!important}
.sv h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.06;letter-spacing:-.03em;margin-bottom:16px}
.sv h3{font-weight:800;line-height:1.2;letter-spacing:-.01em}
.sv-btn--line{border-color:var(--ink);color:var(--ink)!important}
.sv-btn--line:hover{background:var(--ink);color:#fff!important}
.sv .ep-crumbs{padding:0 0 18px;font-size:.84rem;color:var(--muted)}
.sv .ep-crumbs .ep-wrap{padding:0;max-width:none}
.sv .ep-crumbs a:hover{color:var(--sv-accent-text)}
.sv-dark-crumbs .ep-crumbs,.wh-hero .ep-crumbs,.bu-hero .ep-crumbs,.se-hero .ep-crumbs{color:rgba(255,255,255,.55)}
.wh-hero .ep-crumbs a,.bu-hero .ep-crumbs a,.se-hero .ep-crumbs a{color:rgba(255,255,255,.8)}
.sv section h2{margin-bottom:12px}

/* quote section */
.sv-qs{background:var(--sv-dark);color:#fff;padding:88px 0;scroll-margin-top:110px}
.sv-qs__grid{display:grid;grid-template-columns:1fr 430px;gap:64px;align-items:start}
.sv-qs h2{color:#fff}
.sv-qs__copy > p{color:rgba(255,255,255,.72)!important;font-size:1.06rem;margin-top:12px!important}
.sv-qs__points{list-style:none!important;margin:24px 0 0!important;display:grid;gap:12px}
.sv-qs__points li{display:flex;gap:10px;align-items:center;margin:0!important;font-weight:600}
.sv-qs__points .sv-ic{width:22px;height:22px;padding:3px;border-radius:50%;background:var(--sv-accent);color:var(--ink);stroke-width:3}
.sv-qs__call{display:inline-flex;align-items:center;gap:14px;margin-top:30px;color:#fff!important;font-size:1.55rem;font-weight:800;letter-spacing:-.02em}
.sv-qs__call .sv-ic{width:48px;height:48px;padding:12px;border-radius:50%;background:var(--sv-accent);color:var(--ink)}
.sv-qs__call small{display:block;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.sv-qs .ep-form{border:0;border-radius:var(--sv-r);padding:30px;box-shadow:0 20px 50px rgba(0,0,0,.35);color:var(--ink)}
.sv-qs .ep-form h3{color:var(--ink)}
.sv-qs .ep-submit{background:var(--sv-accent);color:var(--ink);border-radius:6px}
.sv-qs .ep-submit:hover{background:var(--sv-accent-hi)}
.sv-faq--paper{background:var(--paper)}

/* ===== Drain: the fork ===== */
.dr-hero{padding:40px 0 72px}
.dr-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.dr-hero .sv-sub{color:var(--muted)}
.dr-hero__media{margin:0;position:relative}
.dr-hero__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--sv-r);position:relative;z-index:1}
.dr-hero__media::before{content:"";position:absolute;inset:24px -24px -24px 24px;background:var(--sv-accent);border-radius:var(--sv-r)}
.dr-center{text-align:center;margin-left:auto!important;margin-right:auto!important}
.dr-lead{color:var(--muted);max-width:56ch}
.dr-fork{padding:80px 0;background:#fff;border-top:1px solid var(--stone-mid);border-bottom:1px solid var(--stone-mid)}
.dr-fork__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;position:relative}
.dr-fork__grid::before{content:"or";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--sv-accent);color:var(--ink);font-weight:800;display:grid;place-items:center;z-index:2;box-shadow:0 0 0 8px #fff}
.dr-path{border:1px solid var(--stone-mid);border-radius:var(--sv-r);padding:32px;background:var(--paper)}
.dr-path--main{background:var(--sv-dark);border-color:var(--sv-dark);color:#fff}
.dr-path__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.dr-path__tag{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--sv-tint);color:var(--sv-accent-text)}
.dr-path--main .dr-path__tag{background:var(--sv-accent);color:var(--ink)}
.dr-path__top b{font-size:1.35rem;font-weight:800}
.dr-path h3{font-size:1.4rem;margin-bottom:16px}
.dr-path--main h3{color:#fff}
.dr-path ul{list-style:none!important;margin:0!important;display:grid;gap:12px}
.dr-path li{display:flex;gap:10px;margin:0!important;color:var(--muted);line-height:1.5}
.dr-path--main li{color:rgba(255,255,255,.8)}
.dr-path li .sv-ic{width:20px;height:20px;color:var(--sv-accent);margin-top:2px}
.dr-path__fix{display:flex;gap:10px;margin-top:22px!important;padding-top:18px;border-top:1px solid var(--stone-mid);color:var(--ink)!important}
.dr-path--main .dr-path__fix{border-color:rgba(255,255,255,.18);color:#fff!important}
.dr-path__fix .sv-ic{width:22px;height:22px;color:var(--sv-accent)}
.dr-compare{padding:88px 0}
.dr-compare__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.dr-compare__copy p{color:var(--muted);margin-top:12px!important}
.dr-pipes{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dr-pipes figure{margin:0;text-align:center}
.dr-pipe{display:block;width:100%;aspect-ratio:1;border-radius:50%;margin-bottom:14px;border:14px solid #8a8580}
.dr-pipe--cabled{background:radial-gradient(circle,var(--paper) 0 22%,#6b5a43 23% 100%)}
.dr-pipe--jetted{background:var(--paper);border-color:var(--sv-accent)}
.dr-pipes figcaption{font-size:.9rem;color:var(--muted)}
.dr-pipes figcaption b{display:block;color:var(--ink);font-size:1rem}
.dr-warn{background:var(--sv-tint);border-top:4px solid var(--sv-accent);border-bottom:1px solid var(--stone-mid)}
.dr-warn__inner{display:flex;gap:24px;align-items:flex-start;padding-top:40px;padding-bottom:40px}
.dr-warn__inner > .sv-ic{width:44px;height:44px;color:var(--sv-accent-text);flex:none}
.dr-warn h2{font-size:1.5rem}
.dr-warn p{color:var(--ink);max-width:70ch}
.dr-roots{padding:88px 0}
.dr-roots__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.dr-roots figure{margin:0}
.dr-roots img{border-radius:var(--sv-r);width:100%;aspect-ratio:1/1;object-fit:cover}
.dr-roots p{color:var(--muted)}
.dr-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 24px}
.dr-choice div{border:1px solid var(--stone-mid);border-radius:var(--sv-r);padding:18px;background:#fff}
.dr-choice b{display:block;margin-bottom:4px}
.dr-choice span{font-size:.92rem;color:var(--muted)}

/* ===== Water heater: full bleed + picker ===== */
.wh-hero{position:relative;background:var(--sv-dark);color:#fff;overflow:hidden;padding:56px 0 96px}
.wh-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.wh-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,26,26,.95) 0%,rgba(26,26,26,.75) 50%,rgba(26,26,26,.2) 100%)}
.wh-hero__inner{position:relative;z-index:1;max-width:var(--wrap)}
.wh-hero h1{color:#fff;max-width:17ch}
.wh-hero .sv-sub{color:rgba(255,255,255,.8)}
.wh-picker{margin-top:-48px;position:relative;z-index:2}
.wh-picker > .ep-wrap{background:#fff;border-radius:var(--sv-r);box-shadow:0 20px 50px rgba(31,31,31,.12);padding:40px 44px;max-width:calc(var(--wrap) - 48px)}
.wh-note{color:var(--muted)}
.wh-picker__ui input{position:absolute;opacity:0;pointer-events:none}
.wh-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}
.wh-tabs label{display:block;text-align:center;padding:14px 10px;border:2px solid var(--stone-mid);border-radius:8px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.wh-tabs label:hover{border-color:var(--sv-accent)}
#wh-a1:checked ~ .wh-tabs label[for=wh-a1],#wh-a2:checked ~ .wh-tabs label[for=wh-a2],#wh-a3:checked ~ .wh-tabs label[for=wh-a3],#wh-a4:checked ~ .wh-tabs label[for=wh-a4]{background:var(--sv-dark);border-color:var(--sv-dark);color:#fff}
#wh-a1:focus-visible ~ .wh-tabs label[for=wh-a1],#wh-a2:focus-visible ~ .wh-tabs label[for=wh-a2],#wh-a3:focus-visible ~ .wh-tabs label[for=wh-a3],#wh-a4:focus-visible ~ .wh-tabs label[for=wh-a4]{outline:3px solid var(--sv-accent);outline-offset:2px}
.wh-ans{display:none;padding:22px 24px;border-radius:var(--sv-r);background:var(--paper);border-left:4px solid var(--sv-accent)}
#wh-a1:checked ~ .wh-answers .wh-ans--1,#wh-a2:checked ~ .wh-answers .wh-ans--2,#wh-a3:checked ~ .wh-answers .wh-ans--3,#wh-a4:checked ~ .wh-answers .wh-ans--4{display:block}
.wh-verdict{display:inline-block;font-size:1.25rem;font-weight:800;margin-bottom:6px}
.wh-verdict--repair{color:#2E6B3A}
.wh-verdict--maybe{color:var(--sv-accent-text)}
.wh-verdict--replace{color:#A3321F}
.wh-ans p{color:var(--muted);margin:0!important;max-width:none}
.wh-symptoms{padding:88px 0}
.wh-symptoms__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px;align-items:start}
.wh-symptoms__grid > div p{color:var(--muted)}
.wh-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--sv-r);overflow:hidden;box-shadow:0 0 0 1px var(--stone-mid)}
.wh-table th,.wh-table td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--stone)}
.wh-table thead th{background:var(--sv-dark);color:#fff;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.wh-table tbody th{font-weight:700;width:34%}
.wh-table td{color:var(--muted)}
.wh-table tr:last-child th,.wh-table tr:last-child td{border-bottom:0}
.wh-vs{padding:0 0 88px}
.wh-vs__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.wh-opt{border:2px solid var(--sv-accent);border-radius:var(--sv-r);padding:32px;background:#fff;position:relative}
.wh-opt--alt{border-color:var(--stone-mid)}
.wh-opt__badge{position:absolute;top:-14px;left:28px;background:var(--sv-accent);color:var(--ink);font-size:.78rem;font-weight:800;padding:5px 12px;border-radius:999px}
.wh-opt--alt .wh-opt__badge{background:var(--sv-dark);color:#fff}
.wh-opt h3{font-size:1.5rem;margin-top:6px}
.wh-opt__price{font-size:1.6rem;font-weight:800;color:var(--ink)!important;margin:10px 0 18px!important}
.wh-opt__price small{display:block;font-size:.85rem;font-weight:500;color:var(--muted)}
.wh-opt ul{list-style:none!important;margin:0!important;display:grid;gap:12px}
.wh-opt li{display:flex;gap:10px;margin:0!important;color:var(--muted)}
.wh-opt li .sv-ic{width:20px;height:20px;color:var(--sv-accent);margin-top:2px}
.wh-tip{background:var(--sv-tint);border-top:1px solid var(--stone-mid)}
.wh-tip__inner{display:flex;gap:18px;align-items:center;padding-top:30px;padding-bottom:30px}
.wh-tip .sv-ic{width:36px;height:36px;color:var(--sv-accent-text)}
.wh-tip p{margin:0!important;max-width:none;color:var(--ink)}

/* ===== Sewer: reversed split, cost strip, timeline ===== */
.se-hero{background:var(--sv-dark);color:#fff;padding:48px 0 64px}
.se-hero__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.se-hero h1{color:#fff}
.se-hero .sv-sub{color:rgba(255,255,255,.78)}
.se-hero__media{margin:0}
.se-hero__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--sv-r);filter:grayscale(.35) contrast(1.05)}
.se-same{padding:80px 0 64px}
.se-lead{color:var(--muted);max-width:62ch}
.se-cards{list-style:none!important;margin:32px 0 0!important;display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:se;border:1px solid var(--stone-mid);border-radius:var(--sv-r);overflow:hidden;background:#fff}
.se-cards li{counter-increment:se;margin:0!important;padding:24px 20px;border-left:1px solid var(--stone-mid);display:flex;flex-direction:column;gap:6px}
.se-cards li:first-child{border-left:0}
.se-cards li::before{content:counter(se,decimal-leading-zero);font-weight:800;color:var(--stone-mid);font-size:1.4rem}
.se-cards b{font-size:1.05rem}
.se-cards span{font-size:.9rem;color:var(--muted);flex:1}
.se-cost{font-style:normal;font-weight:800;color:var(--sv-accent-text);letter-spacing:.1em}
.se-steps{padding:24px 0 88px}
.se-steps__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.se-steps__head p{color:var(--muted)}
.se-steps__head img{margin-top:24px;border-radius:var(--sv-r);width:100%;aspect-ratio:4/3;object-fit:cover}
.se-timeline{list-style:none!important;margin:0!important;position:relative}
.se-timeline::before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:var(--stone-mid)}
.se-timeline li{position:relative;display:flex;gap:20px;align-items:flex-start;margin:0 0 22px!important;padding:20px 22px 20px 0}
.se-timeline li > .sv-ic{position:relative;z-index:1;width:56px;height:56px;padding:15px;border-radius:50%;background:var(--sv-dark);color:var(--sv-accent);flex:none}
.se-timeline b{display:block;font-size:1.1rem;margin-bottom:2px}
.se-timeline span{color:var(--muted)}
.se-eras{background:#fff;border-top:1px solid var(--stone-mid);border-bottom:1px solid var(--stone-mid);padding:80px 0}
.se-eras__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}
.se-eras article{border-top:4px solid var(--sv-accent);padding-top:18px}
.se-era{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sv-accent-text)}
.se-eras h3{font-size:1.25rem;margin:6px 0 8px}
.se-eras p{color:var(--muted)}
.se-soil{display:flex;gap:12px;align-items:center;margin-top:32px!important;padding:18px 22px;background:var(--paper);border-radius:var(--sv-r);max-width:none}
.se-soil .sv-ic{width:26px;height:26px;color:var(--sv-accent-text)}
.se-methods{padding:88px 0}
.se-methods__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.se-method{border:1px solid var(--stone-mid);border-radius:var(--sv-r);padding:32px;background:#fff}
.se-method--trenchless{background:var(--sv-dark);border-color:var(--sv-dark);color:#fff}
.se-method--trenchless h3{color:#fff}
.se-method--trenchless p{color:rgba(255,255,255,.75)}
.se-method h3{font-size:1.35rem;margin-bottom:8px}
.se-method p{color:var(--muted)}
.se-method ul{list-style:none!important;margin:18px 0 0!important;display:grid;gap:10px}
.se-method li{display:flex;gap:10px;margin:0!important}
.se-method li .sv-ic{width:20px;height:20px;color:var(--sv-accent);margin-top:3px}
.se-signs{background:var(--sv-tint);padding:64px 0}
.se-signs__inner{max-width:820px}
.se-signs ul{margin:18px 0!important;padding-left:22px!important}
.se-signs li{margin-bottom:8px!important}
.se-signs p{color:var(--ink)}

/* ===== Slab: tinted hero, checker, table ===== */
.sl-hero{background:var(--sv-tint);padding:44px 0 72px}
.sl-hero__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.sl-hero__media{margin:0}
.sl-hero__media img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50% 50% var(--sv-r) var(--sv-r)}
.sl-hero .sv-sub{color:var(--muted)}
.sl-check{padding:80px 0}
.sl-check__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.sl-check p{color:var(--muted)}
.sl-result{margin-top:24px;padding:22px 24px;border-radius:var(--sv-r);background:#fff;border:2px solid var(--stone-mid);transition:border-color .2s ease,background .2s ease}
.sl-result b{display:block;font-size:1.2rem;font-weight:800}
.sl-result span{color:var(--muted)}
.sl-result[data-level="1"]{border-color:var(--sv-accent)}
.sl-result[data-level="2"]{border-color:var(--sv-dark);background:var(--sv-dark)}
.sl-result[data-level="2"] b{color:var(--sv-accent)}
.sl-result[data-level="2"] span{color:rgba(255,255,255,.8)}
.sl-list{border:0;margin:0;padding:0;display:grid;gap:12px}
.sl-list label{display:flex;gap:14px;align-items:center;padding:18px 20px;background:#fff;border:1px solid var(--stone-mid);border-radius:var(--sv-r);cursor:pointer;font-weight:600;transition:border-color .15s ease}
.sl-list label:hover{border-color:var(--sv-accent)}
.sl-list input{width:22px;height:22px;accent-color:#E47A25;flex:none}
.sl-list label:has(input:checked){border-color:var(--sv-accent);background:var(--sv-tint)}
.sl-meter{background:var(--sv-dark);color:#fff;padding:72px 0}
.sl-meter h2{color:#fff}
.sl-meter__steps{list-style:none!important;counter-reset:m;margin:28px 0 0!important;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sl-meter__steps li{counter-increment:m;margin:0!important;padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:var(--sv-r)}
.sl-meter__steps li::before{content:counter(m);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sv-accent);color:var(--ink);font-weight:800;margin-bottom:14px}
.sl-meter__steps b{display:block;font-size:1.1rem;margin-bottom:4px}
.sl-meter__steps span{color:rgba(255,255,255,.7)}
.sl-tech{padding:88px 0}
.sl-tech__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:24px;align-items:start}
.sl-tech__head p{color:var(--muted)}
.sl-tech__item{padding-top:20px;border-top:3px solid var(--sv-accent)}
.sl-tech__item .sv-ic{width:34px;height:34px;color:var(--sv-accent-text);margin-bottom:12px}
.sl-tech__item b{display:block;font-size:1.05rem}
.sl-tech__item span{color:var(--muted);font-size:.94rem}
.sl-fix{padding:0 0 88px}
.sl-table-wrap{overflow-x:auto;margin-top:24px}
.sl-table{width:100%;min-width:620px;border-collapse:collapse}
.sl-table th,.sl-table td{padding:18px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--stone-mid)}
.sl-table thead th{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink)}
.sl-table tbody th{font-size:1.1rem;font-weight:800;white-space:nowrap}
.sl-table td{color:var(--muted)}
.sl-price{margin-top:22px!important;font-size:1.05rem}
.sl-price b{color:var(--sv-accent-text)}
.sl-copper{background:#fff;border-top:1px solid var(--stone-mid);padding:72px 0}
.sl-copper__inner{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}
.sl-copper p{color:var(--muted)}
.sl-ins{display:flex;gap:14px;padding:22px;border-radius:var(--sv-r);background:var(--sv-tint)}
.sl-ins .sv-ic{width:30px;height:30px;color:var(--sv-accent-text)}
.sl-ins p{color:var(--ink);margin:0!important}

/* ===== Burst: alert + steps hero ===== */
.bu-alert{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--sv-accent);color:var(--ink)!important;font-weight:800;padding:12px 20px;text-align:center}
.bu-alert .sv-ic{width:20px;height:20px}
.bu-hero{background:var(--sv-dark);color:#fff;padding:48px 0 72px}
.bu-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.bu-hero h1{color:#fff}
.bu-hero .sv-sub{color:rgba(255,255,255,.78)}
.bu-now{list-style:none!important;counter-reset:n;margin:0!important;display:grid;gap:12px}
.bu-now li{counter-increment:n;display:grid;grid-template-columns:56px 1fr;column-gap:16px;align-items:center;margin:0!important;padding:16px 20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--sv-r)}
.bu-now li::before{content:counter(n);grid-row:span 2;width:48px;height:48px;border-radius:12px;background:var(--sv-accent);color:var(--ink);display:grid;place-items:center;font-weight:800;font-size:1.4rem}
.bu-now b{font-size:1.1rem}
.bu-now span{color:rgba(255,255,255,.7);font-size:.94rem}
.bu-frozen{padding:88px 0}
.bu-lead{color:var(--muted)}
.bu-dd{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:28px;border-radius:var(--sv-r);overflow:hidden;border:1px solid var(--stone-mid)}
.bu-do,.bu-dont{padding:30px}
.bu-do{background:#fff}
.bu-dont{background:var(--paper);border-left:1px solid var(--stone-mid)}
.bu-dd h3{display:flex;align-items:center;gap:10px;font-size:1.3rem;margin-bottom:14px}
.bu-do h3 .sv-ic{color:#2E6B3A;width:26px;height:26px}
.bu-dont h3 .sv-ic{color:#A3321F;width:26px;height:26px}
.bu-dd ul{margin:0!important;padding-left:20px!important}
.bu-dd li{margin-bottom:8px!important;color:var(--muted)}
.bu-why{margin-top:20px!important;font-weight:700;color:var(--ink)!important}
.bu-where{background:#fff;border-top:1px solid var(--stone-mid);border-bottom:1px solid var(--stone-mid);padding:88px 0}
.bu-where__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.bu-where p{color:var(--muted)}
.bu-spots{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.bu-spots div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:16px;border:1px solid var(--stone-mid);border-radius:var(--sv-r)}
.bu-spots .sv-ic{grid-row:span 2;width:28px;height:28px;color:var(--sv-accent)}
.bu-spots span{font-size:.9rem;color:var(--muted)}
.bu-note{font-size:.95rem}
.bu-where__media{margin:0}
.bu-where__media img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--sv-r)}
.bu-prep{padding:80px 0}
.bu-prep__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.bu-prep p{color:var(--muted)}
.bu-list{list-style:none!important;margin:0!important;display:grid;gap:10px}
.bu-list li{display:flex;gap:12px;align-items:center;margin:0!important;padding:14px 18px;background:#fff;border:1px solid var(--stone-mid);border-radius:var(--sv-r);font-weight:600}
.bu-list .sv-ic{width:24px;height:24px;padding:4px;border-radius:50%;background:var(--sv-accent);color:var(--ink);stroke-width:3}

/* ===== Repiping: price figure hero ===== */
.rp-hero{padding:44px 0 80px}
.rp-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.rp-hero .sv-sub{color:var(--muted)}
.rp-figure{position:relative;padding-bottom:56px}
.rp-figure img{width:88%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--sv-r);margin-left:auto}
.rp-price{position:absolute;left:0;bottom:0;background:var(--sv-dark);color:#fff;border-radius:var(--sv-r);padding:22px 26px;max-width:320px;border-left:5px solid var(--sv-accent);box-shadow:0 18px 40px rgba(31,31,31,.25)}
.rp-price small{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.rp-price b{display:block;font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--sv-accent)}
.rp-price span{font-size:.9rem;color:rgba(255,255,255,.75)}
.rp-need{background:#fff;border-top:1px solid var(--stone-mid);border-bottom:1px solid var(--stone-mid);padding:80px 0}
.rp-need__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.rp-yes,.rp-no{border-radius:var(--sv-r);padding:30px}
.rp-yes{background:var(--sv-dark);color:#fff}
.rp-no{background:var(--paper);border:1px solid var(--stone-mid)}
.rp-need h3{display:flex;align-items:center;gap:10px;font-size:1.25rem;margin-bottom:16px}
.rp-yes h3{color:#fff}
.rp-yes h3 .sv-ic{color:var(--sv-accent);width:26px;height:26px}
.rp-no h3 .sv-ic{color:#A3321F;width:26px;height:26px}
.rp-need ul{margin:0!important;padding-left:20px!important}
.rp-need li{margin-bottom:10px!important;line-height:1.55}
.rp-yes li{color:rgba(255,255,255,.8)}
.rp-yes li b{color:#fff}
.rp-no li{color:var(--muted)}
.rp-no li b{color:var(--ink)}
.rp-id{padding:88px 0}
.rp-lead{color:var(--muted)}
.rp-id__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.rp-id article{background:#fff;border:1px solid var(--stone-mid);border-radius:var(--sv-r);padding:22px;display:flex;flex-direction:column}
.rp-swatch{display:block;height:14px;border-radius:999px;margin-bottom:16px}
.rp-swatch--galv{background:linear-gradient(90deg,#8d9196,#5f6368)}
.rp-swatch--poly{background:#9aa0a6}
.rp-swatch--copper{background:linear-gradient(90deg,#c27a45,#8e4f25)}
.rp-swatch--pex{background:linear-gradient(90deg,#c0392b 0 33%,#2c6fb5 33% 66%,#e9e6df 66%)}
.rp-id h3{font-size:1.1rem;margin-bottom:6px}
.rp-id p{font-size:.92rem;color:var(--muted);flex:1}
.rp-flag{align-self:flex-start;font-style:normal;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;margin-top:12px}
.rp-flag--bad{background:#F6DED8;color:#8E2B1A}
.rp-flag--mid{background:var(--sv-tint);color:var(--sv-accent-text)}
.rp-flag--good{background:#DDEBDD;color:#2E6B3A}
.rp-pex{padding:0 0 88px}
.rp-pex__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.rp-pex figure{margin:0}
.rp-pex img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--sv-r)}
.rp-why{display:grid;gap:16px;margin-top:18px}
.rp-why div{padding-left:18px;border-left:3px solid var(--sv-accent)}
.rp-why b{display:block;font-size:1.05rem}
.rp-why span{color:var(--muted)}
.rp-plan{background:var(--sv-tint);padding:80px 0}
.rp-days{list-style:none!important;margin:28px 0 0!important;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:3px solid var(--sv-dark)}
.rp-days li{margin:0!important;padding:20px 20px 0 0;position:relative}
.rp-days li::before{content:"";position:absolute;top:-10px;left:0;width:16px;height:16px;border-radius:50%;background:var(--sv-accent);border:3px solid var(--sv-tint)}
.rp-days span{display:block;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sv-accent-text);margin-top:6px}
.rp-days b{display:block;font-size:1.1rem;margin:4px 0}
.rp-days p{color:var(--muted);font-size:.94rem}
.rp-note{margin-top:22px!important;font-weight:700}

/* ===== Toilet: problem picker ===== */
.to-hero{background:#fff;border-bottom:1px solid var(--stone-mid);padding:40px 0 56px}
.to-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.to-hero .sv-sub{color:var(--muted)}
.to-hero__media{margin:0}
.to-hero__media img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:999px 999px var(--sv-r) var(--sv-r)}
.to-pick{padding:80px 0}
.to-pick__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}
.to-pick article{display:grid;grid-template-columns:56px 1fr;column-gap:18px;padding:26px;background:#fff;border:1px solid var(--stone-mid);border-radius:var(--sv-r)}
.to-pick__ic{grid-row:span 3;width:56px;height:56px;border-radius:14px;background:var(--sv-tint);color:var(--sv-accent-text);display:grid;place-items:center}
.to-pick__ic .sv-ic{width:28px;height:28px}
.to-pick h3{font-size:1.15rem;margin-bottom:6px}
.to-pick p{color:var(--muted);font-size:.95rem}
.to-pick em{font-style:normal;font-weight:800;color:var(--sv-accent-text);margin-top:10px;font-size:.92rem}
.to-test{background:var(--sv-dark);color:#fff;padding:72px 0}
.to-test__grid{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center}
.to-test h2{color:#fff}
.to-test p{color:rgba(255,255,255,.75)}
.to-test ol{margin:18px 0 0!important;padding-left:22px!important}
.to-test li{margin-bottom:8px!important;color:rgba(255,255,255,.9)}
.to-dye{width:150px;height:150px;border-radius:50%;background:#fff;position:relative;overflow:hidden;border:6px solid rgba(255,255,255,.2)}
.to-dye span{position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,#6fa3d6,#2c6fb5)}
.to-flush{padding:88px 0}
.to-flush__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.to-flush p{color:var(--muted)}
.to-bars{display:grid;gap:22px}
.to-bar{display:grid;grid-template-columns:150px 1fr 90px;align-items:center;gap:14px}
.to-bar span{font-weight:700}
.to-bar i{display:block;height:34px;width:var(--w);border-radius:0 6px 6px 0;background:var(--sv-dark)}
.to-bar--new i{background:var(--sv-accent)}
.to-bar b{font-weight:800;font-size:1.05rem}
.to-prices{padding:0 0 88px}
.to-prices__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.to-price{padding:30px;border-radius:var(--sv-r);background:#fff;border:1px solid var(--stone-mid)}
.to-price--alt{background:var(--sv-tint);border-color:transparent}
.to-price small{display:block;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sv-accent-text)}
.to-price b{display:block;font-size:2rem;font-weight:800;margin:6px 0}
.to-price span{color:var(--muted)}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .se-cards{grid-template-columns:repeat(3,1fr)}
  .se-cards li:nth-child(4){border-left:0}
  .se-cards li:nth-child(n+4){border-top:1px solid var(--stone-mid)}
  .sl-tech__grid{grid-template-columns:1fr 1fr 1fr}
  .sl-tech__head{grid-column:1/-1}
  .rp-id__grid{grid-template-columns:1fr 1fr}
  .sv-qs__grid{grid-template-columns:1fr 380px;gap:40px}
}
@media (max-width:900px){
  .dr-hero__grid,.dr-compare__grid,.dr-roots__grid,.se-hero__grid,.se-steps__grid,.sl-hero__grid,.sl-check__grid,.sl-copper__inner,.bu-hero__grid,.bu-where__grid,.bu-prep__grid,.rp-hero__grid,.rp-pex__grid,.to-hero__grid,.to-flush__grid,.wh-symptoms__grid,.sv-qs__grid{grid-template-columns:1fr;gap:32px}
  .dr-fork__grid,.wh-vs__grid,.se-methods__grid,.rp-need__grid,.bu-dd,.to-prices__grid,.to-pick__grid{grid-template-columns:1fr}
  .dr-fork__grid::before{display:none}
  .bu-dont{border-left:0;border-top:1px solid var(--stone-mid)}
  .se-eras__grid{grid-template-columns:1fr}
  .sl-meter__steps{grid-template-columns:1fr}
  .rp-days{grid-template-columns:1fr 1fr;row-gap:28px}
  .wh-tabs{grid-template-columns:1fr 1fr}
  .wh-picker > .ep-wrap{padding:28px 22px}
  .dr-hero__media::before{inset:14px -10px -14px 14px}
  .se-hero__media{order:2}
  .sl-hero__media{order:2;max-width:420px}
  .to-hero__media{max-width:360px}
  .bu-where__media img{aspect-ratio:16/10}
  .rp-figure img{width:100%}
  .rp-price{position:relative;margin-top:-40px;margin-left:16px}
  .rp-figure{padding-bottom:0}
  .se-timeline li{padding-right:0}
  .sv-qs{padding:64px 0}
  .dr-fork,.dr-compare,.dr-roots,.wh-symptoms,.se-same,.se-eras,.se-methods,.sl-check,.sl-tech,.bu-frozen,.bu-where,.rp-need,.rp-id,.to-pick,.to-flush{padding-top:60px;padding-bottom:60px}
  .wh-vs,.sl-fix,.rp-pex,.to-prices,.se-steps{padding-bottom:60px}
}
@media (max-width:680px){
  .sv h1{font-size:1.9rem}
  .sv .sv-sub{font-size:1rem}
  .se-cards{grid-template-columns:1fr}
  .se-cards li{border-left:0!important;border-top:1px solid var(--stone-mid)}
  .se-cards li:first-child{border-top:0}
  .sl-tech__grid{grid-template-columns:1fr}
  .rp-id__grid,.rp-days,.dr-choice,.bu-spots,.dr-pipes{grid-template-columns:1fr}
  .dr-pipes figure{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;text-align:left}
  .dr-pipe{margin:0;border-width:10px}
  .wh-tabs{grid-template-columns:1fr}
  .wh-table thead{display:none}
  .wh-table tr{display:block;border-bottom:1px solid var(--stone)}
  .wh-table th,.wh-table td{display:block;border:0;width:auto!important;padding:12px 18px 0}
  .wh-table td{padding-bottom:14px}
  .to-test__grid{grid-template-columns:1fr;gap:24px}
  .to-dye{width:110px;height:110px}
  .to-bar{grid-template-columns:1fr auto;row-gap:6px}
  .to-bar i{grid-column:1/-1;grid-row:2}
  .to-pick article{grid-template-columns:1fr}
  .to-pick__ic{grid-row:auto;margin-bottom:12px}
  .bu-alert{font-size:.9rem}
  .dr-warn__inner{flex-direction:column;gap:12px}
}