/* Solar4life — the Get a quote page (§ Q, modules/76-quote-page.php). Cream, dark green and mint, rounded like the rest of the site. */
.s4l-qp{--qp-ink:#173c30;--qp-ink2:#245244;--qp-mint:#86df94;--qp-card:#fffef9;--qp-line:#d7e0d0;--qp-muted:#5f6f66;--qp-tint:#eef4ea;--qp-dark:#0f2a22;--qp-gold:#e2b84f;color:var(--qp-ink)}
.s4l-qp *{box-sizing:border-box}
.s4l-qp h1,.s4l-qp h2,.s4l-qp h3{color:var(--qp-ink);letter-spacing:-.02em}
.s4l-qp-kick{margin:0 0 8px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--qp-muted);font-weight:700}
/* the theme's page column starts lower than this page needs */
main:has(>.entry-content>.s4l-qp),main:has(>.wp-block-post-content>.s4l-qp){padding-top:clamp(16px,2.6vw,30px)!important}

/* Q1 the top */
.s4l-qp-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:16px clamp(16px,2.4vw,28px);align-items:center;margin:0 0 clamp(16px,2.4vw,28px)}
.s4l-qp-top.no-next{grid-template-columns:minmax(0,1fr)}
.s4l-qp-top h1{margin:0 0 10px;font-size:clamp(32px,4.4vw,52px);line-height:1.04;letter-spacing:-.03em}
.s4l-qp-intro{margin:0;max-width:60ch;font-size:17.5px;line-height:1.6;color:var(--qp-ink2)}
.s4l-qp-proof{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.s4l-qp-proof li{display:block;padding:8px 14px;border-radius:999px;background:var(--qp-card);border:1px solid var(--qp-line);font-size:14.5px;line-height:1.35;color:var(--qp-ink2)}
.s4l-qp-proof b{color:var(--qp-ink)}
.s4l-qp-proof .is-rate b{color:#8a6100}
.s4l-qp-proof .is-award{background:linear-gradient(180deg,#fffaf0,#f7efd6);border-color:#ecdcae}
.s4l-qp-proof .is-award::before{content:"";display:inline-block;vertical-align:-5px;margin-right:7px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fbeab0 0,#e2b84f 46%,#a8791d 100%);box-shadow:0 1px 3px rgba(0,0,0,.2)}

/* Q2 the form, Q3–Q5 beside it */
.s4l-qp-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:clamp(16px,2.4vw,28px);align-items:start}
.s4l-qp-main.no-side{grid-template-columns:minmax(0,1fr)}
.s4l-qp-form{min-width:0;scroll-margin-top:96px}
.s4l-qp-form .s4lcrm-wiz{margin:0}
.s4l-qp-side{display:flex;flex-direction:column;gap:16px;min-width:0}
/* the next steps sit at the top on a wide screen, after the form on a phone */
.s4l-qp-next.is-side{display:none}
@media (min-width:961px) and (min-height:760px){.s4l-qp-side{position:sticky;top:96px}}
.s4l-qp-card{margin:0;padding:clamp(18px,2vw,24px);border-radius:22px;background:var(--qp-card);border:1px solid var(--qp-line)}
.s4l-qp-card h2{margin:0 0 12px;font-size:21px;line-height:1.25}
.s4l-qp-card p{margin:0 0 12px;color:var(--qp-ink2);line-height:1.55}
/* the next steps */
.s4l-qp-steps{list-style:none;margin:0;padding:0;counter-reset:qp;display:grid;gap:14px}
.s4l-qp-steps li{counter-increment:qp;display:grid;grid-template-columns:34px 1fr;column-gap:12px}
.s4l-qp-steps li::before{content:counter(qp);grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--qp-mint);color:var(--qp-ink);font-weight:800}
.s4l-qp-steps strong{font-size:16px;line-height:1.3;padding-top:6px}.s4l-qp-steps span{color:var(--qp-muted);font-size:14.5px;line-height:1.5}
/* talk to us */
.s4l-qp-talk{background:radial-gradient(120% 140% at 90% 0%,#1d4a3c 0,var(--qp-dark) 65%);border-color:transparent;color:#efeadb}
.s4l-qp-talk h2{color:#fbf8ec}.s4l-qp-talk p{color:rgba(239,234,219,.8)}
.s4l-qp-call{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;padding:13px 18px;border-radius:999px;background:var(--qp-mint);color:var(--qp-ink)!important;font-weight:800;font-size:18px;text-decoration:none!important}
.s4l-qp-call:hover{filter:brightness(.95)}
.s4l-qp-contact{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:14.5px;color:rgba(239,234,219,.78)}
.s4l-qp-contact a{color:var(--qp-mint);font-weight:600}
/* Q5 the packages, one at a time */
.s4l-qp-pkgs h2{font-size:19px}
.s4l-qp-slider{position:relative;outline:none}
.s4l-qp-track{display:grid}
.s4l-qp-slide{grid-area:1/1;position:relative;padding:18px;border-radius:18px;background:linear-gradient(180deg,#fff,#f6f8f1);border:1px solid var(--qp-line);opacity:0;visibility:hidden;transform:translateX(26px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s linear .45s}
.s4l-qp-slide.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.s4l-qp-slide.is-left{transform:translateX(-26px)}
.s4l-qp-badge{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:999px;background:var(--qp-ink);color:var(--qp-mint);font-size:12px;font-weight:700}
.s4l-qp-tags{margin:0 0 4px!important;font-size:12.5px!important;letter-spacing:.06em;text-transform:uppercase;color:var(--qp-muted)!important;font-weight:700}
.s4l-qp-slide h3{margin:0 0 10px;font-size:19px;line-height:1.25}
.s4l-qp-spec{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.s4l-qp-spec li{display:flex;align-items:baseline;gap:5px;padding:6px 12px;border-radius:999px;background:var(--qp-tint);font-size:14px}.s4l-qp-spec b{font-size:16px}
.s4l-qp-pay{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin:0 0 2px!important}.s4l-qp-pay b{font-size:30px;letter-spacing:-.02em;color:var(--qp-ink)}.s4l-qp-pay span{font-size:14px;color:var(--qp-muted)}
.s4l-qp-full{font-size:13.5px!important;color:var(--qp-muted)!important;margin:0 0 14px!important}
.s4l-qp-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0!important}
.s4l-qp-btn{display:inline-block;padding:11px 18px;border-radius:999px;background:var(--qp-ink);color:#fff!important;font-weight:700;text-decoration:none!important}
.s4l-qp-btn:hover{background:var(--qp-ink2)}
.s4l-qp-link{color:var(--qp-ink)!important;font-weight:600;text-underline-offset:3px}
.s4l-qp-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0}
.s4l-qp-nav>button{width:38px;height:38px;flex:none;border-radius:50%;border:1px solid var(--qp-line);background:#fff;color:var(--qp-ink);font:600 22px/1 Georgia,serif;cursor:pointer}
.s4l-qp-nav>button:hover{background:var(--qp-tint)}
.s4l-qp-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.s4l-qp-dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#c9d6c4;cursor:pointer;transition:width .3s,background .3s}
.s4l-qp-dot.is-on{width:24px;background:var(--qp-ink)}
.s4l-qp-fine{margin:10px 0 0!important;font-size:12.5px!important;color:var(--qp-muted)!important}
.s4l-qp :focus-visible{outline:3px solid var(--qp-mint);outline-offset:2px}

/* Q6 reviews, Q7 awards, Q8 questions, Q9 still exploring: each its own section */
.s4l-qp-reviews,.s4l-qp-awards,.s4l-qp-faq,.s4l-qp-explore{margin-top:clamp(28px,4vw,44px)}
.s4l-qp-reviews .s4l-rvw{padding:0}
.s4l-qp-awards h2,.s4l-qp-faq h2,.s4l-qp-explore h2{margin:0 0 12px;font-size:clamp(24px,2.8vw,32px);line-height:1.15}
.s4l-qp-awards .s4l-aw-row{margin:0}
.s4l-qp-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(16px,4vw,48px);align-items:start}
.s4l-qp-faqhead{position:sticky;top:110px}
.s4l-qp-q{border-top:1px solid var(--qp-line);border-bottom:0;padding:0}.s4l-qp-q:last-child{border-bottom:1px solid var(--qp-line)}
.s4l-qp-q summary{cursor:pointer;list-style:none;padding:15px 36px 15px 0;font-weight:700;font-size:16.5px;position:relative}
.s4l-qp-q summary::-webkit-details-marker{display:none}
.s4l-qp-q summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:24px;color:var(--qp-muted);transition:transform .2s}
.s4l-qp-q[open] summary::after{transform:rotate(45deg)}
.s4l-qp-q p{margin:0 0 16px;color:var(--qp-ink2);line-height:1.6}
.s4l-qp-explore{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding:clamp(20px,3vw,32px);border-radius:22px;background:var(--qp-tint)}
.s4l-qp-explore h2{margin:0 0 6px}.s4l-qp-explore p{margin:0;color:var(--qp-ink2);max-width:56ch}
.s4l-qp-exlinks{display:flex;flex-wrap:wrap;gap:10px}
.s4l-qp-exlinks a{padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--qp-line);color:var(--qp-ink)!important;font-weight:700;text-decoration:none!important}
.s4l-qp-exlinks a:hover{border-color:var(--qp-ink2)}

@media (max-width:960px){.s4l-qp-top{grid-template-columns:minmax(0,1fr)}.s4l-qp-next.is-top{display:none}.s4l-qp-next.is-side{display:block}.s4l-qp-main{grid-template-columns:minmax(0,1fr)}.s4l-qp-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}}
@media (max-width:760px){.s4l-qp-top{grid-template-columns:1fr;align-items:start}.s4l-qp-proof{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.s4l-qp-faq{grid-template-columns:1fr}.s4l-qp-faqhead{position:static}.s4l-qp-side{display:flex}}
@media (prefers-reduced-motion:reduce){.s4l-qp-slide,.s4l-qp-slide.is-on{transition:none;transform:none}}

/* phones: one step smaller, a little tighter */
@media (max-width:600px){.s4l-qp-top h1{font-size:clamp(30px,9vw,36px)}.s4l-qp-intro{font-size:16px}.s4l-qp-card h2{font-size:19px}.s4l-qp-awards h2,.s4l-qp-faq h2,.s4l-qp-explore h2{font-size:clamp(23px,6.6vw,27px)}
.s4l-qp-card{padding:18px 16px}.s4l-qp-slide{padding:16px}.s4l-qp-slide h3{font-size:17.5px}.s4l-qp-pay b{font-size:26px}.s4l-qp-call{font-size:17px}.s4l-qp-q summary{font-size:15.5px}.s4l-qp-proof li{font-size:13.5px}}