/* Footer "Service areas" row: one full-width line of town links between the
   footer columns and the copyright line. Separate file so styles.css and its
   ?v= cache-bust stay untouched; /assets/ is immutable-cached, so any later
   change ships under a new filename. */
.footer__areas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 18px;
  padding-block: 0 28px;
}
.footer__areas-title {
  font: 600 11px/1 var(--sans);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--dim);
}
.footer__areas-list { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 0; }
.footer__areas-list li + li::before { content: "\00B7"; padding-inline: 10px; color: var(--dim); }
.footer__areas-list a { font-size: 15px; color: var(--body); transition: color .2s var(--ease); }
.footer__areas-list a:hover { color: var(--gold); }
@media (max-width: 768px) {
  /* Wrapped lines must not start with a dot; tap targets match .footer__links (~45px). */
  .footer__areas-title { flex-basis: 100%; }
  .footer__areas-list { gap: 0 18px; }
  .footer__areas-list li + li::before { content: none; }
  .footer__areas-list a { display: inline-block; padding-block: 10px; }
}