/* ==========================================================================
   news.css
   Styles used only on the News page (news/index.html).
   The collapsible year blocks themselves are styled in disclosure.css.

   Contents
     1. News items
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. News items
   The first line of each entry (the "what") is in full ink; the lines below
   it (topic, venue, links) are in the softer colour.
   -------------------------------------------------------------------------- */

.news-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.news-list li {
  padding: var(--item-space) max(0px, calc(100% - var(--measure))) var(--item-space) 0;   /* text keeps to --measure; the line below spans the page */
  color: var(--ink-soft);              /* the lines below the heading: what, where */
  border-bottom: var(--rule);
}

/* First line of each entry (marked by tools/apply_cleanup.py): full ink, so
   it leads; the lines below it stay in the softer colour */
.news-head {
  color: var(--ink);
}

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

.news-list strong {
  font-weight: 600;
}

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