.impact { background: var(--green-deep); color: #f1f5e9; }
.impact-top { display: grid; grid-template-columns: 1.6fr 1fr; gap: 80px; align-items: center; margin-bottom: 52px; }
.impact .eyebrow { color: #c1d7a4; }
.impact h2 { color: #f8faf3; max-width: 600px; font-size: clamp(2.2rem, 3.5vw, 3.3rem); }
.impact-intro { color: #d6e1d0; max-width: 550px; margin: 20px 0 28px; }
.volta-mark { text-align: center; padding: 30px 35px; background: #d8e9bd; border-radius: 70px 12px 70px 12px; color: var(--green); }
.volta-mark img { width: 210px; height: 100px; object-fit: contain; margin: 0 auto 16px; }
.volta-mark > span { display: block; font-size: 1rem; line-height: 1.5; }
.impact-numbers { display: grid; grid-template-columns: 1.35fr 1fr 1fr 1fr; border-block: 1px solid #42634d; padding-block: 32px; gap: 30px; }
.metric { display: flex; flex-direction: column; min-width: 0; }
.metric-caption { font-size: .68rem; letter-spacing: .1em; color: #d1dfc8; margin-bottom: 10px; }
.metric > strong { color: #f4f8ef; font-size: clamp(1.8rem, 3.1vw, 2.9rem); line-height: 1.2; letter-spacing: -.03em; font-weight: 600; font-variant-numeric: tabular-nums; }
.metric--primary > strong { color: #e9ae60; }
.metric > span:last-child { color: #d1dfc8; font-size: .85rem; margin-top: 7px; }
.metric small { font-size: 1.1rem; font-weight: 400; }
.impact-bottom { display: flex; align-items: start; justify-content: space-between; gap: 28px; padding-top: 22px; }
.impact-locations { display: flex; flex-wrap: wrap; gap: 24px; font-size: .85rem; }
.impact-locations b { color: white; margin-left: 8px; font-variant-numeric: tabular-nums; }
.impact-status { font-size: .78rem; max-width: 360px; text-align: right; color: #d1dfc8; }
.impact-status.is-stale, .impact-status.is-error { color: #f2ca8b; }
.impact-environment { color: #d1dfc8; font-size: .8rem; margin-top: 20px; }
.impact-environment strong { font-weight: 600; }
@media (max-width: 900px) { .impact-top { gap: 35px; } .impact-numbers { gap: 20px; } }
@media (max-width: 760px) {
  .impact-top { grid-template-columns: 1fr; gap: 32px; margin-bottom: 35px; }
  .volta-mark { max-width: 350px; padding: 22px 35px; }
  .volta-mark img { height: 74px; margin-bottom: 6px; }
  .impact-numbers { grid-template-columns: 1fr 1fr; gap: 30px 20px; }
  .metric > strong { font-size: 2.15rem; }
  .impact-bottom { flex-direction: column; gap: 18px; }
  .impact-status { text-align: left; }
}