/* Article infographics — scoped under .dm-prose */

.dm-prose .dm-info{
  margin:40px 0;
  padding:28px 24px;
  border:1px solid var(--dm-line);
  border-radius:12px;
  background:var(--dm-bg-elev);
  box-shadow:var(--dm-shadow-1);
  max-width:100%;
  width:100%;
}
/* wpautop inserts empty <p> tags between block elements */
.dm-prose .dm-info > p:empty,
.dm-prose .dm-info__bar-row > p,
.dm-prose .dm-info__step > p,
.dm-prose .dm-info__bars > p,
.dm-prose .dm-info__steps > p{display:none !important}

.dm-prose .dm-info__head{margin-bottom:24px;text-align:center}
.dm-prose .dm-info__label{
  display:inline-block;
  margin:0 0 10px;
  padding:4px 12px;
  border-radius:999px;
  background:var(--dm-accent-50);
  color:var(--dm-accent-700);
  font-family:var(--dm-font-display);
  font-size:11px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
}
.dm-prose .dm-info__title{
  margin:0 0 8px !important;
  font-family:var(--dm-font-display);
  font-weight:800;
  font-size:clamp(22px,2.8vw,28px) !important;
  line-height:1.15 !important;
  letter-spacing:-0.02em;
  color:var(--dm-text);
}
.dm-prose .dm-info__lead{
  margin:0 auto;
  max-width:560px;
  font-size:15px;line-height:1.6;
  color:var(--dm-text-2);
}
.dm-prose .dm-info__caption{
  margin:20px 0 0;
  text-align:center;
  font-size:13px;
  color:var(--dm-text-3);
}

/* Bar chart */
.dm-prose .dm-info__legend{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:16px 24px;
  margin-bottom:20px;
}
.dm-prose .dm-info__legend-item{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;font-weight:600;
  color:var(--dm-text-2);
}
.dm-prose .dm-info__legend-swatch{
  width:12px;height:12px;
  border-radius:3px;
  flex-shrink:0;
}
.dm-prose .dm-info__legend-swatch--eu{background:var(--dm-accent)}
.dm-prose .dm-info__legend-swatch--global{background:var(--dm-info)}
.dm-prose .dm-info__bars{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin:0;
  padding:0;
}
.dm-prose .dm-info__bar-row{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
}
.dm-prose .dm-info__bar-label{
  flex:0 0 108px;
  font-family:var(--dm-font-display);
  font-size:14px;font-weight:600;
  color:var(--dm-text);
  text-align:right;
}
.dm-prose .dm-info__bar-track{
  flex:1 1 auto;
  min-width:0;
  height:32px;
  border-radius:8px;
  background:var(--dm-surface-2);
  overflow:hidden;
  position:relative;
}
.dm-prose .dm-info__bar-fill{
  height:100%;
  border-radius:8px;
  min-width:8px;
}
.dm-prose .dm-info__bar-fill--eu{background:linear-gradient(90deg,var(--dm-accent-600),var(--dm-accent))}
.dm-prose .dm-info__bar-fill--global{background:linear-gradient(90deg,#1a5bb8,var(--dm-info))}
.dm-prose .dm-info__bar-value{
  position:absolute;
  right:10px;top:50%;
  transform:translateY(-50%);
  font-family:var(--dm-font-display);
  font-size:13px;font-weight:800;
  color:var(--dm-text);
  text-shadow:0 0 6px var(--dm-bg-elev),0 0 6px var(--dm-bg-elev);
  pointer-events:none;
}

/* Strategy cards */
.dm-prose .dm-info__cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
  padding-top:28px;
  border-top:1px solid var(--dm-line);
}
.dm-prose .dm-info__cards-title{
  grid-column:1 / -1;
  margin:0 0 4px !important;
  text-align:center;
  font-family:var(--dm-font-display);
  font-weight:800;
  font-size:20px !important;
  color:var(--dm-text);
}
.dm-prose .dm-info__card{
  padding:20px 18px;
  border:1px solid var(--dm-line);
  border-radius:10px;
  background:var(--dm-bg);
  min-width:0;
}
.dm-prose .dm-info__card-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.dm-prose .dm-info__card-flag{font-size:22px;line-height:1}
.dm-prose .dm-info__card h4{
  margin:0 !important;
  font-family:var(--dm-font-display);
  font-weight:800;
  font-size:16px !important;
  color:var(--dm-text);
}
.dm-prose .dm-info__card ul{margin:0 0 12px;padding-left:18px}
.dm-prose .dm-info__card li{
  margin:0 0 4px;
  font-size:14px;line-height:1.5;
  color:var(--dm-text-2);
}
.dm-prose .dm-info__card-note{
  margin:0;
  padding-top:12px;
  border-top:1px solid var(--dm-line);
  font-size:13px;line-height:1.55;
  color:var(--dm-text-3);
}
.dm-prose .dm-info__card--usa{border-top:3px solid var(--dm-info)}
.dm-prose .dm-info__card--china{border-top:3px solid var(--dm-warning)}
.dm-prose .dm-info__card--eu{border-top:3px solid var(--dm-accent)}

/* Steps / roadmap */
.dm-prose .dm-info--steps .dm-info__steps{
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.dm-prose .dm-info__step{
  display:flex;
  align-items:flex-start;
  gap:16px;
  width:100%;
  padding:18px;
  border:1px solid var(--dm-line);
  border-radius:10px;
  background:var(--dm-bg);
}
.dm-prose .dm-info__step-num{
  flex:0 0 44px;
  display:flex;
  align-items:center;justify-content:center;
  width:44px;height:44px;
  border-radius:10px;
  background:var(--dm-accent);
  color:var(--dm-accent-ink);
  font-family:var(--dm-font-display);
  font-weight:800;font-size:18px;
}
.dm-prose .dm-info__step-body{
  flex:1 1 auto;
  min-width:0;
}
.dm-prose .dm-info__step-body h4{
  margin:0 0 6px !important;
  font-family:var(--dm-font-display);
  font-weight:700;
  font-size:16px !important;
  color:var(--dm-text);
}
.dm-prose .dm-info__step-body p{
  margin:0;
  font-size:15px;line-height:1.65;
  color:var(--dm-text-2);
}

@media (max-width:768px){
  .dm-prose .dm-info{padding:22px 16px}
  .dm-prose .dm-info__cards{grid-template-columns:1fr}
  .dm-prose .dm-info__bar-row{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }
  .dm-prose .dm-info__bar-label{
    flex:none;
    text-align:left;
  }
  .dm-prose .dm-info__bar-value{
    right:8px;
    font-size:12px;
  }
}