.hpwh-pros-cons{--ink:#17251f;--green:#0b694a;--mint:#e8f6f0;--cream:#fff7e2;--rose:#fff1ec;--line:#c7d8d0;color:var(--ink);max-width:1180px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hpwh-pros-cons *{box-sizing:border-box}.hpwh-pros-cons__hero{padding:clamp(1.5rem,4vw,3.4rem);border-radius:1.6rem;background:linear-gradient(135deg,#dff4eb,#fff5d6);box-shadow:0 18px 50px rgba(18,57,43,.1)}.hpwh-pros-cons__eyebrow{margin:0 0 .45rem;color:var(--green);font-size:.8rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.hpwh-pros-cons h2{max-width:900px;margin:.15rem 0 .8rem;font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.02}.hpwh-pros-cons h3{margin:0 0 .75rem;font-size:clamp(1.35rem,2.5vw,2rem)}.hpwh-pros-cons__lede{max-width:850px;font-size:clamp(1.05rem,2vw,1.25rem)}.hpwh-pros-cons__jump,.hpwh-pros-cons__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}.hpwh-pros-cons__jump a,.hpwh-pros-cons__actions a,.hpwh-pros-cons__cost>a{display:inline-flex;min-height:44px;align-items:center;padding:.7rem .95rem;border-radius:999px;font-weight:750;text-decoration:none}.hpwh-pros-cons__jump a{border:1px solid #88ad9d;background:rgba(255,255,255,.8);color:var(--ink)}.hpwh-pros-cons__summary{margin:1.5rem 0;padding:1.1rem 1.2rem;border-left:.35rem solid var(--green);background:#f4faf7}.hpwh-pros-cons__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hpwh-pros-cons__panel{padding:clamp(1.1rem,2.5vw,1.6rem);border:1px solid var(--line);border-radius:1.2rem}.hpwh-pros-cons__panel--pro{background:var(--mint)}.hpwh-pros-cons__panel--con{background:var(--rose)}.hpwh-pros-cons__panel li{margin:.75rem 0}.hpwh-pros-cons__check,.hpwh-pros-cons__cost,.hpwh-pros-cons__decision,.hpwh-pros-cons__boundary,.hpwh-pros-cons__unavailable{margin-top:1.5rem;padding:clamp(1.1rem,3vw,1.7rem);border:1px solid var(--line);border-radius:1.2rem}.hpwh-pros-cons__checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.hpwh-pros-cons__checks article{padding:1rem;border-radius:1rem;background:#fff}.hpwh-pros-cons__checks span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-weight:850}.hpwh-pros-cons__checks h4{margin:.65rem 0 .35rem}.hpwh-pros-cons__cost{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;background:var(--cream)}.hpwh-pros-cons__cost>a,.hpwh-pros-cons__actions a{background:var(--green);color:#fff}.hpwh-pros-cons__boundary{background:#f7f5ef}.hpwh-pros-cons__sources{margin-top:1.7rem;padding-top:1.2rem;border-top:1px solid var(--line)}.hpwh-pros-cons__sources ul{columns:2}.hpwh-pros-cons a:focus-visible{outline:3px solid #f0a500;outline-offset:3px}@media(max-width:820px){.hpwh-pros-cons__columns,.hpwh-pros-cons__cost{grid-template-columns:1fr}.hpwh-pros-cons__checks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.hpwh-pros-cons{padding:.8rem}.hpwh-pros-cons__hero{border-radius:1rem}.hpwh-pros-cons__checks{grid-template-columns:1fr}.hpwh-pros-cons__sources ul{columns:1}}@media(prefers-reduced-motion:reduce){.hpwh-pros-cons *{scroll-behavior:auto!important;transition:none!important}}
