.maplibregl-map { background: #f4f6f3; }
.ts-map-display { background: #fff; color: #243747; border: 1px solid #dce3e9; border-radius: 9px; box-shadow: 0 3px 14px #182a3914; font: 13px/1.5 system-ui, sans-serif; max-width: min(240px, calc(100vw - 44px)); }
.ts-map-display summary { padding: 10px 14px; cursor: pointer; font-weight: 600; }
.ts-map-display summary:focus-visible, .ts-map-display input:focus-visible, .ts-map-display button:focus-visible { outline: 2px solid #00838c; outline-offset: 3px; }
.ts-map-display__body { padding: 0 14px 14px; display: flex; flex-direction: column; gap: 12px; }
.ts-map-display label { display: flex; gap: 7px; align-items: center; min-height: 32px; }
.ts-map-display input { accent-color: #00838c; width: 16px; height: 16px; }
.ts-map-display__selection { display: flex; flex-direction: column; gap: 7px; border-top: 1px solid #e3e9ed; padding-top: 12px; overflow-wrap: anywhere; }
.ts-map-display__selection[hidden], .ts-map-display__status[hidden] { display: none; }
.ts-map-display__selection strong { font-weight: 600; }
.ts-map-display__selection span { color: #536677; font-size: 12px; }
.ts-map-display__selection button { width: auto; height: auto; min-height: 36px; border: 1px solid #dce3e9; background: #f8fafb; color: #243747; border-radius: 6px; padding: 6px 10px; font: inherit; cursor: pointer; }
.ts-map-display__status { color: #74551c; max-width: 210px; }
.ts-map-display--workspace { width: 215px; }
.maplibregl-ctrl-scale { background: #ffffffdf; color: #3c4d59; border-color: #647481; }
@media (max-width: 600px) { .ts-map-display--workspace { width: 170px; } .ts-map-display summary { padding: 8px 10px; } .ts-map-display__body { padding: 0 10px 10px; } }
@media (pointer: coarse) { .ts-map-display summary, .ts-map-display label, .ts-map-display__selection button { min-height: 44px; box-sizing: border-box; } }