/**
 * @file
 * Articles — listing grid and full article layout. Library: platform/articles.
 */

.view-articles .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
  gap: var(--space-6);
}

.view-articles .views-row {
  margin: 0;
  min-width: 0;
}

.node--type-article.node--view-mode-teaser {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.node--type-article.node--view-mode-teaser .field--name-field-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
}

.node--type-article.node--view-mode-teaser .article-teaser__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-4) 0 0;
}

.node--type-article.node--view-mode-teaser .article-teaser__title {
  margin: 0;
  font-size: var(--text-lg);
  line-height: var(--leading-snug);
}

.node--type-article.node--view-mode-teaser .article-teaser__title a {
  color: var(--color-heading);
  text-decoration: none;
}

.node--type-article.node--view-mode-teaser .node__submitted {
  margin: 0;
}

.node--type-article.node--view-mode-teaser .node__content {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.node--type-article.node--view-mode-teaser .node__content > *:last-child {
  margin-bottom: 0;
}

/* Full article — centered column */
.page-node-type-article .page-breadcrumbs,
.page-node-type-article .block-page-title-block,
.page-node-type-article .node--type-article.node--view-mode-full {
  max-width: 42rem;
  margin-inline: auto;
}

.page-node-type-article .node--type-article.node--view-mode-full .node__submitted {
  margin-bottom: var(--space-6);
}

.page-node-type-article .node--type-article.node--view-mode-full .node__content {
  max-width: none;
  font-size: var(--text-lg);
  line-height: 1.75;
}

.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-image img {
  border-radius: var(--radius-xl);
}

.page-node-type-article .block-views-blockarticles-block-2 {
  padding-top: var(--space-12);
  border-top: 1px solid var(--color-border);
}

.page-node-type-article .block-views-blockarticles-block-2 > h2 {
  margin: 0 0 var(--space-8);
  font-size: var(--text-2xl);
  font-weight: var(--weight-semibold);
  color: var(--color-heading);
}