.stamp {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 40px;
  font-family: var(--mono);
  font-size: 0.8125rem;
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
}
.stamp .label { display: block; margin-bottom: 3px; }

.metgrid {
  display: grid;
  gap: 1px;
  background: var(--rule);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  overflow: hidden;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}
.metcard { background: var(--card); padding: clamp(20px, 2.4vw, 26px); display: flex; flex-direction: column; }
.metcard-top { display: flex; flex-direction: column; gap: 4px; min-height: 3.1em; }
.metcard-v { display: flex; align-items: baseline; gap: 9px; margin-top: 16px; }
.metcard-v .mono {
  font-size: clamp(2.2rem, 4.4vw, 2.9rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.metcard-u { font-size: 0.875rem; color: var(--muted); }

.metbar {
  margin-top: 20px;
  height: 6px;
  background: var(--paper-2);
  border-radius: 1px;
  overflow: hidden;
}
.metbar-fill { display: block; height: 100%; background: var(--seal); }
.metbar-fill--flag { background: var(--flag); }

.metcard-method {
  margin-top: auto;
  padding-top: 20px;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--muted);
  border-top: 1px solid var(--rule);
  margin-block-start: 20px;
}