/* r5 (Oct 30, 2026): Bryan's answers 6 and 9 + Claude's r4 review.
   #2F6F82 is for small colored text only. Buttons, headings and prices are charcoal #343E44. Style guide palette only. */
:root{--r4-head:#343E44}
html.bo-ended .sale-only{display:none!important}
html:not(.bo-ended) .reg-only{display:none!important}
.r3sub{color:#343E44!important}
.btn:hover{background:#252D32}
.r4pr-body .eyebrow{color:#2F6F82!important}
a.r4pbtn:focus-visible,.bt-btn:focus-visible,.wz-tbk:focus-visible{outline:3px solid #343E44!important;outline-offset:2px}
.bt-howone{margin:0 0 10px;text-align:center}
.bt-howone .bt-how{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#2F6F82;font-size:.95rem}
.bo-story{margin:10px 0 0;text-align:center;font-size:.95rem;color:#343E44}
.tbl-note{margin:18px 0 6px;font-weight:700;color:#343E44}
.r5head{text-align:center;padding:clamp(28px,5vw,48px) 20px 0;max-width:820px;margin:0 auto}
.r5head h1{margin:0 0 .3em;color:#343E44}
.r5head p{margin:0;color:#343E44}
.bzonce{margin:14px auto 0;max-width:760px;text-align:center;font-weight:600;color:#343E44}
.dl-low{font-weight:700;color:#343E44}
.dl-hang{float:right;margin:0 0 6px 12px}
.dh-card249 .dh-hang{float:right;margin:0 0 10px 14px;width:96px;height:auto}
.dh-card249::after{content:"";display:block;clear:both}

/* r6: header is Windows, Solar, Business, Book (Client Login in the footer) */
.top nav .navl{white-space:nowrap}
@media (max-width:1040px){.top nav .navl{text-align:center;font-size:.95rem!important;padding:9px 12px!important}}

/* r8dhsq: door hanger square (home + window cleaning only) */
.dhsq{box-sizing:border-box;width:100%;max-width:440px;margin:22px auto;padding:20px;border:2px solid var(--slate,#343E44);border-radius:var(--r,22px);background:var(--light,#E9F5F8);color:var(--slate,#343E44);display:flex;flex-direction:column;justify-content:center;gap:8px;text-align:center}
.dhsq-eye{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-d,#2F6F82)}
.dhsq-h{margin:0;font-size:1.25rem;line-height:1.2}
.dhsq-sub{margin:0 0 4px;font-size:.92rem}
.dhsq-row{border-top:1px solid var(--blue,#A8D5E3);padding-top:10px}
.dhsq-n{margin:0;font-weight:700}.dhsq-p{margin:2px 0 6px;font-size:.95rem}
.dhsq-btns{margin:0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.dhsq-btns .bt-btn{flex:1 1 0;min-width:120px;text-align:center}
html .dhsq .dhsq-btns a.bt-btn{color:#fff!important}   /* window cleaning page has a dark link color rule */
.dhsq-art{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin:0 0 6px}