/* Service pages, Greenville Tree Removal Service (Oct 31 2026 draft). Uses site.css variables. */
.sv-top{background:var(--forest);color:#f4f1e8;padding:2.2rem 0 2.4rem;border-bottom:6px solid var(--bark)}
.sv-top h1{color:#fff;max-width:22ch;margin:.35rem 0 1rem;font-size:clamp(1.9rem,4.4vw,3rem)}
.sv-top .lead{border-left-color:var(--amber);max-width:66ch;color:#fbf8f0}
.sv-top .sub{max-width:66ch;opacity:.92}
.sv-top .btn-call{color:#fff}
.crumbs{margin:0;font-size:.9rem;opacity:.85}
.crumbs a{color:#f4f1e8}
.sv-fig{margin-top:1.5rem}
.sv-fig img{width:100%;height:auto;border-radius:var(--rad);display:block}
.svc-page .info .note{background:var(--moss);padding:1rem 1.15rem;border-radius:var(--rad)}
.svc-page .info.dark .note{background:rgba(255,255,255,.07)}
.sv-more{margin-top:1.5rem;font-style:italic}
@media(min-width:900px){.svc-page .notes{grid-template-columns:1fr 1fr}.sv-top{padding:3rem 0}}
.svc-page .info.dark a{color:#fff;text-decoration:underline}
/* ---- Web Designer polish, Oct 31 2026 (generated by /workspace/svc1031/polish.py) ---- */
.svc-page{--sv-chip-bg:rgba(255,255,255,.08);--sv-chip-bd:rgba(255,255,255,.28);--sv-chip-fg:#fbf8f0;--sv-dot:var(--amber);--sv-rel-bg:var(--moss);--sv-rel-ac:var(--bark);--sv-rel-fg:var(--forest);--sv-step-n:var(--amber);--sv-step-nf:#1b1407}
.sv-trust{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.sv-trust li{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .8rem;border:1px solid var(--sv-chip-bd);background:var(--sv-chip-bg);color:var(--sv-chip-fg);border-radius:999px;font-size:.88rem;font-weight:600;line-height:1.3}
.sv-trust li::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--sv-dot);flex:none}
.sv-top .ctas{margin-top:1.25rem}
.sv-top .sv-fig{margin:1.5rem 0 0;padding:0}
.sv-top .sv-fig figure{margin:0}
.f-cta{flex-wrap:wrap}
.sv-related{padding:2.5rem 0 3rem}
.sv-related h2{margin:0 0 1rem}
.sv-rel{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.sv-rel a{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:52px;padding:.8rem 1rem;background:var(--sv-rel-bg);border-left:4px solid var(--sv-rel-ac);border-radius:var(--rad);color:var(--sv-rel-fg);font-weight:700;text-decoration:none}
.sv-rel a::after{content:"\2192";flex:none}
.sv-rel a:hover,.sv-rel a:focus-visible{text-decoration:underline}
.sv-rel-all{margin:1rem 0 0}
.sv-steps-h{margin:1.6rem 0 .7rem;font-size:var(--h3)}
.sv-steps{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.8rem;counter-reset:st}
.sv-steps li{counter-increment:st;display:grid;grid-template-columns:2rem 1fr;column-gap:.75rem;align-items:start;align-content:start}
.sv-steps li::before{content:counter(st);width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--sv-step-n);color:var(--sv-step-nf);font-weight:800;grid-row:span 2}
.sv-steps b{display:block;color:#fff}
.sv-steps span{opacity:.92;font-size:.95rem}
@media(min-width:640px){.sv-rel{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.sv-rel{grid-template-columns:repeat(4,1fr)}}
@media(min-width:960px){
 .sv-top .sv-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:3rem;align-items:center}
 .sv-top .sv-split .sv-fig{margin:0}
 .sv-top .sv-split h1{max-width:20ch}
}
