/* Molo Proof Strip — slim stat band */
.molo-proof-strip {
  --molo-pad-block: clamp(28px, 4vw, 44px);
  border-block: 1px solid var(--molo-line);
}
.molo-proof-strip.molo-theme-dark,
.molo-proof-strip.molo-theme-deep {
  border-color: var(--molo-line-inverse);
}

.molo-proof-strip .molo-proof-strip__stats {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  row-gap: 10px;
}
.molo--center .molo-proof-strip__stats { justify-content: center; }

.molo-proof-strip .molo-proof-strip__stat {
  display: flex;
  align-items: baseline;
  gap: .4em;
  font-size: clamp(.85rem, .95vw, .875rem);
  line-height: 1.4;
}

/* dot separator between items, never before the first */
.molo-proof-strip .molo-proof-strip__stat:not(:first-child)::before {
  content: '\00B7';
  margin-inline: clamp(10px, 1.5vw, 20px);
  opacity: .4;
}

.molo-proof-strip .molo-proof-strip__value {
  font-weight: 700;
  color: var(--molo-navy);
  white-space: nowrap;
}
.molo-theme-dark .molo-proof-strip__value,
.molo-theme-deep .molo-proof-strip__value {
  color: var(--molo-paper);
}

.molo-proof-strip .molo-proof-strip__label { opacity: .82; }

/* below the one-line breakpoint, stack the stats and drop the dots */
@media (max-width: 1199px) {
  .molo-proof-strip .molo-proof-strip__stats {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 8px;
  }
  .molo--center .molo-proof-strip__stats { align-items: center; }
  /* let value + label flow as one centered line of text */
  .molo-proof-strip .molo-proof-strip__stat { display: block; font-size: .95rem; }
  .molo-proof-strip .molo-proof-strip__stat:not(:first-child)::before { content: none; }
}