.trail-map-picker{margin:8px 0;min-width:0}
.trail-map-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:7px 0;list-style:none;cursor:pointer;font-size:12px;line-height:1.45;color:#cbb8d8}
.trail-map-summary::-webkit-details-marker{display:none}
.trail-map-selection{min-width:0;overflow-wrap:anywhere}
.trail-map-change{color:#f2dcb6;font-weight:650;text-decoration:underline;text-underline-offset:3px;flex-shrink:0}
.trail-map-summary:focus-visible,.trail-map-select:focus-visible{outline:3px solid #ffaf51;outline-offset:3px}
.trail-map-controls{display:grid;gap:7px;padding:4px 0 12px}
.trail-map-option-label{display:block;font-size:12px;line-height:1.5;color:#d8c7e3}
.trail-map-select{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid #806292;border-radius:9px;background:#302139;color:#fff4de;font:500 14px/1.4 "Avenir Next",Avenir,ui-sans-serif,system-ui,sans-serif}
.trail-map-mode-option{display:grid;gap:7px;margin-top:3px}
.trail-map-mode-option[hidden]{display:none}
.trail-map-note{margin:3px 0 0;font-size:12px;line-height:1.5;color:#bca9cb}
.trail-directions-link{max-width:100%;overflow-wrap:anywhere}
.trail-directions-link[aria-disabled=true]{opacity:.5;pointer-events:none}