/* Reviewed statistics presentation from prototype/src/operations.css. */
.realms-app .ops-statistics { margin:32px 0 0; padding:24px; background:rgba(255,255,255,.025); }
.realms-app .ops-statistics-heading { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px 24px; padding-bottom:18px; border-bottom:0; }
.realms-app .ops-statistics-heading h2 { margin:0; font-family:var(--heading); font-size:1.5rem; font-weight:700; line-height:1.3; }
.realms-app .ops-statistics-heading p { margin:0; font-size:.8125rem; color:var(--muted); line-height:1.5; }
.realms-app .ops-statistics-stage { position:relative; padding:36px 0 32px; }
.realms-app .ops-metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 0; margin:0; }
.realms-app .ops-metric { min-width:0; min-height:270px; display:flex; flex-direction:column; align-items:center; gap:20px; padding:8px 32px; text-align:center; }
.realms-app .ops-metric:nth-child(even) { border-left:0; }
.realms-app .ops-metric:only-child { grid-column:1; }
.realms-app .ops-metric dt { font-size:1.125rem; font-weight:700; line-height:1.4; color:var(--text); }
.realms-app .ops-metric dd { margin:0; text-align:center; }
.realms-app .ops-metric-value { width:100%; }
.realms-app .ops-metric-value strong { display:block; font-family:'Fredoka',var(--heading); font-size:7.5rem; font-weight:600; font-variant-numeric:tabular-nums; line-height:1; letter-spacing:-.035em; overflow-wrap:anywhere; }
.realms-app .ops-metric[data-metric="acceptedTransfersLifetime"] .ops-metric-value strong { color:var(--color-accent-green); }
.realms-app .ops-metric-value.is-unavailable strong { font-family:var(--heading); font-size:clamp(2rem,4vw,3.5rem); letter-spacing:0; }
.realms-app .ops-metric dd.ops-metric-meta { padding-top:4px; font-size:.8125rem; color:var(--muted); line-height:1.5; }
.realms-app [data-realm-statistics] .ops-empty { padding:24px 0; }
.realms-app [data-realm-statistics] .ops-empty .btn { margin-top:16px; }
@media (max-width:1000px) {
    .realms-app .ops-metric-value strong { font-size:6rem; }
}
@media (max-width:640px) {
    .realms-app .ops-statistics-heading { align-items:flex-start; flex-direction:column; }
    .realms-app .ops-statistics-stage { padding:26px 0; }
    .realms-app .ops-metric { min-height:220px; padding:8px 20px; gap:18px; }
    .realms-app .ops-metric dt { font-size:1rem; }
    .realms-app .ops-metric-value strong { font-size:4rem; }
    .realms-app .ops-metric-value.is-unavailable strong { font-size:2rem; }
}
@media (max-width:480px) {
    .realms-app .ops-metric-grid { grid-template-columns:1fr; gap:28px; }
    .realms-app .ops-metric { min-height:0; padding:0 12px; }
    .realms-app .ops-metric:nth-child(even) { border-left:0; }
    .realms-app .ops-metric + .ops-metric { border-top:0; padding-top:28px; }
}