/* Stories page. Just two lists of text links, in the same offwhite .contentholder
   panels the About page uses, so the type and link colors come from proj.css. */

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

.story-list li {
  margin: 0 0 14px 0;
}

.story-list li:last-child {
  margin-bottom: 0;
}

/* Publication and date, after the linked headline. Grey against the panel's
   offwhite fill. */
.story-meta {
  color: #5c5c5c;
}

.sectionbody .story-list a:hover {
  color: var(--gold);
  text-decoration: underline;
}

/* Below 1024px proj.css drops the panel's fill and border so the text sits
   straight on the page's background theme, and .sectionbody turns white to
   suit. The meta text has to make the same jump or it goes near-invisible. */
@media only screen and (max-width: 1024px) {
  .story-meta {
    color: rgba(255, 255, 255, 0.75);
  }
}