/* sth-inc1: canonical service-area block CSS, moved verbatim from Home inline styles. Loaded on every page using _inc/area-sec.html. */
#area .r7sub{display:block;margin-top:.45em;font-family:var(--display,Saira),sans-serif;font-size:clamp(16px,1.7vw,21px);font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none;opacity:.86;text-wrap:balance}
@media(max-width:767px){#area .amap .areas{grid-template-columns:1fr!important;gap:0!important}#area .areas>li{text-align:center;padding:26px 0!important;border:0!important;position:relative}#area .areas>li:first-child{padding-top:4px!important}#area .areas>li+li::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,rgba(254,209,77,0),rgba(254,209,77,.38) 50%,rgba(254,209,77,0))}#area .areas .co{height:80px;margin:0 auto 10px}#area .areas .ccs{display:block!important;text-align:center;text-wrap:balance;line-height:1.75;max-width:30ch;margin:0 auto}#area .areas .ccs span{display:inline-block;white-space:nowrap;margin:0 7px}}
/* r8b: ZIP form spacing + no overflow; city lists without leading separators */#area .zip{box-sizing:border-box;max-width:100%;min-width:0}
#area .zip .zr{display:flex;min-width:0;max-width:100%}
#area .zip .zr input{flex:1 1 0;width:0;min-width:0;box-sizing:border-box}
#area .zip .zr .btn{flex:0 0 auto;white-space:nowrap}
@media(min-width:700px){#area .amap>.arc .zip{margin-bottom:36px!important}}
#area .areas .ccs{display:flex!important;flex-wrap:wrap;column-gap:14px!important;row-gap:2px}
#area .areas .ccs span+span::before{content:none!important}
@media(max-width:767px){#area .areas .ccs{justify-content:center}#area .areas .ccs span{margin:0!important}}
/* inc1 normalisers: pin block to Home values on pages that load a different base sheet */
#area .eb{color:rgb(254,209,77)}
@media(max-width:699px){#area>.wrap{padding-left:22px;padding-right:22px}}
/* sth-area-grid1: 2x2 county grid with a cross divider, bigger outlines, one city per line. Shared include only (loaded by every page using _inc/area-sec.html). */
#area .areas .ccs{flex-direction:column;flex-wrap:nowrap;align-items:center;row-gap:2px}
@media(max-width:767px){#area .areas .ccs{align-items:center}}
@media(min-width:768px){
#area .amap>.arc .zip{margin-bottom:20px!important}
#area .amap .areas{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:none;grid-auto-rows:minmax(min-content,1fr);gap:0!important;flex:1 1 auto;align-content:stretch;margin:0}
#area .amap .areas::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(254,209,77,0),rgba(254,209,77,.35) 50%,rgba(254,209,77,0)) 50% 0/1px 100% no-repeat,linear-gradient(90deg,rgba(254,209,77,0),rgba(254,209,77,.35) 50%,rgba(254,209,77,0)) 0 50%/100% 1px no-repeat}
#area .amap .areas::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;transform:rotate(45deg);background:#FED14D;box-shadow:0 0 6px 1px rgba(254,209,77,.85),0 0 16px 3px rgba(254,209,77,.35);pointer-events:none}
#area .amap .areas>li{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:0!important;padding:18px clamp(14px,2.6vw,28px)}
#area .areas .co{height:clamp(72px,6.1vw,88px);width:auto;max-width:100%;margin:0 auto 12px}
@media(max-width:1199px){#area .amap .areas>li{justify-content:flex-start}#area .amap .areas>li h3 .cty{display:block}}
}