/**
 * Corrida.life — Article Presentation
 *
 * Camada visual específica para os conteúdos
 * editoriais do corrida.life.
 */


/**
 * ---------------------------------------------------
 * ARTICLE SUMMARY
 * ---------------------------------------------------
 *
 * O resumo é apresentado como uma citação editorial.
 *
 * Não há título ou label "Em resumo":
 * a própria composição visual já cumpre essa função.
 */
.cl-article-summary {
  margin: 0 0 32px;
  padding: 4px 0 4px 24px;

  border-left: 3px solid currentColor;

  background: transparent;
}

.cl-article-summary__text {
  margin: 0;

  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.65;
}


/**
 * ---------------------------------------------------
 * ARTICLE HEADINGS
 * ---------------------------------------------------
 *
 * Mantém o H1 como protagonista e cria uma
 * hierarquia mais equilibrada para H2 e H3
 * dentro do conteúdo editorial.
 */
body.single-post .entry-content h2 {
  font-size: 28px !important;
  line-height: 1.25 !important;
  font-weight: 700;
}

body.single-post .entry-content h3 {
  font-size: 22px !important;
  line-height: 1.3 !important;
  font-weight: 700;
}


/**
 * ---------------------------------------------------
 * RESPONSIVE
 * ---------------------------------------------------
 */
@media (max-width: 767px) {
  .cl-article-summary {
    margin-bottom: 26px;
    padding-left: 18px;
  }

  .cl-article-summary__text {
    font-size: 1.05rem;
  }

  body.single-post .entry-content h2 {
    font-size: 24px !important;
  }

  body.single-post .entry-content h3 {
    font-size: 20px !important;
  }
}