.running-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  background:linear-gradient(135deg,var(--green),#071d16);
  color:#fff;
  border-radius:22px;
  padding:22px;
  box-shadow:var(--shadow);
  margin-bottom:14px
}
.running-hero h3{font-size:34px;margin:3px 0 4px}
.running-hero .subtle{color:#c8d7cf}
.goal-track{height:13px;border-radius:999px;background:#e4ebe6;overflow:hidden;margin:12px 0 8px}
.goal-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:999px;transition:.25s}
.run-history-item{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:13px;background:#fbfcfb}
.run-history-item h4{margin:0 0 4px}
.run-history-item p{margin:0;color:var(--muted);font-size:12px}
.run-history-main{text-align:right}
.run-history-main strong{display:block;color:var(--green);font-size:17px}
.run-history-main span{font-size:12px;color:var(--muted)}
@media(max-width:560px){
  .running-hero{align-items:flex-start;flex-direction:column}
}