@media(max-width:760px) {
  /* Shared by every current and future metric, including locked cards. */
  #scanMetrics .kpi .kpi-k {font-size:10px;line-height:14px;white-space:normal}
  #scanMetrics .kpi .kpi-heading {min-height:18px;line-height:14px}
  #scanMetrics .kpi.kpi-locked {
    display:grid;grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);gap:2px;justify-content:stretch;
  }
  /* Let the heading's actual height reserve its own row. The lock then
     centers in the remaining space, including when a future label wraps. */
  #scanMetrics .kpi.kpi-locked .kpi-heading {display:contents}
  #scanMetrics .kpi.kpi-locked .kpi-k {
    grid-row:1;min-height:18px;position:relative;z-index:2;
  }
  #scanMetrics .kpi.kpi-locked .kpi-lock-icon {
    grid-row:2;place-self:center;position:relative;z-index:2;
    width:14px;height:14px;margin:0;
  }
  #scanMetrics .kpi-tier-link {display:none}
}

@media(max-width:760px) {
  #scanMetrics .kpi.kpi-locked .kpi-lock-icon {display:none}
  #scanMetrics .kpi.kpi-locked .kpi-unlock {
    position:static;grid-row:2;align-self:stretch;
    padding:0;align-items:center;justify-content:center;
  }
  #scanMetrics .kpi.kpi-locked .kpi-lock-label {
    display:block;font:500 11px/14px var(--display);color:var(--ink-2);
  }
  #scanMetrics .kpi.kpi-locked .kpi-unlock::after {
    content:"";position:absolute;inset:0;border-radius:inherit;
  }
}