.cwgpx-panel{margin:6px 0 16px}.cwgpx-toolbar{display:flex;justify-content:space-between;align-items:baseline;gap:10px 20px;flex-wrap:wrap;padding:0}.cwgpx-toggle,.cwgpx-download,.cwgpx-downloads summary{font:inherit;font-size:14px;color:var(--ww-accent,#9b633c);background:none;border:0;padding:4px 0;min-height:36px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cwgpx-downloads{position:relative}.cwgpx-downloads ul{max-height:280px;overflow:auto;padding:12px 20px;margin:0;background:var(--ww-card,#edf1e9);border:1px solid #dce3d6;border-radius:5px}.cwgpx-downloads li{margin:6px 0;font-size:14px}.cwgpx-body[hidden]{display:none!important}.cwgpx-body>.WPLeafletMap{height:460px!important;max-height:none!important;border-radius:5px}.cwgpx-style select{border:0;background:#fff;color:#294535;padding:9px;font-size:13px;min-height:40px;max-width:150px}.cwgpx-notice,.cwgpx-empty{font-size:13px}.cwgpx-toolbar :focus-visible{outline:2px solid var(--ww-accent,#9b633c);outline-offset:3px}@media(max-width:540px){.cwgpx-body>.WPLeafletMap{height:320px!important}.cwgpx-style select{max-width:115px}.cwgpx-toolbar{gap:4px 12px}}

.cwgpx-body>.WPLeafletMap.leaflet-fullscreen-on,.cwgpx-body>.WPLeafletMap:fullscreen{height:100%!important}

.cwgpx-topo{filter:saturate(.78)}.cwgpx-detail .cwgpx-topo{filter:saturate(.48) contrast(.94) brightness(1.03)}
.cwgpx-download[hidden],.cwgpx-downloads[hidden]{display:none!important}
/* A track has a popup instead of the browser's rectangular SVG focus outline. */
.leaflet-interactive:focus{outline:none}
.cwgpx-popup{min-width:160px;max-width:240px}.cwgpx-popup img{display:block;width:100%;height:110px;max-height:110px;object-fit:cover;border-radius:3px}.cwgpx-popup a{display:block;font-weight:650;margin:7px 0}.cwgpx-popup time{font-size:12px}
.cwgpx-load-status{position:absolute;left:10px;bottom:10px;z-index:650;margin:0;padding:4px 8px;border-radius:4px;background:rgba(248,250,245,.94);font:12px/1.4 system-ui,sans-serif;color:#52634e;pointer-events:none}
.cwgpx-load-status[hidden]{display:none}

.cwgpx-body>.WPLeafletMap{border:1.4px solid var(--ww-accent,#9b633c);border-radius:0}

.cwgpx-panel{position:relative}.cwgpx-toolbar{position:absolute;right:10px;top:10px;z-index:800}
.cwgpx-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--ww-surface,#f8faf5);border:1px solid #bdc8b5;border-radius:3px;color:var(--ww-ink,#294535);text-decoration:none}.cwgpx-toggle span{display:none}.cwgpx-panel .cwgpx-style{margin-right:54px!important}
.cwgpx-panel.is-collapsed .cwgpx-toolbar{position:static}.cwgpx-panel.is-collapsed .cwgpx-toggle{width:100%;justify-content:flex-start;gap:8px;padding:0 10px;background:var(--ww-card,#edf1e9)}.cwgpx-panel.is-collapsed .cwgpx-toggle span{display:inline}.cwgpx-panel.is-collapsed .cwgpx-toggle svg{transform:rotate(180deg)}
.cwgpx-summary-row{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-top:4px}.cwgpx-summary-row .elevation-summary{flex:1;min-width:220px;margin:0}.cwgpx-summary-row .cwgpx-download{white-space:nowrap;margin-left:auto;display:inline-flex;align-items:center;font:13px/1.4 system-ui,sans-serif;color:var(--ww-accent,#9b633c)}
@media(max-width:540px){.cwgpx-toggle{width:44px;height:44px}.cwgpx-panel .cwgpx-style{margin-right:62px!important}}

/* Map actions share Leaflet's zoom button column. */
.map-shell .cwgpx-style,.cwgpx-panel .cwgpx-style{margin-right:0!important}
.leaflet-bar .ww-map-buttons{position:static;display:flex;flex-direction:column;gap:0;padding:0;margin:0;width:auto;border:0}
.leaflet-bar .ww-map-buttons button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;padding:0;border:0;border-top:1px solid #ccc;border-radius:0;background:#fff;color:#000;box-shadow:none;text-decoration:none;cursor:pointer}
.leaflet-bar .ww-map-buttons button:hover{background:#f4f4f4}.leaflet-bar .ww-map-buttons button:last-child{border-radius:0 0 2px 2px}
.leaflet-touch .leaflet-bar .ww-map-buttons button{width:30px;height:30px;min-height:30px}
.leaflet-bar:has(.ww-map-buttons) .leaflet-control-zoom-out{border-radius:0;border-bottom:0}
.map-shell.is-collapsed>.map-controls,.cwgpx-panel.is-collapsed>.cwgpx-toolbar{width:100%;position:static;display:flex;flex-direction:row}