@charset "utf-8";
/* CSS Document */

    a { color: var(--accent); text-decoration: none; }
    a:hover { text-decoration: underline; }

    main {
      max-width: 1400px;
      margin: 0 auto;
      padding: 2rem 1rem 4rem;
    }

    .page-intro {
      margin-bottom: 1.5rem;
    }
    .page-intro h1 {
      margin: 0 0 .5rem;
      font-size: 2rem;
      letter-spacing: .2px;
    }
    .page-intro p {
      margin: .5rem 0;
      color: var(--muted);
      max-width: 80ch;
    }

    .badge {
      display: inline-block;
      padding: .15rem .5rem;
      border: 1px solid var(--border);
      border-radius: 999px;
      font-size: .85rem;
      color: var(--muted);
    }
    .badge.removed { border-color: #553; color: #e0c27a; }
    .badge.revised { border-color: #335; color: #9fc1ff; }

    .table-wrap {
      overflow-x: auto;
      border: 1px solid var(--border);
      border-radius: 12px;
      background: var(--card);
    }

    table.schedule {
      width: 100%;
      border-collapse: collapse;
      min-width: 900px;
    }
    table.schedule th,
    table.schedule td {
      padding: .75rem .75rem;
      vertical-align: top;
      border-bottom: 1px solid var(--border);
    }
    table.schedule thead th {
      text-align: left;
      font-size: .9rem;
      color: var(--muted);
      background: #050505;
      position: sticky;
      top: 0;
    }
    table.schedule tr:hover td {
      background: #070707;
    }
    table.schedule .sub {
      color: var(--muted);
      font-size: .9rem;
      margin-top: .2rem;
    }
    table.schedule tr.removed td {
      opacity: .55;
      text-decoration: line-through;
    }
    table.schedule tr.revised td:last-child {
      color: #9fc1ff;
    }

    .section {
      margin-top: 2rem;
    }
    .section h2 {
      margin: 0 0 .75rem;
      font-size: 1.4rem;
    }

    .cue {
      border: 1px solid var(--border);
      border-radius: 14px;
      background: var(--card);
      padding: 1rem;
      margin: 1rem 0;
    }
    .cue.removed {
      border-color: #553;
    }
    .cue.revised {
      border-color: #335;
    }

    .cue-header h3 {
      margin: 0;
      font-size: 1.15rem;
      display: flex;
      gap: .75rem;
      align-items: baseline;
      flex-wrap: wrap;
    }
    .cue-time {
      font-variant-numeric: tabular-nums;
      color: var(--muted);
      font-size: .95rem;
    }
    .cue-meta {
      margin: .35rem 0 0;
      color: var(--muted);
      font-size: .95rem;
    }
    .cue-meta .sep {
      margin: 0 .5rem;
      color: #444;
    }

    .cue-body p {
      margin: .65rem 0;
    }

    .cue-note {
      color: var(--muted);
      font-style: italic;
    }

    .cue-status {
      margin: 0 0 .75rem;
      padding: .5rem .75rem;
      border-radius: 10px;
      border: 1px solid var(--border);
      color: var(--muted);
      background: #050505;
    }
    .cue-status.removed { border-color: #553; color: #e0c27a; }
    .cue-status.revised { border-color: #335; color: #9fc1ff; }

    .cue.removed del {
      color: var(--muted);
      text-decoration-thickness: 2px;
    }