/* CC area page scope */
.analysis29 .cc-area-page{
  display: flex;
  gap: 16px;
  align-items: stretch;
}

.analysis29 .cc-area-page .cc-area-map-panel{
  flex: 6;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
}

.analysis29 .cc-area-page .cc-area-map-header{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 8px;
}

.analysis29 .cc-area-page .cc-area-map-title{
  font-size: clamp(13px, 1.05vw, 15px);
  font-weight: 800;
  letter-spacing: -0.2px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.analysis29 .cc-area-page .cc-area-map-wrap{
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.analysis29 .cc-area-page .cc-area-meta{
  margin-top: 6px;
  font-size: clamp(10px, 0.82vw, 12px);
  color: var(--muted);
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.analysis29 .cc-area-page .cc-area-top-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.analysis29 .cc-area-page .cc-area-side-stack{
  flex: 4;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.analysis29 .cc-area-page .c-year-control-slider-wrap .rc-slider-track{
  top: 5px;
  height: 4px;
  background: #d7d7d7;
}

.analysis29 .cc-area-page .c-year-control-slider-wrap .rc-slider-rail{
  top: 5px;
}

.analysis29 .cc-area-page .c-year-control-slider-wrap .rc-slider-step{
  top: 5px;
}

.analysis29 .cc-area-page .c-year-control-slider-wrap .rc-slider-dot{
  width: 8px;
  height: 8px;
  margin-left: -4px;
  bottom: -2px;
  border: 2px solid #d7d7d7;
  background: #fff;
}

.analysis29 .cc-area-page .c-year-control-slider-wrap .rc-slider-dot-active{
  border-color: #111;
  background: #fff;
}

.analysis29 .cc-area-page .c-year-control-slider-wrap .rc-slider-handle{
  width: 14px;
  height: 14px;
  margin-top: -5px;
  border: 2px solid #111;
  background: #fff;
}

.analysis29 .cc-area-page .c-year-control-slider-wrap .rc-slider-mark{
  top: 18px;
}

.analysis29 .cc-area-page .c-year-control-slider-wrap .rc-slider-mark-text{
  font-size: clamp(10px, 0.82vw, 11px);
  color: #111111;
  font-weight: 700;
}

.analysis29 .cc-area-page #crop-dropdown .Select-control,
.analysis29 .cc-area-page #crop-dropdown .Select-menu-outer,
.analysis29 .cc-area-page #crop-dropdown .Select,
.analysis29 .cc-area-page #scenario-dropdown .Select-control,
.analysis29 .cc-area-page #scenario-dropdown .Select-menu-outer,
.analysis29 .cc-area-page #scenario-dropdown .Select{
  font-size: clamp(11px, 0.9vw, 13px) !important;
}

.analysis29 .cc-area-page #crop-dropdown .Select-control,
.analysis29 .cc-area-page #scenario-dropdown .Select-control{
  min-height: clamp(34px, 2.6vw, 40px) !important;
}

.analysis29 .cc-area-page #crop-dropdown .Select-placeholder,
.analysis29 .cc-area-page #crop-dropdown .Select--single > .Select-control .Select-value,
.analysis29 .cc-area-page #scenario-dropdown .Select-placeholder,
.analysis29 .cc-area-page #scenario-dropdown .Select--single > .Select-control .Select-value{
  font-size: clamp(11px, 0.9vw, 13px) !important;
}

@media (max-width: 992px){
  .analysis29 .cc-area-page{
    flex-direction: column;
  }

  .analysis29 .cc-area-page .cc-area-map-panel,
  .analysis29 .cc-area-page .cc-area-side-stack{
    flex: none;
  }

  .analysis29 .cc-area-page .cc-area-top-grid{
    grid-template-columns: 1fr;
  }
}