/* listings.css: blog index (/blog/) and news index (/news/). The shared hero, search, featured card, list rows and
   rules are main.css section 9.14; these are the few places where the two measured indexes differ
   (reference/blog and reference/news at 1440 and 390). Mobile-first like main.css. */

/* ---- News: bold "World of EdTech" accent ---- */
.page-news-index .post-hero__title .section-title__accent { font-weight: 700; }

/* ---- News featured card: tighter padding and gaps ---- */
.page-news-index .post-feature { padding-bottom: 25px; }
.page-news-index .post-feature__title { margin-top: 1px; }
.page-news-index .post-feature__excerpt { margin-top: 11px; }
.page-news-index .post-feature__more-line { margin-top: 5px; }

/* ---- News rows: the date comes first, then the title ---- */
.page-news-index .post-row__date { margin-top: 0; }
.page-news-index .post-row__title { margin-top: 16px; }
/* News row 2 sits its title 4px (phones) / 6px (768 up) further below the date than the other rows */
.page-news-index .post-row--gap-date .post-row__title { margin-top: 20px; }
/* As on the blog, the source's excerpt box runs 1px (phones) / 2px (768 up) past its last line: the Read More strut */
.page-news-index .post-row__excerpt { padding-bottom: 1px; }
.page-news-index .post-row__more { font-weight: 700; }

/* ---- Blog rows ---- */
/* The source's excerpt box is 1px (phones) / 2px (desktop) taller than its lines: the 13px Read More strut */
.page-blog-index .post-row__date { margin-top: 17px; }

@media (min-width: 768px) {
  .page-news-index .post-feature { padding: 11px 0 43px; }
  .page-news-index .post-feature__more-line { margin-top: 6px; }
  .page-news-index .post-row__title { margin-top: 15px; }
  .page-news-index .post-row--gap-date .post-row__title { margin-top: 21px; }
  .page-news-index .post-row__excerpt { padding-bottom: 2px; }
  .page-blog-index .post-row__date { margin-top: 18px; }
}