/* 3D情報パネル見出しの表示調整。記事データ・識別子・件数計算は変更しない。 */
.stage-experiment.stage-experiment.stage-experiment .stage-content-header > span {
  font-size: 0;
  color: transparent;
  background: transparent;
  position: relative;
}
/* 各シーンのアクセント色を使うレモン。文字の領域は変えず装飾だけ置換。 */
.stage-experiment.stage-experiment.stage-experiment .stage-content-header > span::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 26px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--panel-accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 32'%3E%3Cpath d='M27 7C28 3 31 2 34 2C34 6 31 9 27 9Z M28 10C28 8 26 7 24 9C18 7 12 9 8 13C4 16 3 20 4 23C1 24 2 27 5 27C9 31 17 29 22 25C27 21 30 15 28 10Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 32'%3E%3Cpath d='M27 7C28 3 31 2 34 2C34 6 31 9 27 9Z M28 10C28 8 26 7 24 9C18 7 12 9 8 13C4 16 3 20 4 23C1 24 2 27 5 27C9 31 17 29 22 25C27 21 30 15 28 10Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.stage-experiment .stage-content-header > em { display: none; }
.stage-experiment .stage-content-header {
  grid-template-columns: 34px minmax(0, 1fr);
}

/* NEWSも共通の3Dタイトル描画を使用。ラベルのみスクロールインする。
   ラベル基点は既存3Dタイトル描画（760px境界）に合わせる。 */
.stage-experiment {
  --news-heading-top: clamp(96px, 12vh, 150px);
  --news-heading-left: clamp(24px, 5vw, 84px);
}
@media (max-width: 760px) {
  .stage-experiment {
    --news-heading-top: 64px;
    --news-heading-left: 16px;
  }
}
.stage-experiment.stage-experiment.stage-experiment .stage-panels--meta .stage-panel[data-stage-panel="news"] {
  /* 旧ビルドのNEWS専用・中間幅86px指定より優先（配布済みCSSとの互換）。 */
  top: var(--news-heading-top) !important;
  left: var(--news-heading-left);
  transition-delay: 0ms;
}

/* スマホNEWSはパネル内を縦にスワイプできるようにする。
   配布済みのインラインCSSより強い詳細度で、既存リリースにも単体適用できる。 */
@media (max-width: 1023px) {
  .stage-experiment.stage-experiment.stage-experiment
    .stage-fg-panel[data-stage-content-panel="news"][data-anchor="right-bottom"] {
    max-height: min(34svh, 290px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }
}
