/* What is happening in the Commonwealth: the feed (/feed) and its short
   version on the front page. Each entry is a line of a wall newspaper: the
   icon in a red square, the sentence, and the time in small type. Uses the
   tokens of site.css. */

.feed { list-style: none; margin: 0; padding: 0; max-width: 46rem; }
.feed-entry {
  display: grid; grid-template-columns: 2.25rem 1fr; gap: 0.1rem 0.85rem; align-items: start;
  padding: 0.8rem 0; border-bottom: 1px solid var(--rule);
}
.feed-entry__icon {
  grid-row: span 2; display: flex; align-items: center; justify-content: center;
  width: 2.25rem; height: 2.25rem; background: var(--red); color: var(--cream);
}
.feed-entry--motionClosed .feed-entry__icon, .feed-entry--caseDecided .feed-entry__icon,
.feed-entry--courtSession .feed-entry__icon { background: var(--ink); color: var(--gold-light); }
.feed-entry--medal .feed-entry__icon, .feed-entry--promotion .feed-entry__icon,
.feed-entry--targetMilestone .feed-entry__icon { background: var(--gold); color: var(--ink); }
.feed-entry__icon .icon { width: 1.3rem; height: 1.3rem; }
.feed-entry__text { margin: 0; overflow-wrap: anywhere; }
.feed-entry__text q { font-weight: 650; }
.feed-entry__more { margin-left: 0.35rem; font-size: 0.9rem; white-space: nowrap; }
.feed-entry__time { margin: 0; color: var(--ink-soft); font-size: 0.85rem; }
.feed-pager { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; margin: 1.5rem 0; }

/* On the front page: smaller, and without the links' extra words. */
.feed--compact .feed-entry { grid-template-columns: 1.6rem 1fr; gap: 0 0.6rem; padding: 0.45rem 0; font-size: 0.95rem; }
.feed--compact .feed-entry__icon { width: 1.6rem; height: 1.6rem; }
.feed--compact .feed-entry__icon .icon { width: 1rem; height: 1rem; }
.dash--feed { grid-column: 1 / -1; }
.dash--feed .feed { max-width: none; }
.dash__more { margin: 0.75rem 0 0; font-weight: 650; }

/* Text for screen readers only. */
.feed-sr {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}