/* header-onair-cycle-v2 — 名前を 1 人ずつ切り替える（v1）。収まらないときは「ON AIR · 人数」（v2、.js を参照）。名前の一覧は読み上げ用に残す。 */
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-cycling #hero-live-names {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
body.hs.eh-study.s55 .s13-header > .hero-now .hs-onair-cycle { display: none; }
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-cycling .hs-onair-cycle {
  display: inline-block;
  color: var(--hs-paper, #f3ecdc);
  font: 700 14px/24px var(--hs-jp, "Zen Kaku Gothic New", sans-serif);
  white-space: nowrap;
  transition: opacity 220ms ease, transform 220ms ease;
}
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-cycling .hs-onair-cycle.is-out { opacity: 0; transform: translateY(-6px); }
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-cycling .hs-onair-cycle.is-in { opacity: 0; transform: translateY(6px); transition: none; }
/* keep the people count beside the rotating name */
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-cycling .s55-onair-short { display: inline; }
@media (prefers-reduced-motion: reduce) {
  body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-cycling .hs-onair-cycle { transition: none; }
}

/* v2：折り返さない */
body.hs.eh-study.s55 .s13-header > .hero-now { white-space: nowrap; flex-wrap: nowrap; }
/* v2：幅を測るための見えない複製 */
body.hs.eh-study.s55 .s13-header > .hero-now .hs-onair-probe {
  display: inline-block !important;
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  left: 0;
  top: 0;
}
/* v2：収まらないときは名前を隠し、人数だけ（374px 以下の要約と同じ見た目） */
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-compact #hero-live-names {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-compact .hs-onair-cycle:not(.hs-onair-probe) { display: none; }
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-compact .s55-onair-short {
  display: inline;
  flex: none;
  color: #f3ecdc;
  font: 600 12.5px/1.3 "Barlow Condensed", "Zen Kaku Gothic New", sans-serif;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

/* v2：並びは「ON AIR → 人数 → 名前」。長さが変わる名前を最後に置き、人数を ON AIR の直後に固定する */
body.hs.eh-study.s55 .s13-header > .hero-now .hero-now-label { order: 1; }
body.hs.eh-study.s55 .s13-header > .hero-now .s55-onair-short { order: 2; }
body.hs.eh-study.s55 .s13-header > .hero-now #hero-live-names,
body.hs.eh-study.s55 .s13-header > .hero-now .hs-onair-cycle { order: 3; }
body.hs.eh-study.s55 .s13-header > .hero-now > .ui-icon { order: 4; }
/* v2：人数は「ON AIR」に付ける（ラベルの内側の余白 8px を打ち消して間を詰める）。長さが変わる名前とは 16px 離す */
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-cycling .s55-onair-short,
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-compact .s55-onair-short {
  margin-left: -8px;
  margin-right: 8px;
}
/* 人数だけのときは後ろに名前がないので、右の余白を残さない */
body.hs.eh-study.s55 .s13-header > .hero-now.hs-onair-compact .s55-onair-short { margin-right: 0; }
/* v2：名前を出してヘッダーの列からはみ出すときも、右端（メニュー・ナビ側）を固定し、左へ伸ばす（unsafe end）。
   以前は右へはみ出してメニューに近づき、スマホでは名前が入る余地があっても「収まらない」と判定されていた（独立レビュー）。 */
body.hs.eh-study.s55 .s13-header > .hero-now {
  justify-self: unsafe end;
  max-width: none;
}