/* Page-scoped CSS from mock-site/course-pain-management-hypnosis.html
   Generated; do not hand-edit. */
/* Objectives list. Numbered because the source objectives are numbered
       1-20 and the numbering is part of the record. */
    .objectives { counter-reset: obj; list-style: none; padding: 0; margin: 0; }
    .objectives li {
      counter-increment: obj;
      position: relative;
      padding: var(--s-2) 0 var(--s-2) 42px;
      border-top: var(--hair);
      font-size: var(--t-small);
    }
    .objectives li:first-child { border-top: 0; }
    .objectives li::before {
      content: counter(obj, decimal-leading-zero);
      position: absolute; left: 0; top: var(--s-2);
      font-family: var(--font-num); font-variant-numeric: tabular-nums;
      font-size: var(--t-micro); font-weight: 600;
      color: var(--lane);
    }
    @media (min-width: 780px) {
      .objectives { columns: 2; column-gap: var(--s-8); }
      .objectives li { break-inside: avoid; }
    }

    /* At-a-glance strip. Five sourced facts, mono figures, no invented cells. */
    .glance { display: grid; gap: var(--s-1); grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
    .glance > div { padding: var(--s-4) var(--s-5); border-top: var(--rule) solid var(--lane-line); background: var(--bg-card); }
    .glance dt { 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); }
    .glance dd { margin: var(--s-2) 0 0; font-family: var(--font-num); font-variant-numeric: tabular-nums; font-size: 1.0625rem; font-weight: 600; }
    .glance .glance__sub { display: block; font-family: var(--font-text); font-size: var(--t-micro); font-weight: 400; color: var(--text-mute); margin-top: 3px; }