#map {
     height: 550px;
     width: 100%;
 }

 .map-groups {
     display: grid;
     gap: 14px;
     background: #fff;
     border: 1px solid #CCC;
     max-height: 430px;
     overflow-y: auto;
 }

 .map-group {
     border: 1px solid var(--border);
     border-radius: 12px;
     padding: 12px;     
 }

 .group-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 10px;
 }

 .group-name {
    font-size: 20px;
     font-weight: 600;
 }

 .count-chip {
     padding: 2px 8px;
     border-radius: 999px;
     background: var(--chip);
     color: var(--muted);
     font-size: 12px;
     border: 1px solid var(--border);
 }

 /* Items are anchors, not list items */
 .items {
     display: grid;
     gap: 8px;
 }

 .item {
     display: block;
     text-decoration: none;
     padding: 10px 12px;
     border: 1px solid #EAEAEA;
     border-radius: 10px;
     background: #fff;
 }

 .item:hover,
 .item:focus {
     outline: none;
     border-color: #bbb;
     box-shadow: 0 0 0 3px rgba(0, 0, 0, .05);
 }