.jbi-wrap {
    margin: 1em 0;
}

.jbi-main-title {
    margin-bottom: 1em;
}

.jbi-source {
    margin: 0 0 1.5em;
}

.jbi-source-title {
    margin: 0 0 .55em;
}

.jbi-metrics {
    margin: 0;
    padding: 0;
}

.jbi-metric-row {
    display: flex;
    justify-content: space-between;
    gap: 1.25em;
    padding: .35em 0;
    border-bottom: 1px solid rgba(127, 127, 127, .22);
}

.jbi-metric-row dt,
.jbi-metric-row dd {
    margin: 0;
}

.jbi-metric-row dd {
    font-weight: 600;
    text-align: right;
}

.jbi-updated,
.jbi-disclaimer {
    font-size: .9em;
    opacity: .78;
}

.jbi-updated {
    margin: .5em 0 0;
}

.jbi-disclaimer {
    margin-top: 1.5em;
    font-style: italic;
}

.jbi-mode-compact .jbi-source {
    margin-bottom: 1em;
}

.jbi-mode-compact .jbi-source-title {
    font-size: 1em;
}

.jbi-mode-compact .jbi-metric-row {
    font-size: .95em;
}

.jbi-widget-more {
    margin-top: .75em;
}

@media (max-width: 480px) {
    .jbi-metric-row {
        align-items: baseline;
    }
}

/* Extra-compact spacing for the WordPress widget only. */
.jbi-widget-compact .jbi-wrap {
    margin: 0;
}

.jbi-widget-compact .jbi-source {
    margin: 0 0 .45em;
}

.jbi-widget-compact .jbi-source-title {
    margin: 0 0 .15em;
    line-height: 1.15;
}

.jbi-widget-compact .jbi-metric-row {
    padding: .08em 0;
    line-height: 1.18;
}

.jbi-widget-compact .jbi-updated {
    margin: .15em 0 0;
    line-height: 1.15;
}

.jbi-widget-compact .jbi-widget-more {
    margin: .35em 0 0;
    line-height: 1.15;
}