/* METRIC STRIP */
.jj-metrics__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.jj-metric { background: var(--jj-surface); border: 1px solid var(--jj-line); border-radius: var(--jj-radius); padding: 1.1rem 1.2rem; }
.jj-metric__value { font-size: 1.7rem; font-weight: 700; line-height: 1; color: var(--jj-ink); }
.jj-metric__label { font-size: .8rem; color: var(--jj-muted); margin-top: .5rem; line-height: 1.35; }
@media (max-width: 780px) { .jj-metrics__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 440px) { .jj-metrics__grid { grid-template-columns: 1fr; } }