/* Widget 3 — dates row + facts chip. Values from the design-system sample
   (line 93-99): gap 14, margin-bottom 16, 13.5px muted run with body-ink
   emphasis, chip 12/700 with 5/12 padding and a 6px gap for the check glyph.
   Green #0e7a4f appears ONLY on this chip. */

.hc-dates {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0 0 16px;
}

.hc-dates__line {
  font-size: 13.5px;
  color: var(--hc-mut);
}
.hc-dates__line strong {
  color: var(--hc-body);
  font-weight: 700;
}
.hc-dates__read { white-space: nowrap; }

.hc-dates__chip {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #0e7a4f;
  background: #0e7a4f14;
  border-radius: 999px;
  padding: 5px 12px;
  white-space: nowrap;
}

/* 2026-08-04 sample: the dates row sits behind a top hairline, 22px above
   the share row (the byline row's bottom margin provides the 18px above). */
.single .hc-dates {
  padding-top: 14px;
  border-top: 1px solid var(--hc-wash);
  margin-bottom: 22px;
}