.ff-drain-page .ff-drain-area-map-section { background: #f7f3ed; border-top: 1px solid #e9e0d4; border-bottom: 1px solid #e9e0d4; }
.ff-drain-page .ff-drain-area-eyebrow { color: #ad5e28; font-size: 14px; font-weight: 800; letter-spacing: .12em; margin: 0 0 9px; }
.ff-drain-page .ff-drain-area-map-section h2 { margin-bottom: 12px; }
.ff-drain-page .ff-drain-area-lead { max-width: 850px; margin: 0 0 25px; color: #46545b; line-height: 1.8; }
.ff-drain-page .ff-drain-map-frame { overflow: hidden; border: 1px solid #ded5c8; border-radius: 18px; background: #fff; box-shadow: 0 14px 36px rgba(47, 54, 47, .08); }
.ff-drain-page .ff-drain-map-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 14px 20px; color: #5b686c; font-size: 13px; border-bottom: 1px solid #ece6dc; }
.ff-drain-page .ff-drain-map-key { display: inline-flex; align-items: center; gap: 8px; color: #263b40; font-weight: 800; }
.ff-drain-page .ff-drain-map-key i { width: 14px; height: 14px; border: 3px solid #fff; border-radius: 50%; background: #e36a33; box-shadow: 0 0 0 2px #e36a33; }
.ff-drain-page .ff-drain-area-map { height: 600px; background: #e9e7de; z-index: 0; }
.ff-drain-page .ff-drain-map-fallback { padding: 48px 20px; text-align: center; color: #46545b; }
.ff-drain-page .ff-drain-map-note { margin: 0; padding: 10px 18px; border-top: 1px solid #ece6dc; color: #5b686c; font-size: 12px; line-height: 1.6; }
.ff-drain-page .ff-drain-area-map-section .ff-drain-area-list { margin-top: 22px; }
.ff-drain-page .ff-drain-area-map-section .ff-drain-area-list span { background: #fff; }
.ff-drain-page .ff-drain-area-map .leaflet-container { font-family: inherit; }
.ff-drain-page .ff-drain-area-map .leaflet-control-attribution { font-size: 10px; background: rgba(255,255,255,.88); }
.ff-drain-page .ff-drain-area-map .leaflet-tooltip.ff-drain-map-tooltip { border: 1px solid #c9d7d8; border-radius: 8px; padding: 5px 9px; color: #25434a; background: rgba(255,255,255,.96); box-shadow: 0 4px 12px rgba(27,43,48,.14); font-size: 13px; font-weight: 800; white-space: nowrap; }
.ff-drain-page .ff-drain-area-map .leaflet-tooltip.ff-drain-map-tooltip-base { color: #803b18; border-color: #eaae89; background: #fff6ee; }
.ff-drain-page .ff-drain-area-map .leaflet-tooltip:before { display: none; }
@media (max-width: 700px) {
  .ff-drain-page .ff-drain-area-lead { font-size: 15px; }
  .ff-drain-page .ff-drain-map-heading { padding: 12px 13px; }
  .ff-drain-page .ff-drain-area-map { height: 400px; }
  .ff-drain-page .ff-drain-area-map .leaflet-tooltip.ff-drain-map-tooltip { font-size: 11px; padding: 3px 5px; }
}
