/* logic-model-responses-max-767.css */
.logical-response-sub-item .left-field {
  padding-right: 0;
  width: 100%;
  margin-bottom: 10px;
}

.logical-response-sub-item {
  padding: 15px 0;
}

.logical-response-sub-item .right-field {
  width: 100%;
}

.logical-chart-field .note-section {
  line-height: 16px;
  margin-top: 8px;
}

.logical-model-response-menu a {
  font-size: 14px;
  line-height: 18px;
}

.logical-chart-field .note-section {
  font-size: 12px;
  line-height: 16px;
  padding-left: 40px;
}

.logical-response-content .legend-section li {
  font-size: 12px;
}

.logical-response-content .legend-section {
  margin-bottom: 10px;
}

.logical-model-response-description p {
  font-size: 14px;
  line-height: 20px;
}

/* note links */
.logical-response-item .foot-note-content {
  margin-top: 10px;
  margin-bottom: 5px;
}

/* kpi */
.logical-response-content-wrap {
  max-height: 400px;
}

.logical-response-grid .aside-category-section {
  width: calc(100% - 40px);
}

.progress-bar-component .item-unit,
.progress-bar-component .item-label {
  font-size: var(--fs-12);
}

.progress-bar-component {
  --label-width: 160px;
  min-width: 500px;
}

.progress-bar__type-1 {
  grid-gap: 15px 0;
}

.progress-bar-component .progress-data-label {
  font-size: 13px;
}

/* grouped chart */
.progress-bar__group {
  --name-content-gap: 15px;
  --label-width: 162px;
  --unit-width: 105px;
}

/* .progress-bar__type-2 .progress-chart-inner {
  grid-template-columns: var(--label-width) 1fr;
  grid-template-areas:
    "label bar"
    "empty unit";
}

.progress-bar__type-2 .item-label {
  grid-area: label;
}

.progress-bar__type-2 .item-unit {
  grid-area: unit;
  padding: 2px 10px 10px 10px;
}

.progress-bar__type-2 .progress-wrap {
  grid-area: bar;
} */
.progress-bar__group-item {
  grid-gap: 15px;
}