.kirin-analysis-capability-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}

.kirin-analysis-capability-grid .kirin-metric{
  min-width:0;
  min-height:96px;
}

.kirin-analysis-capability-grid .kirin-metric--win,
.kirin-analysis-capability-grid .kirin-metric--top2,
.kirin-analysis-capability-grid .kirin-metric--top3{
  grid-column:span 2;
}

.kirin-analysis-capability-grid .kirin-metric--confidence,
.kirin-analysis-capability-grid .kirin-metric--stability{
  grid-column:span 3;
  min-height:78px;
  background:rgba(255,255,255,.012);
}

.kirin-analysis-capability-grid .kirin-metric--confidence>strong,
.kirin-analysis-capability-grid .kirin-metric--stability>strong{
  font-size:18px;
  font-weight:700;
}

.kirin-analysis-capability-grid .kirin-metric.is-pending{
  opacity:.78;
}

@media(max-width:720px){
  .kirin-analysis-capability-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
  }

  .kirin-analysis-capability-grid .kirin-metric{
    min-height:88px;
    padding:12px;
  }

  .kirin-analysis-capability-grid .kirin-metric--confidence,
  .kirin-analysis-capability-grid .kirin-metric--stability{
    min-height:72px;
  }
}

@media(max-width:380px){
  .kirin-analysis-capability-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .kirin-analysis-capability-grid .kirin-metric--win,
  .kirin-analysis-capability-grid .kirin-metric--top2,
  .kirin-analysis-capability-grid .kirin-metric--top3,
  .kirin-analysis-capability-grid .kirin-metric--confidence,
  .kirin-analysis-capability-grid .kirin-metric--stability{
    grid-column:span 1;
  }

  .kirin-analysis-capability-grid .kirin-metric--top3{
    grid-column:1 / -1;
  }
}