/* HomePro Service Articles 1.0.1 - scoped to the opt-in article layout. */
body.hpsa-fullwidth{--hpsa-brand:#0eaaa6;--hpsa-ink:#193b3a;--hpsa-muted:#5b7270;background:#fff}
body.hpsa-reales #carouselBlog{display:none!important}
body.hpsa-reales #page-hero-container,body.hpsa-reales #hero-container,body.hpsa-reales #hero-container-blog{height:auto!important;min-height:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
body.hpsa-reales #page-hero-container>.page-hero,body.hpsa-reales #page-hero-container>.slideshowShadow,body.hpsa-reales #page-hero-container>.page-caption,body.hpsa-reales #hero-container>#slideshow,body.hpsa-reales #hero-container>.slideshowShadow,body.hpsa-reales #hero-container>.home-caption{display:none!important}
/* Keep native navigation and logo markup. Only the obsolete cover siblings are hidden. */
body.hpsa-reales .home-header{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;min-height:80px;margin:0!important;padding:20px clamp(18px,3vw,48px)!important;display:flow-root;box-sizing:border-box;background:#fff!important;border-bottom:1px solid #dcece9;overflow:visible!important}
body.hpsa-reales .home-header .home-logo>a,body.hpsa-reales .home-header .top-nav>div>ul>li>a,body.hpsa-reales .home-header .top-nav>ul>li>a,body.hpsa-reales .home-header .user-nav>ul>li>a,body.hpsa-reales .home-header a.top-navHandler,body.hpsa-reales .home-header a.user-navHandler,body.hpsa-reales .home-header a.userNavHandler{color:#193b3a!important}
body.hpsa-reales .home-header .home-logo img{filter:brightness(0) saturate(100%) invert(52%) sepia(69%) saturate(933%) hue-rotate(132deg) brightness(91%) contrast(94%)}
body.hpsa-fullwidth .hpsa-page{width:100%;max-width:none;margin:0;padding:0;background:#fff;color:#193b3a;clear:both;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.75;overflow-wrap:break-word}
.hpsa-page *,.hpsa-page *:before,.hpsa-page *:after,.hpsa-directory *{box-sizing:border-box}
.hpsa-page a{color:#067b78;text-decoration:underline;text-underline-offset:3px}
.hpsa-page a:hover{color:#045c59}
.hpsa-page :where(a,button,summary):focus-visible{outline:3px solid #0eaaa6;outline-offset:5px}
.hpsa-heading{max-width:1320px;margin:auto;padding:28px clamp(20px,4vw,64px) 36px}
.hpsa-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#617a77;font-size:12px;line-height:1.6;margin:0 0 30px}
.hpsa-breadcrumb a{color:inherit;text-decoration:none}.hpsa-breadcrumb a:hover{text-decoration:underline}
.hpsa-eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:750;color:#087f7b;margin:0 0 14px}
.hpsa-eyebrow>span:first-child{height:7px;width:7px;background:#0eaaa6;border-radius:50%;box-shadow:0 0 0 4px #e1f5f1}.hpsa-eyebrow-divider{opacity:.45;padding:0 4px}
.hpsa-heading h1{font-size:clamp(30px,4.1vw,55px);font-weight:700;line-height:1.13;letter-spacing:-.035em;color:#173d3a;margin:0;max-width:1160px;text-wrap:balance}
.hpsa-deck{max-width:1000px;margin:20px 0 0;font-size:clamp(16px,1.6vw,19px);line-height:1.65;color:#5b7270}
.hpsa-byline{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 0;font-size:12px;color:#6a7f7b;line-height:1.5}
.hpsa-hero{width:100%;margin:0;position:relative;background:#e7f4f1;overflow:hidden;border-bottom:5px solid #0eaaa6}
.hpsa-hero .hpsa-cover{display:block;width:100%;height:clamp(240px,34vw,490px);max-height:none;object-fit:cover;object-position:center}
.hpsa-body{max-width:1100px;margin:auto;padding:38px clamp(20px,4vw,54px) 70px}
.hpsa-body-directory{max-width:1400px;padding-top:6px}
.hpsa-content h2{color:#193b3a;font-size:clamp(23px,2.2vw,29px);font-weight:700;line-height:1.25;letter-spacing:-.025em;margin:38px 0 15px;scroll-margin-top:24px}
.hpsa-content h3{font-size:21px;line-height:1.35;color:#193b3a;margin:26px 0 12px}
.hpsa-content p{margin:0 0 19px;color:#435d59;line-height:1.8}
.hpsa-content>h2:first-child{margin-top:4px}
.hpsa-content ul{list-style:disc;margin:0 0 24px;padding-left:24px}.hpsa-content ol{list-style:decimal;margin:0 0 24px;padding-left:24px}.hpsa-content li{margin:0 0 8px}
.hpsa-content img{max-width:100%;height:auto}.hpsa-content table{display:block;max-width:100%;overflow:auto}.hpsa-content pre{white-space:pre-wrap;overflow-wrap:anywhere}
.hpsa-note{padding:24px 28px;margin:30px 0;background:#eef9f6;border-left:4px solid #0eaaa6;border-radius:0 10px 10px 0;font-size:15px}
.hpsa-note strong{display:block;color:#174942;margin-bottom:8px}.hpsa-note p:last-child{margin-bottom:0}
.hpsa-toc{background:#f6faf9;border:1px solid #dcebe7;border-radius:12px;padding:17px 22px;margin-bottom:32px;font-size:14px}
.hpsa-toc[hidden]{display:none!important}.hpsa-toc summary{font-weight:700;color:#214d46;cursor:pointer;line-height:1.6}
.hpsa-toc ol{list-style:decimal!important;margin:15px 0 0!important;padding-left:20px!important;display:grid;grid-template-columns:1fr 1fr;gap:7px 25px}.hpsa-toc li{padding-left:3px}.hpsa-toc a{text-decoration:none}
.hpsa-content .hpsa-cta{background:linear-gradient(125deg,#e8f6f2,#f7fbfa);border:1px solid #cce5dd;border-radius:14px;padding:28px 30px;margin:36px 0 22px}
.hpsa-content .hpsa-cta h2{margin:0 0 10px}.hpsa-cta p{font-size:15px}
.hpsa-content a.hpsa-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;background:#0eaaa6!important;color:#fff!important;font-weight:700;font-size:14px;line-height:1.5;border-radius:7px;text-decoration:none!important;border:1px solid #0eaaa6;box-shadow:none;max-width:100%;text-align:center}
.hpsa-content a.hpsa-button:hover{background:#087f7b!important;border-color:#087f7b}
.hpsa-text-link{display:inline-block;font-size:13px;margin:14px 0 0 18px}
.hpsa-tags{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #e1ebe7;padding-top:23px;margin-top:34px}
.hpsa-tags a{font-size:12px;line-height:1.4;padding:8px 12px;border-radius:30px;background:#f1f7f5;border:1px solid #dfebe6;color:#4d6b63;text-decoration:none}
.hpsa-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.hpsa-directory .hpsa-guide-card{display:flex;flex-direction:column;border:1px solid #dcebe6;border-radius:14px;overflow:hidden;background:#fff;color:#274d46;text-decoration:none!important;box-shadow:0 7px 24px rgba(27,71,59,.04);transition:transform .15s ease,box-shadow .15s ease}
.hpsa-guide-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(27,71,59,.09)}
.hpsa-guide-card .hpsa-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-bottom:3px solid #0eaaa6}
.hpsa-card-copy{display:flex;flex-direction:column;gap:12px;padding:22px;flex:1}.hpsa-card-copy strong{font-size:20px;line-height:1.3;color:#1c4840}.hpsa-card-copy>span:not(.hpsa-category){font-size:14px;line-height:1.65;color:#63796f}.hpsa-category{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#0b8880;font-weight:700;line-height:1.5}.hpsa-card-copy b{font-size:12px;color:#0b8078;margin-top:auto;padding-top:7px}
@media(max-width:960px){.hpsa-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.hpsa-heading{padding-top:22px}.hpsa-body{padding-top:28px}}
@media(max-width:600px){.hpsa-directory{grid-template-columns:1fr}.hpsa-breadcrumb{margin-bottom:22px}.hpsa-heading{padding-bottom:27px}.hpsa-body{padding-bottom:45px}.hpsa-content p{font-size:16px}.hpsa-note,.hpsa-content .hpsa-cta{padding:21px}.hpsa-text-link{display:block;margin-left:0}.hpsa-toc ol{grid-template-columns:1fr}.hpsa-content a.hpsa-button{width:100%}.hpsa-hero .hpsa-cover{height:245px}}
@media(prefers-reduced-motion:reduce){.hpsa-guide-card{transition:none}.hpsa-guide-card:hover{transform:none}}
