/*
 * Path:        public_html/assets/css/page_articles_listing.css
 * Filename:    page_articles_listing.css
 * Project:     revisualized.com
 * Description: Articles listing page layout: page heading block above the
 *              shared filter and article card components from main.css. The
 *              listing grid allows the lone-last-card span used on projects.
 * Status:      production
 * Revision:    2
 * Updated:     2026-07-05
 * Included by: articles/index.php via $page_stylesheet (Contract 1)
 */

.listing_heading { margin-bottom: 8px; }

.listing_heading__title {
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-page-text);
  margin-bottom: 8px;
}

.listing_heading__lede {
  font-size: var(--text-body);
  line-height: 1.65;
  color: var(--color-text-muted);
  margin-bottom: 20px;
  max-width: 64ch;
}

.articles_listing_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 600px) { .articles_listing_grid { grid-template-columns: 1fr; } }

.listing_empty_state {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  padding: 24px 0;
}