:root{--sp-ink:var(--ink);--sp-paper:var(--paper);--sp-alt:var(--mist);--sp-text:var(--text);--sp-muted:var(--muted);--sp-accent:var(--lime);--sp-onaccent:var(--lime-ink);--sp-eye:var(--leaf);--sp-soft:#c8dcc0;--sp-card:#fff;--sp-line:var(--line-d);--sp-r:18px;--sp-btnr:999px;--sp-body:var(--f-b)}
/* Town and compare pages (4 Nov 2026). Built by client-sites/paul-seo: edit there, not here.
   Colors and type come from the site's own tokens, mapped in the block the builder puts on top. */
.sp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sp-head{background:var(--sp-ink);color:#fff;padding-block:clamp(40px,6vw,88px)}
.sp-head__in{display:grid;gap:clamp(24px,4vw,56px);align-items:center}
@media(min-width:960px){.sp-head__in:has(.sp-head__ph){grid-template-columns:1.1fr .9fr}}
.sp-head h1{color:#fff;margin:14px 0 0;font-size:clamp(2.6rem,6.4vw,5rem);max-width:18ch}
.sp-head h1 em{font-style:normal;color:var(--sp-accent)}
.sp-head__ph{margin:0;border-radius:var(--sp-r);overflow:hidden}
.sp-head__ph img{width:100%;height:auto;display:block}
.sp-crumbs{margin:0 0 14px;font-size:.875rem;color:var(--sp-soft)}
.sp-crumbs a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.sp-eyebrow{margin:0;font:800 .8125rem/1.3 var(--sp-body);letter-spacing:.16em;text-transform:uppercase;color:var(--sp-eye)}
.sp-head .sp-eyebrow{color:var(--sp-accent)}
.sp-lede{margin:18px 0 0;max-width:58ch;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.5;color:var(--sp-soft)}
.sp-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:var(--sp-btnr);border:2px solid rgba(255,255,255,.38);color:#fff;font-weight:700;text-decoration:none;font-size:1rem}
.sp-btn:hover{border-color:var(--sp-accent);color:var(--sp-accent)}
.sp-btn--main{background:var(--sp-accent);border-color:var(--sp-accent);color:var(--sp-onaccent)}
.sp-btn--main:hover{color:var(--sp-onaccent);filter:brightness(1.08)}
.sp-sec{padding-block:clamp(52px,7vw,96px);background:var(--sp-paper);color:var(--sp-text)}
.sp-sec--alt{background:var(--sp-alt)}
.sp-sec h2{color:var(--sp-text);margin:12px 0 0;font-size:clamp(2.1rem,4.6vw,3.6rem)}
.sp-sec h2 em{font-style:normal;color:var(--sp-eye)}
.sp-sec h3{color:var(--sp-text);font-size:1.25rem;margin:22px 0 10px}
.sp-intro{max-width:64ch;color:var(--sp-muted);margin:14px 0 0}
.sp-prose{max-width:68ch}.sp-prose--wide{max-width:76ch;margin-top:22px}
.sp-prose p{margin:0 0 1em}
.sp-split{display:grid;gap:clamp(24px,4vw,56px);margin-top:26px;align-items:start}
@media(min-width:900px){.sp-split{grid-template-columns:1.15fr .85fr}}
.sp-fig{margin:0}.sp-fig img{width:100%;height:auto;display:block;border-radius:var(--sp-r)}
.sp-fig figcaption{margin-top:8px;font-size:.875rem;color:var(--sp-muted)}
.sp-cards{display:grid;gap:14px;margin-top:26px}
@media(min-width:720px){.sp-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.sp-cards{grid-template-columns:repeat(3,1fr)}}
.sp-card{display:block;padding:20px 22px;background:var(--sp-card);border:1px solid var(--sp-line);border-radius:var(--sp-r);text-decoration:none;color:var(--sp-text)}
.sp-card:hover{border-color:var(--sp-eye)}
.sp-card b{display:block;font-size:1.0625rem;margin-bottom:6px}
.sp-card span{display:block;font-size:.9375rem;color:var(--sp-muted);line-height:1.5}
.sp-where{display:grid;gap:clamp(20px,4vw,48px);margin-top:10px}
@media(min-width:900px){.sp-where{grid-template-columns:1.2fr 1fr}}
.sp-where>*,.sp-glance>*,.sp-split>*,.sp-quote>*,.sp-head__in>*,.sp-regions>*{min-width:0}
.sp-tw{overflow-x:auto}
.sp-t{width:100%;border-collapse:collapse;font-size:.9688rem}
.sp-t th,.sp-t td{padding:12px 14px 12px 0;border-bottom:1px solid var(--sp-line);text-align:left;vertical-align:top}
.sp-t th{font-weight:700;min-width:96px}
.sp-t td{color:var(--sp-muted)}
ul.sp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
ul.sp-chips li{padding:7px 13px;border:1px solid var(--sp-line);border-radius:99px;background:var(--sp-card);font-size:.9063rem;line-height:1.3}
ul.sp-chips a{color:var(--sp-text);text-decoration:none;font-weight:600}
ul.sp-chips a:hover{text-decoration:underline}
.sp-glance{display:grid;gap:clamp(20px,4vw,48px);margin-top:26px}
@media(min-width:900px){.sp-glance{grid-template-columns:1fr 1fr}}
.sp-glance dl{margin:0;display:grid;gap:0}
.sp-glance dl>div{padding:12px 0;border-bottom:1px solid var(--sp-line)}
.sp-glance dt{font-size:.8125rem;color:var(--sp-muted)}
.sp-glance dd{margin:2px 0 0;font-size:1.125rem;font-weight:700}
.sp-note{font-size:.875rem;color:var(--sp-muted);margin:0}
.sp-note a,.sp-prose a{color:var(--sp-eye);text-decoration:underline;text-underline-offset:3px}
.sp-faq{margin-top:22px;max-width:820px}
.sp-faq details{border-bottom:1px solid var(--sp-line);padding:16px 0}
.sp-faq summary{cursor:pointer;font-weight:700;font-size:1.0625rem;min-height:28px}
.sp-faq p{margin:10px 0 0;color:var(--sp-muted)}
.sp-quote{display:grid;gap:clamp(24px,5vw,72px);align-items:start}
@media(min-width:960px){.sp-quote{grid-template-columns:.85fr 1.15fr}}
.sp-lines{display:grid;gap:10px;margin-top:22px;max-width:360px}
.sp-line{display:block;padding:14px 18px;background:var(--sp-card);border:1px solid var(--sp-line);border-radius:var(--sp-r);text-decoration:none;color:var(--sp-text);font-weight:800;font-size:1.25rem}
.sp-line small{display:block;font-size:.75rem;font-weight:600;color:var(--sp-muted);letter-spacing:.06em;text-transform:uppercase}
.sp-form .hp{position:absolute;left:-9999px}
.sp-fs{border:0;padding:0;margin:0 0 14px}
.sp-fs legend{font-weight:700;font-size:.875rem;margin-bottom:8px}
.sp-form{background:var(--sp-card);border:1px solid var(--sp-line);border-radius:var(--sp-r);padding:clamp(20px,3vw,36px)}
.sp-formnote{font-size:.8125rem;color:var(--sp-muted);margin:0}
.sp-regions{display:grid;gap:clamp(20px,3vw,36px);margin-top:22px}
@media(min-width:800px){.sp-regions{grid-template-columns:repeat(2,1fr)}}
.sp-region h3{margin-top:0}
.sp-region ul{margin:0;padding:0;list-style:none}
.sp-region li{border-bottom:1px solid var(--sp-line)}
.sp-region a{display:block;padding:10px 0;text-decoration:none;color:var(--sp-text)}
.sp-region a:hover b{text-decoration:underline}
.sp-region b{display:block}
.sp-region span{display:block;font-size:.875rem;color:var(--sp-muted)}
.sp-sisters{display:grid;gap:12px}
@media(min-width:720px){.sp-sisters{grid-template-columns:1fr 1fr;max-width:720px}}
.sp-sis{display:block;padding:16px 20px;background:var(--sp-card);border:1px solid var(--sp-line);border-radius:var(--sp-r);text-decoration:none;color:var(--sp-text)}
.sp-sis b{display:block}.sp-sis span{font-size:.875rem;color:var(--sp-muted)}
.sp-cmpw{margin-top:22px}
.sp-cmp{width:100%;border-collapse:collapse;background:var(--sp-card);border:1px solid var(--sp-line);font-size:.9688rem}
.sp-cmp th,.sp-cmp td{padding:13px 16px;border-bottom:1px solid var(--sp-line);text-align:left;vertical-align:top}
.sp-cmp thead th{background:var(--sp-ink);color:#fff}
.sp-cmp tbody th{font-weight:700;width:22%}
.sp-cmp--hub a,.sp-cmp td a{color:var(--sp-eye)}
@media(max-width:760px){
  .sp-cmp,.sp-cmp tbody,.sp-cmp tr,.sp-cmp th,.sp-cmp td{display:block;width:auto}
  .sp-cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .sp-cmp tr{padding:12px 16px;border-bottom:1px solid var(--sp-line)}
  .sp-cmp th,.sp-cmp td{padding:4px 0;border:0}
  .sp-cmp td::before{content:attr(data-k);display:block;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sp-muted);margin-top:6px}
  .sp-cmp tbody th{width:auto;font-size:1.0625rem}
}
.sp-fit{display:grid;gap:16px;margin-top:22px}
@media(min-width:760px){.sp-fit{grid-template-columns:1fr 1fr}}
.sp-fit>div{padding:22px;background:var(--sp-card);border:1px solid var(--sp-line);border-radius:var(--sp-r)}
.sp-fit h3{margin-top:0}.sp-fit p{margin:0;color:var(--sp-muted)}
.sp-fit__us{border-color:var(--sp-eye)!important;border-width:2px!important}
ul.sp-ticks{margin:22px 0 0;padding:0;list-style:none;max-width:70ch}
ul.sp-ticks li{padding:12px 0 12px 28px;border-bottom:1px solid var(--sp-line);position:relative}
ul.sp-ticks li::before{content:"";position:absolute;left:4px;top:20px;width:12px;height:6px;border-left:3px solid var(--sp-eye);border-bottom:3px solid var(--sp-eye);transform:rotate(-45deg)}
.sp-morelink{display:inline-block;margin-top:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}