/* 動画の切り替え（動画1/2/3）。2本目以降は広告なしで再生する。
   このファイルは extra_videos.json に対象 slug があるページだけ読み込む
   （baseof.html で条件付き読み込み）。 */
.video-switch { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 10px; min-height: 34px; }
.video-switch .vs-label { font-size: 12.5px; color: var(--text-dim); flex-shrink: 0; }
.vs-btn {
  min-width: 42px; height: 34px; padding: 0 12px; border-radius: 6px; cursor: pointer;
  font-family: inherit; font-size: 13px; color: var(--text-dim);
  background: var(--bg3); border: 1px solid var(--border);
  transition: color .15s, border-color .15s, background .15s;
}
.vs-btn:hover { color: #fff; border-color: #4a4a58; }
.vs-btn[aria-pressed="true"] {
  color: var(--accent); border-color: var(--accent);
  background: rgba(255, 255, 255, .06); font-weight: 700;
}
.vs-count { margin-left: auto; font-size: 11.5px; color: var(--text-dim); }
@media (max-width: 639px) { .vs-btn { min-width: 40px; padding: 0 10px; } }