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

    /* Objectives list — page-scoped, identical to the definition on
       course-conflict-resolution.html and course-pain-management-hypnosis.html. */
    .objectives { counter-reset: obj; list-style: none; padding: 0; margin: 0; display: grid; gap: var(--s-3); }
    .objectives li { counter-increment: obj; display: grid; grid-template-columns: 30px 1fr; gap: var(--s-4); align-items: baseline; }
    .objectives li::before { content: counter(obj); font-family: var(--font-num); font-variant-numeric: tabular-nums; font-size: var(--t-small); font-weight: 600; color: var(--lane, var(--accent)); }

    /* At-a-glance strip: a hairline-ruled row of sourced figures. Uses the
       same mono/tabular treatment as every other figure on the site. */
    .glance {
      display: grid; gap: 0;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      border: var(--hair); border-radius: var(--r-lg);
      background: var(--bg-card); overflow: hidden;
    }
    .glance__cell { padding: var(--s-5); border-left: var(--hair); }
    .glance__cell:first-child { border-left: 0; }
    .glance__k {
      display: block; font-family: var(--font-display); font-weight: 700;
      font-size: var(--t-eyebrow); letter-spacing: var(--track-eyebrow);
      text-transform: uppercase; color: var(--text-mute);
    }
    .glance__v {
      display: block; margin-top: var(--s-2);
      font-family: var(--font-num); font-variant-numeric: tabular-nums;
      font-size: var(--t-h4); font-weight: 600; color: var(--text);
      letter-spacing: -0.02em;
    }
    .glance__v small { font-family: var(--font-text); font-size: var(--t-micro); font-weight: 400; color: var(--text-mute); display: block; margin-top: 3px; letter-spacing: 0; }
    @media (max-width: 900px) { .glance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .glance__cell { border-left: var(--hair); border-top: var(--hair); }
      .glance__cell:nth-child(odd) { border-left: 0; }
      .glance__cell:nth-child(-n+2) { border-top: 0; } }
    @media (max-width: 480px) { .glance { grid-template-columns: minmax(0, 1fr); }
      .glance__cell { border-left: 0; border-top: var(--hair); }
      .glance__cell:first-child { border-top: 0; } }