/* LeadFly areas + trades pages, extends how-to.css */
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-light);border:1px solid var(--line-light);margin:0 0 14px}
@media(min-width:760px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:#fff;padding:20px 22px}
.stat b{display:block;font-size:28px;font-weight:900;letter-spacing:-.5px;color:var(--ink)}
.stat span{font-size:11.5px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);font-weight:700}
.chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px;margin:6px 0 30px}
.chip{display:block;border:1px solid var(--line-light);background:#fff;padding:13px 16px;font-weight:800;font-size:14px;line-height:1.35}
.chip .in{display:block;color:var(--muted);font-weight:600;font-size:12.5px}
a.chip{transition:border-color .15s,transform .12s}
a.chip:hover{border-color:var(--ink);transform:translateY(-2px)}
a.chip::after{content:" →";color:var(--yellow-dim);font-weight:900}
details.faq{border:1px solid var(--line-light);background:#fff;margin-bottom:10px}
details.faq summary{padding:17px 22px;font-weight:800;font-size:16.5px;cursor:pointer;list-style:none;position:relative;padding-right:44px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:900;color:var(--yellow-dim)}
details.faq[open] summary::after{content:"−"}
details.faq .a{padding:0 22px 18px;font-size:16px;line-height:1.7;color:#33332f}
.town-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:6px 0 34px}
@media(min-width:700px){.town-grid{grid-template-columns:repeat(2,1fr)}}
.town-card{display:block;border:1px solid var(--line-light);background:#fff;padding:22px 24px;transition:transform .15s,box-shadow .15s}
.town-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.10)}
.town-card h3{font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:-.3px;margin-bottom:4px}
.town-card p{font-size:13.5px;color:var(--muted);margin-bottom:10px}
.town-card .more{font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink)}
.town-card .more::after{content:" →";color:var(--yellow-dim)}
.footer-areas{border-top:1px solid #222;padding:26px 0 22px;margin-top:6px}
.footer-areas h4{color:#fff;font-size:12.5px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-weight:800}
.footer-areas .area-links{line-height:2.1;font-size:13.5px}