Distinguish between default and special service roads

Special service roads include things like
service=parking_aisle, drive-through, alley, etc
(closes #4157)

css/30_highways.css

@@ -462,6 +462,20 @@ path.casing.tag-service {
     stroke:#666;
 }
 
+/* with `service=* tag`  (e.g. parking_aisle, alley, drive-through */
+.preset-icon .icon.highway-service.tag-service {
+    color: #dcd9b9;
+    fill: #666;
+}
+path.stroke.tag-highway-service.tag-service,
+path.stroke.tag-service.tag-service {
+    stroke: #dcd9b9;
+}
+path.casing.tag-highway-service.tag-service,
+path.casing.tag-service.tag-service {
+    stroke: #666;
+}
+
 .preset-icon .icon.highway-track {
     color: #eaeaea;
     fill: #c5b59f;

modules/svg/tag_classes.js

@@ -14,7 +14,7 @@ export function svgTagClasses() {
         ],
         secondaries = [
             'oneway', 'bridge', 'tunnel', 'embankment', 'cutting', 'barrier',
-            'surface', 'tracktype', 'crossing'
+            'surface', 'tracktype', 'crossing', 'service', 'sport'
         ],
         tagClassRe = /^tag-/,
         tags = function(entity) { return entity.tags; };