body {
      margin: 0;
      display: flex;
      height: 100vh;
      font-family: Arial, sans-serif;
    }
    #sidebar {
      width: 280px;
      overflow-y: auto;
      border-right: 1px solid #ccc;
      padding: 10px;
      box-sizing: border-box;
    }
    #map {
      flex-grow: 1;
    }
    ul {
      list-style: none;
      padding-left: 0;
    }
    li {
      margin-bottom: 8px;
      border-left: 4px solid transparent;
      padding-left: 6px;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .label {
      cursor: pointer;
      flex-grow: 1;
      user-select: none;
    }
    .checkbox-label {
      user-select: none;
      font-size: 0.9em;
      color: #333;
    }
    /* Marker icon style reset */
.leaflet-div-icon {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}