@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
:root{--navy:#1B3055;--red:#b32025;--line:#d7dbe1;--muted:#657180}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:'Poppins',sans-serif;color:#16243a;background:#f7f7f5}.map-app{height:100%;display:grid;grid-template-columns:175px minmax(0,1fr)}.map-categories{display:flex;flex-direction:column;padding:12px 0;background:#eef0f3;border-right:1px solid var(--line)}.map-categories button{border:0;border-left:4px solid transparent;padding:14px 13px;background:transparent;color:#536175;text-align:left;font:600 13px/1.3 'Poppins',sans-serif;cursor:pointer}.map-categories button span{display:block}.map-categories button:hover{background:#fff;color:var(--navy)}.map-categories button[aria-pressed=true]{border-left-color:var(--red);background:#fff;color:var(--navy)}.map-panel{min-width:0;min-height:0;padding:13px 16px 10px;display:flex;flex-direction:column}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:9px}.map-heading h1{margin:0;color:var(--navy);font-size:21px;line-height:1.2}.map-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.map-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.map-subtabs,.zoom-controls{display:flex;border:1px solid #cbd0d7;background:#fff}.map-subtabs:empty{display:none}.map-subtabs button,.zoom-controls button{min-height:34px;border:0;border-right:1px solid #d7dbe1;padding:0 11px;background:#fff;color:var(--navy);font:500 12px 'Poppins',sans-serif;cursor:pointer}.map-subtabs button[aria-pressed=true]{background:var(--navy);color:#fff}.zoom-controls button{min-width:34px;font-size:16px;padding:0 8px}.zoom-controls button:nth-child(2){font-size:11px}.zoom-controls button:disabled{color:#aab0b7;cursor:default}.zoom-controls output{min-width:50px;align-content:center;text-align:center;color:var(--muted);font-size:11px}.map-viewport{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:flex-start;overflow:auto;border:1px solid var(--line);background:#fff}.map-layer{flex:0 0 auto;margin:auto;display:grid;place-items:center;width:100%;height:100%}.map-layer>svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;background:#fff}.map-footer{display:flex;justify-content:space-between;gap:16px;padding:7px 2px 0;color:#697483;font-size:10px}.map-disclaimer{margin:7px 0 0;padding-top:7px;border-top:1px solid #ddd;color:#697483;font-size:10px}.map-loading{margin:auto;color:var(--muted);font-size:14px}#map-tooltip{position:fixed;z-index:20;display:none;max-width:320px;padding:7px 10px;border-radius:4px;background:var(--navy);color:#fff;box-shadow:0 7px 22px rgba(0,0,0,.28);font-size:12px;pointer-events:none}.map-layer #locs>*:hover,.map-layer #locs>*:focus,.map-layer #locs>*.on,.map-layer #locs1>*:hover,.map-layer #locs1>*:focus,.map-layer #locs1>*.on{fill:#ffeb00!important;stroke:#102b46!important;stroke-width:1.4!important}
@media(max-width:760px){.map-app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.map-categories{flex-direction:row;overflow-x:auto;padding:0;border-right:0;border-bottom:1px solid var(--line)}.map-categories button{min-width:150px;border-left:0;border-bottom:3px solid transparent;padding:9px 11px;text-align:center}.map-categories button[aria-pressed=true]{border-bottom-color:var(--red)}.map-panel{padding:9px}.map-heading{display:block}.map-actions{justify-content:flex-start;margin-top:8px}.map-footer{display:block}.map-footer span{display:block;margin-bottom:3px}}
/* Default fills required by the original inline SVG court maps. */
.map-layer .pacific{fill:#cef5f5;fill-opacity:1;stroke:none;cursor:pointer}
.map-layer .landmap{fill:beige;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:.34;cursor:pointer}
.map-layer .countygrey{fill:whitesmoke;fill-opacity:1;fill-rule:nonzero;stroke:#111;stroke-width:.34;cursor:pointer}
.map-layer .countygreen{fill:darkseagreen}
.map-layer .countyblue{fill:cadetblue}
.map-layer .countytan{fill:darkkhaki}
.map-layer .countyyellow{fill:goldenrod}
.map-layer .countybrown{fill:burlywood}
.map-layer .countypink{fill:salmon}
.map-layer .locStyle{fill:khaki;fill-opacity:1;fill-rule:nonzero;stroke:#111;stroke-width:.34;cursor:pointer}
.map-layer .cityStyle{fill:#fff;fill-opacity:.2;stroke:#000;stroke-width:1;cursor:pointer}
.map-layer [onmousemove],.map-layer [onclick]{transition:filter .12s,stroke-width .12s;outline:none}

/* Keep fitted and reduced maps at the top center of the viewing area. */
.map-layer{margin:0 auto!important;place-items:start center!important}

/* Yellow remains the primary cue; the slimmer outline supplies a second cue. */
.map-layer #locs>*:hover,.map-layer #locs>*:focus,.map-layer #locs>*.on,
.map-layer #locs1>*:hover,.map-layer #locs1>*:focus,.map-layer #locs1>*.on{stroke-width:1!important}