/* SunVolt Pro editorial blog – scoped to svb */
.svb{--ink:#17312e;--muted:#58706b;--accent:#12805d;--light:#f1f8f4;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif}.svb *{box-sizing:border-box}.svb .wrap{max-width:1160px;margin:auto;padding:0 24px}.svb a{color:#0c7353;text-decoration:none}.svb a:hover{text-decoration:underline}.svb-hero{background:linear-gradient(125deg,#0e292a,#185b4a);color:white;padding:78px 0 68px}.svb-hero .eyebrow{color:#8ee2ba;font-size:14px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.svb h1{font-size:clamp(35px,5vw,60px);line-height:1.12;letter-spacing:-.04em;margin:17px 0}.svb-hero p{max-width:750px;color:#d6e8df;font-size:19px;line-height:1.7}.svb-hero a.button,.svb .button{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;background:#b5f18e;color:#183b2a;border-radius:12px;font-weight:800;margin-top:15px}.svb .bread{font-size:14px;color:#a7d9c7}.svb .bread a{color:#c5f5e2}.svb .section{padding:60px 0}.svb h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.03em;margin:0 0 18px}.svb .intro{color:var(--muted);font-size:18px;max-width:790px;line-height:1.7}.svb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.svb-card{border:1px solid #e1ebe5;border-radius:20px;overflow:hidden;background:white;box-shadow:0 10px 35px rgba(14,54,39,.05);display:flex;flex-direction:column}.svb-card img{width:100%;height:190px;object-fit:cover;background:#eaf3ed}.svb-card .inner{padding:24px;display:flex;flex-direction:column;flex:1}.svb-card .tag{font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:800;color:#17805b}.svb-card h3{font-size:22px;line-height:1.3;margin:12px 0}.svb-card p{color:var(--muted);line-height:1.65;margin:0 0 18px}.svb-card .more{font-weight:800;margin-top:auto}.svb .band{background:#f2f8f4;padding:45px 0}.svb .topics{display:flex;flex-wrap:wrap;gap:10px}.svb .topics span{border:1px solid #d4e7dc;padding:10px 15px;border-radius:30px;color:#35574d;background:white}.svb-article{max-width:860px;margin:0 auto;padding:55px 24px 75px}.svb-article .lead{font-size:21px;line-height:1.75;color:#405e55}.svb-article p,.svb-article li{font-size:17px;line-height:1.85;color:#40574f}.svb-article h2{margin:42px 0 12px;font-size:30px}.svb-article h3{margin:28px 0 10px;font-size:22px}.svb-article figure{margin:30px 0}.svb-article figure img{width:100%;height:auto;border-radius:18px}.svb-article figcaption{font-size:13px;color:#687e75;margin-top:9px}.svb-article .note{background:#edf8f1;border-left:4px solid #18976a;border-radius:10px;padding:18px 22px;margin:26px 0}.svb-article .note p{margin:0}.svb-article .toc{background:#f5f9f6;border:1px solid #dfece2;padding:22px 28px;border-radius:16px;margin:30px 0}.svb-article .toc a{display:block;padding:6px 0}.svb-article .faq{border-top:1px solid #e0eae4;padding:17px 0}.svb-article .faq h3{margin:0 0 6px}.svb-article .faq p{margin:0}.svb-article .back{font-weight:800}.svb .cta{padding:50px 0;background:#102e2a;color:#fff}.svb .cta p{color:#c6ded4}.svb .cta a{color:#b5f18e;font-weight:800}@media(max-width:850px){.svb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svb-hero{padding:50px 0}}@media(max-width:580px){.svb-grid{grid-template-columns:1fr}.svb .section{padding:42px 0}.svb-article{padding:36px 20px 55px}.svb-card img{height:210px}}

/* Compact editorial hero with optimized existing site imagery */
.svb .svb-hero.svb-photo-hero{position:relative;isolation:isolate;min-height:270px;padding:45px 0 42px;overflow:hidden;background:#12382f}
.svb .svb-photo-hero .svb-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}
.svb .svb-photo-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,35,31,.93) 0%,rgba(7,35,31,.77) 53%,rgba(7,35,31,.20) 100%);z-index:-1}
.svb .svb-photo-hero h1{font-size:clamp(30px,3.7vw,47px);max-width:820px;margin:10px 0}
.svb .svb-photo-hero p{font-size:16px;line-height:1.55;max-width:740px;margin:8px 0}
.svb .svb-photo-hero .button{margin-top:12px}
.svb .svb-photo-hero .bread{margin-bottom:12px}
.svb .svb-article-content{font-size:17px;line-height:1.85}
.svb .svb-article-content p{margin:0 0 19px}
.svb .svb-article-content h2{margin:38px 0 15px}
.svb .svb-article-content h3{margin:24px 0 10px}
.svb .svb-article-content ul{padding-left:24px;margin:12px 0 24px}
.svb .svb-article-content li{margin-bottom:9px}
.svb .svb-figure{margin:32px 0;padding:12px;border:1px solid #e1eae5;border-radius:16px;background:#f7faf8}
.svb .svb-figure img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:9px}
.svb .svb-figure figcaption{font-size:13px;color:#536b63;text-align:center;margin-top:9px;line-height:1.5}
.svb .svb-info{padding:20px 24px;border-left:4px solid #12805d;background:#eff8f3;border-radius:0 12px 12px 0;margin:26px 0}
.svb .svb-related{padding:30px 0;border-top:1px solid #e0e9e4;margin-top:38px}
.svb .svb-related a{display:inline-block;margin:6px 16px 6px 0;font-weight:700}
@media(max-width:700px){.svb .svb-hero.svb-photo-hero{min-height:235px;padding:30px 0}.svb .svb-photo-hero:before{background:rgba(7,35,31,.76)}.svb .svb-article-content{font-size:16px}.svb .svb-figure{margin:24px 0}}


/* Blog refresh: light, high contrast, easy article navigation */
.svb{background:#f7faf8;color:#18352f}
.svb .svb-hero{background:#e9f3ed;color:#173c32;padding:52px 0 48px}
.svb .svb-hero .eyebrow,.svb .svb-hero .bread,.svb .svb-hero .bread a{color:#226d53}
.svb .svb-hero h1{color:#153c32;text-shadow:none}
.svb .svb-hero p{color:#425d54}
.svb .svb-hero .button{background:#177d56;color:#fff}
.svb .svb-photo-hero{min-height:240px!important;position:relative;isolation:isolate}
.svb .svb-photo-hero:before{background:linear-gradient(90deg,rgba(241,249,244,.96),rgba(241,249,244,.89) 52%,rgba(241,249,244,.53))!important}
.svb .svb-photo-hero .svb-hero-image{opacity:.7}
.svb .svb-photo-hero h1,.svb .svb-photo-hero p,.svb .svb-photo-hero .bread{color:#14392e!important}
.svb .svb-photo-hero .eyebrow{color:#146e4c!important}
.svb-blog-index-hero{background:linear-gradient(100deg,#e5f3e9,#f7faf5)!important}
.svb-reading-layout{max-width:1160px;margin:0 auto;padding:42px 24px 70px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;align-items:start}
.svb-reading-layout .svb-article{min-width:0;margin:0!important;max-width:none!important;background:#fff;padding:34px;border:1px solid #e3ede7;border-radius:18px;box-shadow:0 10px 30px rgba(20,65,45,.035)}
.svb-sidebar{min-width:0}
.svb-side-box{position:sticky;top:90px;border:1px solid #dce9e1;background:#fff;border-radius:18px;padding:23px;box-shadow:0 8px 30px rgba(16,58,38,.05)}
.svb-side-label{font-size:11px;font-weight:800;letter-spacing:.11em;color:#16805b}
.svb-side-box h2{font-size:21px!important;color:#173c32!important;margin:10px 0 8px!important;line-height:1.3}
.svb-side-box p{font-size:14px;color:#5d7268;margin:0 0 15px}
.svb-side-link{display:flex;justify-content:space-between;gap:12px;padding:13px 10px;margin:4px 0;border-radius:10px;color:#244b3e!important;background:#f5faf7;font-size:14px;font-weight:700;line-height:1.4}
.svb-side-link.active{background:#e3f2e9;border-left:3px solid #17805b}
.svb-side-link:hover{background:#e7f5ed;text-decoration:none}
.svb-side-all{display:inline-block;margin-top:16px;font-weight:800;color:#11754f!important}
.svb .svb-article img{max-width:100%;height:auto}
.svb .svb-article h2,.svb .svb-article h3{color:#193e33}
.svb-legacy-guide{background:#f7faf8;color:#193c32}
.svb-legacy-top{padding:34px 24px;background:linear-gradient(100deg,#e5f3e9,#f8fbf8)}
.svb-legacy-wrap{max-width:1160px;margin:auto}
.svb-legacy-top h1{font-size:clamp(29px,4vw,46px);color:#143c30;margin:14px 0 6px}
.svb-legacy-top p{color:#466258;margin:0}
.svb-legacy-top a{color:#176f50}
.svb-legacy-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;max-width:1160px;margin:auto;padding:36px 24px 70px;align-items:start}
.svb-legacy-body{min-width:0;overflow:hidden;background:#fff;border-radius:18px}
.svb-legacy-body .sv-blog-intro{background:#f0f7f2!important;color:#173b31!important}
.svb-legacy-body .sv-blog-intro h1,.svb-legacy-body .sv-blog-intro p{color:#173b31!important}
@media(max-width:900px){.svb-reading-layout,.svb-legacy-layout{grid-template-columns:1fr}.svb-side-box{position:static}.svb-reading-layout .svb-article{padding:23px}}
@media(max-width:600px){.svb-reading-layout,.svb-legacy-layout{padding:22px 14px 45px}.svb .svb-hero{padding:36px 0}.svb .svb-photo-hero:before{background:rgba(244,250,246,.90)!important}}

.svb-text-section{margin:32px 0}.svb-text-section p{font-size:17px;line-height:1.85;color:#38594d}.svb .svb-card img{object-fit:cover}.svb-reading-layout .svb-article{min-width:0}.svb .svb-figure img{width:100%;height:auto}

.svb-faq{margin:40px 0}.svb-faq h2{font-size:27px!important}.svb-faq-item{border:1px solid #dcece2;border-radius:12px;margin:10px 0;background:#f7fbf8}.svb-faq-item summary{padding:16px 18px;cursor:pointer;color:#173d31;font-weight:750}.svb-faq-item p{padding:0 18px 16px;margin:0;color:#4c675b;line-height:1.75}.svb .svb-card img{width:100%;height:200px;object-fit:cover}.svb .svb-photo-hero{overflow:hidden}.svb .svb-photo-hero .svb-hero-image{object-fit:cover}

/* Blog v17: stable light editorial layout and long navigation */
.svb{background:#f6faf7}.svb .svb-photo-hero{min-height:280px!important}.svb .svb-photo-hero .svb-hero-image{opacity:.75}.svb .svb-photo-hero:before{background:linear-gradient(90deg,rgba(244,250,245,.96),rgba(244,250,245,.87) 56%,rgba(244,250,245,.25))!important}.svb .svb-photo-hero h1,.svb .svb-photo-hero p{color:#143a2d!important}.svb-side-scroll{max-height:570px;overflow:auto;scrollbar-width:thin;padding-right:5px}.svb-toc{display:grid;gap:9px;padding:20px 24px;background:#f1f8f3;border:1px solid #d8e9dd;border-radius:14px;margin:26px 0}.svb-toc strong{color:#173c30}.svb-toc a{font-size:14px;line-height:1.5}.svb-info{background:#edf7f0;border-left:4px solid #1a8b60;padding:18px 20px;border-radius:10px;color:#2d5142}.svb-related{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.svb-related strong{width:100%}.svb-related a{padding:8px 12px;background:#edf7f0;border-radius:10px}.svb .svb-card{transition:transform .2s ease,box-shadow .2s ease}.svb .svb-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(14,54,39,.10)}@media(max-width:900px){.svb-side-scroll{max-height:none}.svb .svb-photo-hero{min-height:240px!important}}