/* Lab index pages: the few pieces the main site's styles.css does not have.
 * Loaded after styles.css (a verbatim copy of sciel/styles.css). */

/* one-to-three-line description under a row title */
.lab-dek {
  max-width: 46rem;
  margin: .4rem 0 .55rem;
  color: var(--ink-2);
  font-size: .93rem;
  font-weight: 460;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.row .lab-dek { -webkit-line-clamp: 2; line-clamp: 2; }
.lab-dek strong { color: var(--ink-2); font-weight: 600; }

/* list pages: intro under the title, grouped sections */
.art-index .art-lede { max-width: 40rem; margin: -1.6rem 0 2.6rem; color: var(--ink-2); }
.art-index .section-head { margin: 3.2rem 0 .2rem; border-top: 0; padding-top: 0; }
.art-index .section-head h2 { font-size: 1.2rem; }
.art-row :is(h2, h3) {
  margin: 0;
  font-weight: 500;
  font-size: clamp(1.15rem, 2.2vw, 1.42rem);
  line-height: 1.22;
}
.art-row:hover :is(h2, h3), .art-row:focus-visible :is(h2, h3) { color: var(--accent); }
.art-row .date { text-transform: lowercase; }

/* home: the second list follows the first without a doubled rule */
.writing + .writing { margin-top: 3.4rem; }