/* 七大指標資料狀態表達：把「正式覆蓋」與「已有公開證據」分開，避免 0% 被誤解成完全沒有資料。 */
#indicators .indicator-score--evidence {
  display: flex;
  align-items: baseline;
  gap: .35rem;
  margin-bottom: .45rem;
}
#indicators .indicator-score--evidence b {
  color: #3f5f52;
}
#indicators .indicator-score--evidence small {
  margin-left: 0;
}

.indicator-readiness {
  margin: .48rem 0 .5rem;
  padding: .62rem .7rem;
  border: 1px solid rgba(67, 91, 85, .16);
  border-radius: .72rem;
  background: rgba(247, 249, 247, .92);
}
.indicator-readiness__headline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  font-size: .72rem;
  font-weight: 850;
  color: #354d46;
}
.indicator-readiness__headline > span {
  line-height: 1.35;
}
.indicator-readiness__headline > b {
  flex: 0 0 auto;
  font-size: .68rem;
  padding: .22rem .44rem;
  border-radius: 999px;
  background: #edf1ef;
  color: #435b55;
  white-space: nowrap;
}
.indicator-readiness.has-evidence {
  border-color: rgba(65, 108, 90, .28);
  background: rgba(236, 246, 240, .78);
}
.indicator-readiness.has-evidence .indicator-readiness__headline > span {
  color: #315c4b;
}
.indicator-readiness.is-partial {
  border-color: rgba(180, 134, 45, .28);
  background: rgba(255, 248, 230, .74);
}
.indicator-readiness.is-ready {
  border-color: rgba(73, 109, 185, .28);
  background: rgba(237, 242, 253, .78);
}
.indicator-readiness.is-missing {
  border-color: rgba(142, 93, 93, .22);
  background: rgba(250, 244, 244, .82);
}
.indicator-readiness__counts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .34rem;
  margin-top: .5rem;
}
.indicator-readiness__counts > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .25rem;
  min-width: 0;
  padding: .32rem .42rem;
  border-radius: .5rem;
  font-size: .64rem;
  line-height: 1.2;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(67, 91, 85, .1);
  color: #5b6965;
}
.indicator-readiness__counts > span b {
  color: #263c36;
  font-size: .68rem;
}
.indicator-readiness__counts > .is-formal {
  border-color: rgba(73, 109, 185, .2);
}
.indicator-readiness__counts > .has-evidence {
  border-color: rgba(65, 108, 90, .22);
}
.indicator-readiness__counts > .is-missing {
  border-color: rgba(142, 93, 93, .16);
}

/* 正式覆蓋條降為次要視覺；真正的資料狀態由上方摘要解釋。 */
#indicators .indicator-formal-progress {
  height: 5px;
  margin-top: .15rem;
  opacity: .72;
}
#indicators .indicator-meta {
  margin-top: .48rem;
}

@media (max-width: 680px) {
  .indicator-readiness__headline {
    align-items: flex-start;
    flex-direction: column;
    gap: .35rem;
  }
  .indicator-readiness__counts {
    grid-template-columns: 1fr;
  }
}