.gc-mapdor{
  max-width: 980px;
  margin: 20px auto;
}

.gc-mapdor-header{
  align-items: flex-start;
}

.gc-mapdor-sub{
  margin: 0 0 12px;
}

.gc-mapdor-main{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.gc-mapdor-left,
.gc-mapdor-right{
  flex: 1 1 280px;
  min-width: 0;
}

.gc-mapdor-view-toggle{
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.gc-mapdor-view-btn{
  border-radius: 999px;
}

.gc-mapdor-view-btn.gc-mapdor-view-active{
  background: linear-gradient(135deg, rgba(94,214,163,.95), rgba(63,191,142,.95));
  border-color: rgba(94,214,163,.55);
  color: #062c20;
}

.gc-mapdor-body-wrap{
  background: rgba(94,214,163,.08);
  border-radius: 16px;
  padding: 10px;
  border: 1px solid var(--gc-line);
}

.gc-mapdor-body-wrap svg{
  width: 100%;
  height: auto;
  display: block;
}

.gc-mapdor-region{
  fill: rgba(94,214,163,.22);
  stroke: rgba(6,44,32,.6);
  stroke-width: 1.2;
  cursor: pointer;
  transition: fill .15s ease, stroke-width .15s ease, stroke .15s ease;
}

.gc-mapdor-region:hover{
  fill: rgba(94,214,163,.45);
  stroke-width: 1.6;
}

.gc-mapdor-region-active{
  fill: rgba(47,191,113,.85);
  stroke: rgba(6,44,32,.9);
  stroke-width: 2;
}

.gc-mapdor-legend{
  margin-top: 10px;
  font-size: 12px;
}

.gc-mapdor-section-title{
  margin: 0 0 6px;
}

.gc-mapdor-hint{
  margin: 0 0 12px;
}

.gc-mapdor-qualities{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.gc-mapdor-qualities .gc-chip{
  cursor: pointer;
  border-color: var(--gc-line);
  background: #fff;
}

.gc-mapdor-qualities .gc-chip.is-active{
  border-color: rgba(94,214,163,.55);
  background: rgba(94,214,163,.15);
  color: #063728;
  font-weight: 900;
}

.gc-mapdor-result{
  margin-top: 8px;
}

.gc-mapdor-res-region{
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 6px;
  font-family: var(--gc-font-title);
}

.gc-mapdor-res-types{
  color: var(--gc-dark);
  margin-bottom: 8px;
}

.gc-mapdor-tags .gc-chip{
  font-weight: 800;
}

.gc-mapdor-chip-noc{
  background: rgba(47, 191, 113, .12);
  border-color: rgba(47, 191, 113, .35);
  color: #0a3b22;
}

.gc-mapdor-chip-neu{
  background: rgba(255, 77, 77, .16);
  border-color: rgba(255, 77, 77, .4);
  color: #6b0e0e;
}

.gc-mapdor-chip-vis{
  background: rgba(255, 176, 32, .16);
  border-color: rgba(255, 176, 32, .4);
  color: #6b4b00;
}

.gc-mapdor-chip-mix{
  background: rgba(59, 130, 246, .16);
  border-color: rgba(59, 130, 246, .3);
  color: #1d4ed8;
}

.gc-mapdor-res-text{
  color: var(--gc-muted);
  margin-bottom: 6px;
}

.gc-mapdor-res-redflags{
  color: #6b0e0e;
}

.gc-mapdor-footer,
.gc-mapdor-ref{
  text-align: right;
  font-size: 12px;
  margin: 8px 0 0;
}

@media (max-width: 640px){
  .gc-mapdor{
    margin: 12px;
  }
  .gc-mapdor-view-toggle{
    flex-direction: column;
  }
  .gc-mapdor-qualities .gc-chip{
    width: 100%;
    justify-content: flex-start;
  }
  .gc-mapdor-res-text,
  .gc-mapdor-res-redflags{
    font-size: 13px;
  }
}