.eiw{
  --eiw-bg:#fff; --eiw-border:#e6e8ec; --eiw-radius:16px; --eiw-pad:32px;
  --eiw-eyebrow:#6b7280; --eiw-dot:#202b52;
  --eiw-num-primary:#202b52; --eiw-num-secondary:#14161b; --eiw-unit:#6b7280; --eiw-label:#6b7280;
  --eiw-curve:#202b52; --eiw-area:rgba(32,43,82,.12); --eiw-marker:#202b52;
  --eiw-grid:#e6e8ec; --eiw-tick:#6b7280;
  --eiw-tip-bg:#14161b; --eiw-tip-text:#fff; --eiw-tip-accent:#202b52; --eiw-foot:#6b7280;
  --eiw-mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --eiw-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--eiw-bg); border:1px solid var(--eiw-border); border-radius:var(--eiw-radius);
  padding:var(--eiw-pad); font-family:var(--eiw-sans); color:var(--eiw-num-secondary);
  box-sizing:border-box; max-width:760px; margin:0 auto;
}
.eiw *{box-sizing:border-box}
.eiw__eyebrow{
  font-family:var(--eiw-mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--eiw-eyebrow); margin:0 0 24px; display:flex; align-items:center; gap:8px;
}
.eiw__dot{width:7px; height:7px; border-radius:50%; background:var(--eiw-dot);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--eiw-dot) 18%, transparent); flex:0 0 auto}
.eiw__stats{display:grid; gap:8px; margin-bottom:28px}
.eiw__num{font-size:40px; font-weight:650; line-height:1; letter-spacing:-.02em;
  font-variant-numeric:tabular-nums; display:flex; align-items:baseline; gap:6px; color:var(--eiw-num-secondary)}
.eiw__stat--primary .eiw__num{color:var(--eiw-num-primary)}
.eiw__unit{font-size:15px; font-weight:600; color:var(--eiw-unit)}
.eiw__label{font-family:var(--eiw-mono); font-size:11px; letter-spacing:.06em;
  text-transform:uppercase; color:var(--eiw-label); margin-top:10px}
.eiw__chart{position:relative}
.eiw__chart svg{display:block; width:100%; height:auto; overflow:visible}
.eiw__chart .grid line{stroke:var(--eiw-grid); stroke-width:1}
.eiw__chart .area{fill:var(--eiw-area)}
.eiw__chart .curve{fill:none; stroke:var(--eiw-curve); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round}
.eiw__chart .tick{font-family:var(--eiw-mono); font-size:10px; fill:var(--eiw-tick); letter-spacing:.04em}
.eiw__chart .marker{fill:var(--eiw-marker); stroke:var(--eiw-bg); stroke-width:2.5}
.eiw__chart .hover-line{stroke:var(--eiw-num-secondary); stroke-width:1; stroke-dasharray:3 3; opacity:0}
.eiw__chart .hover-dot{fill:var(--eiw-num-secondary); opacity:0}
.eiw__tip{position:absolute; pointer-events:none; opacity:0; transform:translate(-50%,-115%);
  background:var(--eiw-tip-bg); color:var(--eiw-tip-text); padding:7px 10px; border-radius:8px;
  font-family:var(--eiw-mono); font-size:11px; white-space:nowrap; transition:opacity .12s;
  box-shadow:0 6px 20px rgba(0,0,0,.18)}
.eiw__tip b{color:var(--eiw-tip-accent); font-weight:600}
.eiw__foot{margin-top:18px; font-family:var(--eiw-mono); font-size:10.5px; color:var(--eiw-foot);
  display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap}
.eiw__foot a{color:var(--eiw-foot)}
.eiw__data{display:none}
@media(max-width:560px){
  .eiw{padding:calc(var(--eiw-pad) * .7)}
  .eiw__stats{grid-template-columns:1fr !important; gap:18px}
  .eiw__num{font-size:34px}
}
@keyframes eiw-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){
  .eiw__chart .curve{stroke-dasharray:none !important; stroke-dashoffset:0 !important; animation:none !important}
}
