/* トップページ・今日の花火ページ 共通 花火レーダー件数表示 */

/* トップページ用 */
.top-monitor-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.top-monitor-stats span {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 999px;
  background: #fff4df;
  color: #8a4b12;
  font-size: 0.88rem;
  font-weight: bold;
  line-height: 1.5;
}

.top-monitor-stats em {
  position: static;
  right: auto;
  top: auto;
  transform: none;
  display: inline;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #b25b00;
  font-style: normal;
  font-size: 1.08rem;
  font-weight: bold;
  white-space: normal;
}

.top-monitor-stats-updated {
  display: inline-block;
  margin-top: 6px;
  color: #8a7158;
  font-size: 0.78rem;
}

.top-monitor-link-box .top-monitor-link-label {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}

/* 今日の花火ページ用 */
.day-radar-cta__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.day-radar-cta__stats > span {
  display: inline-block;
  padding: 4px 9px;
  border-radius: 999px;
  background: #fff4df;
  color: #8a4b12;
  font-size: 0.86rem;
  font-weight: bold;
  line-height: 1.5;
}

.day-radar-cta__stats em {
  position: static;
  right: auto;
  top: auto;
  transform: none;
  display: inline;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #b25b00;
  font-style: normal;
  font-size: 1.06rem;
  font-weight: bold;
  white-space: normal;
}

.day-radar-cta__updated {
  display: inline-block;
  margin-top: 5px;
  color: #8a7158;
  font-size: 0.78rem;
}

@media screen and (max-width: 600px) {
  .top-monitor-stats,
  .day-radar-cta__stats {
    gap: 6px;
  }

  .top-monitor-stats span,
  .day-radar-cta__stats > span {
    font-size: 0.82rem;
    padding: 4px 8px;
  }

  .top-monitor-stats em,
  .day-radar-cta__stats em {
    font-size: 1rem;
  }
}