/* Texto introdutorio antes de listas/artigos em paginas de conteudo. */
.page-description {
  margin: 10px 0 25px;
  line-height: 24px;
}

/* Cards de artigo empilhados dentro de accordions e secoes. */
.article-list-item {
  padding: 24px 20px;
  border-bottom: solid 1px var(--border-color-muted);
}

.article-list-item h3 {
  margin: 0;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-section-subtitle);
  margin-bottom: 10px;
}

.article-list-item p {
  margin: 0;
  line-height: 24px;
}

/* Aplica somente aos cards de artigo, sem interferir nas listas de diretorios. */
.article-list-item.article-list-item--first {
  margin-top: -30px;
}

/* Modificadores de espacamento para primeiro/ultimo artigo. */
.article-list-item--flush {
  padding-left: 0;
  padding-right: 0;
}

.article-list-item.article-list-item--last {
  border-bottom: none;
}

@media (min-width: 768px) {
  .article-list-item,
  .page-description {
    font-size: var(--font-size-text);
  }

  .article-list-item h3 {
    font-size: var(--font-size-text);
  }
}