/* Blog articles (layouts/article.html). */

.article-wrap { max-width: 835px; margin: 0 auto; padding: 50px 0 100px; }
.article {
  border: 1px solid #f2d700; padding: 2px 20px 20px;
  color: var(--white); font: 400 var(--fs-22)/28px var(--font-ui); text-align: justify;
}
.article h3 { font-size: var(--fs-22); margin: 1em 0; }
.article h4 { font-size: 18px; margin: 1.33em 0; }
.article h5 { font-size: 14px; margin: 1.67em 0; }
.article a { color: var(--white); }
.article figure { margin: 0 0 1em; }
.article figure img { width: 100%; height: auto; vertical-align: middle; }
.text-gold { color: #ffcc00; }

.share { display: flex; justify-content: center; list-style: none; margin: 20px 0 0; padding: 0; }
.share li { margin: 5px; }
.share a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; color: var(--white); }
.share .icon { width: 22px; height: 22px; }

@media (max-width: 880px) {
  .article-wrap { padding: 50px 10px 100px; }
}