.cpc-row{margin:14px 0}
.cpc-label{display:block;font-weight:600;margin-bottom:6px}

.cpc-suggestions{margin-top:-1px;}
.cpc-suggestions.list-group{border:1px solid #ccc;border-radius:0;overflow:hidden}
.cpc-suggestions .list-group-item{border:0;border-bottom:1px solid #e6e6e6;background:#fff;text-align:left;padding:10px;cursor:pointer;display:block;width:100%;}
.cpc-suggestions .list-group-item:last-child{border-bottom:0}
.cpc-suggestions .list-group-item:hover{background:#f3f3f3}

.cpc-error{color:#b00020;margin-top:6px;font-weight:600;}
.cpc-output{margin-top:18px;}

.cpc-input{
    width:100% !important;
    padding:10px !important;
    box-sizing:border-box !important;
    font:inherit;
    line-height:1.2 !important;
    border:1px solid #ccc !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#222222 !important;
    font-size:18px !important;
}

.cpc-input[type="date"],
.cpc-input[type="text"]{
    -webkit-appearance:none;
    appearance:none;
    text-align:left;
    padding:10px;
    line-height:1.2;
    height:44px;
}

.cpc-input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;}

.cpc-btn{
    height:auto;
    padding:18px 30px 20px;
    background-color:var(--accent-color-1);
    line-height:1;
    box-shadow:none;
    font-size:15px !important;
    font-weight:600 !important;
    text-transform:uppercase !important;
    letter-spacing:0.5px !important;
    color:#ffffff;
    border:none;
    margin-top:15px;
}

.cpc-title {
    font-weight:700; 
    color: var(--base-color-1); 
    text-align:center; 
    margin: 40px auto 20px auto !important; 
    max-width:650px; 
    font-family: var(--global-font-1);
    font-size: 28px;
    line-height: 1.4;
}
.cpc-legend {
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:12px;
    font-size:14px;
    justify-content:center;
}
.cpc-legend div span {
    display:inline-block;
    width:16px;
    height:16px;
    vertical-align:middle;
    margin-right:8px;
    border-radius: 50%; 
}
.cpc-chart-box {
    position:relative;
    height:520px;
}
.cpc-chart-wrap {
    margin-top:20px;
}
.cpc-divider {
    border: none;
    height: 1px;
    background-color: #ccc;
    color: #ccc; 
    margin: 40px 0 0 0;
}
.cpc-summary {
  margin: 0 auto 24px auto;
  font-family: var(--body-text);
  color: var(--base-color-1); 
  font-size: 22px;
  line-height: 1.4;
  text-align:center; 
  max-width:750px; 
}

.cpc-explanation {
  margin: 0 auto 24px auto;
  font-family: var(--body-text);
  color: var(--base-color-1); 
  font-size: 14px;
  line-height: 1.4;
  text-align:center; 
  max-width:750px; 
}

.cpc-charts {
    margin-top:20px;
}