/* sports-league-scheduling 固有のスタイル。色はすべて共通トークン（ライト/ダーク両対応）。 */

/* A match fills its round's whole day, so let its content use the full item width. */
.vis-item-content { width: 100%; }
.vis-item .match-item {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    white-space: nowrap; overflow: hidden;
}
.vis-item .match-item b { font-weight: 650; overflow: hidden; text-overflow: ellipsis; }
.vis-item .venue {
    font-size: 0.68rem; border-radius: 6px; padding: 0 5px;
    background: color-mix(in srgb, var(--surface) 70%, transparent); color: var(--ink-2);
}
.vis-item .venue.away { background: none; border: 1px solid var(--axis); }
.vis-item .classic { color: var(--warning); font-size: 0.75rem; }
/* 平日に組まれた伝統の一戦（ソフト制約違反） */
.vis-item.off-peak { box-shadow: inset 0 0 0 1px var(--warning); }

/* 週末・祝日の節 */
.vis-item.vis-background.weekend { background: color-mix(in srgb, var(--good) 14%, transparent) !important; }
.legend i.weekend { background: color-mix(in srgb, var(--good) 35%, transparent); }

.vis-labelset .vis-label .vis-inner { min-width: 120px; }
.note { margin-top: 8px; }
@media (max-width: 700px) {
    .sec-head .legend.push { margin-left: 0; }
}

/* vis-timeline 本体の CSS（#4d4d4d）が共通 CSS より強く効くので、行ラベルの文字色をここで上書きする。 */
.vis-timeline .vis-labelset .vis-label { color: var(--ink); }
.vis-timeline .vis-time-axis .vis-text.vis-minor { text-align: center; }