/* 课程页的「回放」一块（replays.js）。归 M3 理解 Fomalhaut647。 */
.rpl-auto { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); cursor: pointer; }
/* 一行：标题、日期、右边的状态。状态里可能有很长一段额度说明（带每周规则全文），放不下时整块换到下一行，
   不能把日期挤成一字一行（反馈：额度说明把「9 月 18 日」挤断了）。 */
.rpl-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 7px 0; }
.rpl-row + .rpl-row { border-top: 1px solid var(--line); }
.rpl-t { flex: 1; min-width: 0; font-size: 14px; color: var(--ink); overflow-wrap: anywhere; }
a.rpl-t:hover { text-decoration: underline; text-decoration-color: var(--faint); }
.rpl-d { flex: none; color: var(--muted); font-size: 12.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rpl-end { flex: none; display: inline-flex; align-items: center; gap: 10px; max-width: 100%; }
.rpl-end > button { flex: none; }
.rpl-st { flex: 0 1 auto; min-width: 0; color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.rpl-bad { color: var(--red); }
.rpl-pdf { font-size: 13px; color: var(--tint); }
@media (max-width: 759.98px) {
  .rpl-t { flex-basis: 100%; }
}