/* Service pages, Fort Myers Fence and Gate (Oct 31 2026 draft). Uses site.css variables. */
.sv-top{background:linear-gradient(135deg,var(--deep) 0%,var(--navy) 60%,var(--teal) 100%);color:#e6f2f5;padding:2.4rem 0 2.6rem}
.sv-top h1{color:#fff;max-width:24ch;margin:.4rem 0 .9rem}
.sv-top .lead{max-width:64ch;color:#f2fafc}
.sv-top .sub{max-width:64ch}
.crumbs{margin:0;font-size:.88rem;letter-spacing:.02em}
.crumbs a{color:var(--aqua)}
.sv-fig{margin-top:-1.2rem;position:relative}
.sv-fig img{width:100%;height:auto;border-radius:var(--rad);display:block;box-shadow:0 10px 30px rgba(7,42,59,.25)}
.svc-page .info .note{border-top:3px solid var(--aqua);padding-top:.75rem}
.sv-more{margin-top:1.5rem;padding:1rem 1.2rem;background:var(--sand);border-radius:var(--rad)}
.svc-page .info.dark .sv-more{color:var(--ink)}
@media(min-width:960px){.svc-page .notes{grid-template-columns:repeat(3,1fr)}.sv-top{padding:3.2rem 0 3.6rem}}
.sv-top .formslot{margin-top:1.5rem}
@media(min-width:960px){.sv-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:start}.sv-top .formslot{margin-top: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(63,214,197,.45);--sv-chip-fg:#e6f2f5;--sv-dot:var(--aqua);--sv-rel-bg:var(--sand);--sv-rel-ac:var(--teal);--sv-rel-fg:var(--navy);--sv-step-n:var(--aqua);--sv-step-nf:#062130}
.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}
}

.q-solo .sv-steps-h{margin-top:2rem}
.q-solo .sv-steps{text-align:left;max-width:60rem;margin:0 auto 1.5rem}
@media(min-width:760px){.q-solo .sv-steps{grid-template-columns:repeat(3,1fr);gap:1.25rem}}