/* ==========================================================================
   learning.css
   Styles used only on the Learning page (learning/index.html).
   Year blocks come from disclosure.css.

   Contents
     1. Tutorials and courses
     2. First year (no line above it)
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. Tutorials and courses
   Numbered continuously across the years (each <ol> has start="…"), with the
   numbers hanging in the margin — as on the Publications page.
   -------------------------------------------------------------------------- */

.learn-list {
  margin: 0;
  padding-left: 2.75rem;
}

.learn-list li {
  padding: var(--item-space) max(0px, calc(100% - var(--measure))) var(--item-space) .25rem;   /* text keeps to --measure (no lines between entries) */
  color: var(--ink);
}

.learn-list li::marker {
  font-family: var(--heading);
  font-size: var(--fs-label);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--ink-soft);
}

@media (max-width: 640px) {
  .learn-list {
    padding-left: 2.25rem;
  }
}

.learn-list li:first-child {
  padding-top: 0;
}

.learn-list strong {
  font-weight: 600;
  color: var(--ink);
}

/* Course titles (red on the old site): bold ink, not blue, so they don't look like links */
.learn-list .hl {
  font-weight: 700;
  color: var(--ink);
}

@media print {
  .learn-list li {
    break-inside: avoid;
  }
}


/* --------------------------------------------------------------------------
   2. First year: no line above it (it follows the page title directly)
   -------------------------------------------------------------------------- */

.learn-year:first-of-type {
  border-top: 0;
}

.learn-year:first-of-type > .disclosure-summary {
  padding-top: 0;
}