/* Pilha vertical para paginas legais e institucionais. */
.cards {
  display: flex;
  flex-direction: column;
}

/* Variantes de artigo com o mesmo ritmo textual. */
.bathroom-article,
.institutional-article {
  color: var(--text-color);
}

.bathroom-article h3,
.institutional-article h3 {
  margin-bottom: 12px;
  line-height: 1.4;
}

/* Listas com marcadores em conteudos legais/institucionais. */
.institutional-list {
  line-height: 24px;
  margin: 12px 0 0;
  padding-left: 22px;
}

.institutional-list li {
  margin-bottom: 10px;
}

.bathroom-article .cta,
.institutional-article .cta {
  margin-top: 16px;
}

.support-link {
  margin-top: 20px;
}

@media (min-width: 768px) {
  .bathroom-article p,
  .institutional-article p,
  .institutional-list li,
  .bathroom-article .cta,
  .institutional-article .cta {
    font-size: var(--font-size-text);
  }
}