/* "Why do I need a desktop companion app?": a text post with no art. This
   file holds its summary block, and it is linked from the blog index as well,
   because every index row has a .post-art and a stylesheet of its own
   (blogList.test.mjs). The row's .post-art is left empty on purpose: it keeps
   the same open and closed sizes as every other row, so the list's motion
   stays even. Every selector starts with .wdc- so nothing reaches another
   page. */

.wdc-summary {
  margin: 0 0 48px;
  padding: 20px 24px;
  border-radius: var(--r-group);
  background: var(--surface);
  box-shadow: var(--highlight);
}

.wdc-summary-title {
  margin: 0 0 10px;
  color: var(--label-2);
  font-size: var(--footnote);
  font-weight: 600;
  letter-spacing: var(--track-footnote);
}

.wdc-summary ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wdc-summary li {
  max-width: var(--measure);
  color: var(--label-body);
  line-height: 1.55;
}

.wdc-summary b {
  color: var(--label);
}