/* Page-scoped CSS from mock-site/courses.html
   Generated; do not hand-edit. */
[hidden] { display: none !important; }

  .cat-rail { display: grid; gap: var(--s-4); }
  .cat-rail .filters { align-items: flex-start; }
  .cat-group { display: grid; gap: var(--s-2); }
  .cat-group__label {
    font-family: var(--font-display); font-size: var(--t-eyebrow); font-weight: 700;
    letter-spacing: var(--track-eyebrow); text-transform: uppercase; color: var(--text-mute);
  }
  .cat-rail__sort { margin-left: auto; }
  .cat-rail__sort .select { min-width: 15rem; }
  @media (max-width: 900px) { .cat-rail__sort { margin-left: 0; width: 100%; } }

  .cat-status {
    display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3);
    margin-top: var(--s-5);
  }
  .cat-status__count { font-size: var(--t-small); color: var(--text-soft); }
  .cat-status__count .num { color: var(--text); font-weight: 600; }
  .cat-active { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; }
  .cat-active__chip {
    display: inline-flex; align-items: center; gap: var(--s-2);
    padding: 5px var(--s-3); border-radius: var(--r-sm);
    background: var(--accent-tint); border: 1px solid var(--c-plum-200); color: var(--accent);
    font-family: var(--font-display); font-size: var(--t-micro); font-weight: 600;
    cursor: pointer;
  }
  .cat-active__chip::after { content: "×"; font-size: 1.05rem; line-height: 1; }
  .cat-active__chip:hover { background: var(--c-plum-100); }
  .cat-clear {
    background: none; border: 0; padding: 0; cursor: pointer;
    font-family: var(--font-display); font-size: var(--t-micro); font-weight: 600;
    color: var(--text-soft); text-decoration: underline;
  }
  .cat-clear:hover { color: var(--accent); }

  .cat-card__meta { margin-top: var(--s-3); }
  .cat-card__k { color: var(--text-mute); }
  .cat-card__url {
    margin-top: var(--s-4); padding-top: var(--s-3); border-top: var(--hair);
    font-size: var(--t-micro); color: var(--text-mute); word-break: break-all;
  }
  .cat-card .pending { margin-top: var(--s-3); }
  .cat-card .course-card__foot { padding-top: var(--s-4); }

  .cat-rail-band { padding-top: 0; }
  .row--center { justify-content: center; }

  @media print { .cat-rail, .cat-active, .cat-card__url { display: none !important; } }