/* ===== Delovely Detroit — Town Browser ===== */
:root{
  --dd-plum:#2E1B33; --dd-fuchsia:#D63B7A; --dd-berry:#A33168;
  --dd-teal:#0F8E7C; --dd-gold:#E8A53C; --dd-cream:#FBF3E9;
  --dd-line:#E8D7C4; --dd-pine:#0B6E60; --dd-display:'Fraunces',Georgia,serif;
}
.dd-town-browser{max-width:1140px;margin:0 auto;padding:48px 24px 70px;color:var(--dd-plum);}
.dd-town-head{text-align:center;margin-bottom:30px;}
.dd-town-eyebrow{display:inline-block;font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:600;color:var(--dd-fuchsia);margin-bottom:10px;}
.dd-town-title{font-family:var(--dd-display);font-weight:600;font-size:clamp(2.2rem,5vw,3.4rem);margin:0 0 10px;}
.dd-town-sub{max-width:560px;margin:0 auto;font-size:1.08rem;line-height:1.55;opacity:.82;}

/* Filter bar */
.dd-town-filters{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:0 0 34px;}
.dd-town-filter{font-family:system-ui,sans-serif;font-size:.86rem;font-weight:600;letter-spacing:.02em;padding:9px 17px;border-radius:30px;border:1.5px solid var(--dd-line);background:#fff;color:var(--dd-plum);cursor:pointer;transition:all .15s ease;}
.dd-town-filter:hover{border-color:var(--dd-fuchsia);color:var(--dd-fuchsia);}
.dd-town-filter.is-active{background:var(--dd-plum);border-color:var(--dd-plum);color:var(--dd-cream);}

/* Town cards */
.dd-town-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media(max-width:900px){.dd-town-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:640px){.dd-town-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:400px){.dd-town-grid{grid-template-columns:1fr;}}
.dd-town-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:104px;padding:16px 18px;border-radius:12px;background:var(--dd-cream);border:1px solid var(--dd-line);text-decoration:none;color:var(--dd-plum);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
.dd-town-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(46,27,51,.14);background:#fff;}
.dd-town-name{font-family:var(--dd-display);font-size:1.3rem;font-weight:600;line-height:1.1;}
.dd-town-region{font-family:system-ui,sans-serif;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dd-fuchsia);margin-top:5px;}
.dd-town-count{font-family:system-ui,sans-serif;font-size:.74rem;color:var(--dd-plum);opacity:.6;margin-top:7px;}

/* hover-lock so card text never disappears */
.dd-town-card,.dd-town-card:hover,.dd-town-card:visited{color:var(--dd-plum) !important;text-decoration:none !important;}
.dd-town-card:hover .dd-town-name{color:var(--dd-plum) !important;}
.dd-town-card:hover .dd-town-region{color:var(--dd-fuchsia) !important;}