/* Equal-size badge labels and numbers, with a small space before the plus. */
.reference-main .reference-header-row .reference-stat-card{
  --directory-badge-font:30px;
  width:max-content;
  max-width:100%;
  flex:none;
  min-height:52px;
  padding:8px 12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.25);
  background:radial-gradient(circle at 92% 18%,rgba(255,255,255,.16),transparent 34%),linear-gradient(135deg,#071833 0%,#0A46B8 54%,#149EE2 100%);
  color:#FFFFFF;
  box-shadow:0 12px 26px rgba(17,65,145,.16),inset 0 1px 0 rgba(255,255,255,.18);
}
.reference-main .reference-header-row .directory-stat-countries{
  --directory-badge-font:30px;
}
.reference-main .reference-header-row .reference-stat-card>div{
  width:auto;
  align-items:baseline;
  gap:.32em;
  font-size:var(--directory-badge-font);
  white-space:nowrap;
}
.reference-main .reference-header-row .reference-stat-card .hero-stat,
.reference-main .reference-header-row .reference-stat-card p{
  font-size:var(--directory-badge-font);
  line-height:1.15;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.reference-main .reference-header-row .reference-stat-card .hero-stat{font-weight:780}
.reference-main .reference-header-row .reference-stat-card p{font-weight:620;color:#EAF3FF}
.reference-main .reference-header-row .hero-stat span{margin-left:.25em}
@media(min-width:701px) and (max-width:900px){
  .reference-main .reference-header-row .reference-stat-card{--directory-badge-font:29px;min-height:50px;padding:8px 11px}
  .reference-main .reference-header-row .directory-stat-countries{--directory-badge-font:29px}
}
@media(max-width:700px){
  .reference-main .reference-header-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    margin:0 0 10px;
  }
  .reference-main .reference-header-row .reference-intro-row{
    grid-column:1;
    grid-row:1;
    min-width:0;
    min-height:0!important;
    margin:0!important;
  }
  .reference-main .reference-header-row .reference-back{
    grid-column:2;
    grid-row:1;
    position:relative!important;
    inset:auto!important;
    margin:0!important;
    justify-self:end;
    font-size:11px;
  }
  .reference-main .reference-header-row .reference-stat-card{
    --directory-badge-font:clamp(11.5px,calc(4vw - .7px),14.3px);
    max-width:100%!important;
    min-height:32px;
    padding:7.7px 10px!important;
    border-radius:999px;
    box-shadow:none;
  }
}
@media(max-width:360px){
  .reference-main .reference-header-row{gap:5px}
  .reference-main .reference-header-row .reference-stat-card{padding-inline:6px!important}
  .reference-main .reference-header-row .reference-back{font-size:10px;padding-inline:6px}
}