.article-page,
.artigo-page {
  width: min(900px, calc(100% - 32px));
  margin: 32px auto 80px;
}

.article-card,
.artigo-page > article,
.artigo-page > div {
  background: #fff;
  color: #17211b;
  border-radius: 18px;
  padding: clamp(24px, 5vw, 56px);
  box-shadow: 0 16px 45px rgba(0, 0, 0, .12);
}

.article-page h1,
.artigo-page h1 {
  line-height: 1.15;
}

.article-page h2,
.artigo-page h2 {
  margin-top: 2rem;
  color: #0d7a39;
}

.article-page p,
.article-page li,
.artigo-page p,
.artigo-page li {
  line-height: 1.75;
}

.article-image,
.artigo-page img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 24px auto;
  border-radius: 14px;
}

.article-date {
  color: #5c6b62;
}

.article-page + .footer,
body > .footer {
  margin-top: 0;
}

body:has(.article-page) .sidebar {
  display: block;
  overflow-y: auto;
  overscroll-behavior: contain;
  z-index: 12000;
}

body:has(.article-page) #overlay {
  z-index: 11990;
}

body:has(.article-page) .topo {
  z-index: 1100;
}

body:has(.article-page) .article-card > h1 {
  font-size: clamp(1.8rem, 4vw, 2.75rem);
}

@media (max-width: 600px) {
  .article-page,
  .artigo-page {
    width: min(100% - 20px, 900px);
    margin-top: 16px;
  }
}