/* Desktop scale calibrated for a comfortable 100% browser zoom. */
html {
  font-size: 13px;
}

.site-header + section {
  margin-top: .9rem;
}

@media (min-width: 768px) {
  body {
    zoom: .82;
  }

  .stats-shell .overview-card,
  .stats-shell .story-panel,
  .stats-shell .chart-card,
  .stats-shell .insight-card,
  .stats-shell .species-card,
  .stats-shell .process-card,
  .stats-shell .method-card {
    padding: 1.15rem !important;
  }

  .stats-shell .rank-list {
    gap: .55rem;
    margin-top: .75rem;
  }

  .stats-shell .rank-row {
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: .7rem;
    padding: .7rem .8rem;
    border-radius: .8rem;
  }

  .stats-shell .rank-row b {
    width: 2rem;
    height: 2rem;
    border-radius: .6rem;
    font-size: .78rem;
  }

  .stats-shell .rank-row strong {
    font-size: .9rem;
  }

  .stats-shell .rank-row span,
  .stats-shell .rank-row em {
    font-size: .76rem;
  }

  .stats-shell .story-panel h3 {
    font-size: 1.25rem;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 16px;
  }

  body {
    zoom: 1;
  }

  .site-header + section {
    margin-top: .55rem;
  }
}