.mlv__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--mg-gap)}
.mlv-card{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:200px;padding:24px;background:#fff;border-radius:var(--r-card)}
.mlv-card--lime{background:var(--green)}
.mlv-card__live{display:flex;align-items:center;gap:8px;font-stretch:var(--w-hyper);font-weight:500;font-size:14px;line-height:18px;color:var(--ink-55)}
.mlv-card--lime .mlv-card__live{color:var(--ink)}
.mlv-card__live i{position:relative;display:block;width:8px;height:8px;transform:translateY(.5px);border-radius:50%;background:var(--green)}
.mlv-card--lime .mlv-card__live i{background:var(--ink)}
.mlv-card__live i::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:mlv-ping 2.4s var(--e-appear) infinite}
@keyframes mlv-ping{0%{transform:scale(1);opacity:.6}70%,100%{transform:scale(2.6);opacity:0}}
.mlv-card__n{display:flex;align-items:baseline;gap:6px}
.mlv-card__n .mg-num{font-size:clamp(30px,calc(5.15vw - 31px),48px);line-height:1}
.mlv-card__n .mg-unit{font-size:22px;line-height:22px}
.mlv-card__c{min-height:36px;margin-top:10px;font-stretch:var(--w-hyper);font-weight:400;font-size:14px;line-height:18px;color:var(--mg-grey)}
.mlv-card--lime .mlv-card__c{color:var(--ink)}
@media (max-width:1199px){ .mlv__grid{grid-template-columns:repeat(2,minmax(0,1fr))} .mlv-card__n .mg-num{font-size:48px} }
@media (max-width:767px){

  .mlv__grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .mlv-card{min-height:0;gap:20px;padding:16px 20px 20px;border-radius:16px}
  .mlv-card__n{gap:4px;flex-wrap:nowrap}
  .mlv-card__n .mg-num{font-size:min(40px,calc((100vw - 72px) / 6.6))}
  .mlv-card__n .mg-unit{font-size:16px;line-height:16px}
  .mlv-card__c{min-height:0;margin-top:6px;font-size:13px;line-height:16px}
}
@media (prefers-reduced-motion:reduce){ .mlv-card__live i::after{animation:none} }