article {
  background-color: var(--content-bg-color);
  border-radius: var(--border-radius);
}

article h3 {
  display: inline-block;
}

article-header {
  display: block;
  padding: var(--content-y-padding) var(--content-x-padding-wide);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}

main-grid article-header {
  padding: var(--content-y-padding) var(--content-x-padding);
}


article-header {
  min-height: var(--article-header-height);
}

article-body {
  display: block;
  padding: var(--content-y-padding) var(--content-x-padding-wide);
  padding-bottom: var(--content-bottom-padding);
}

article-body  a {
  color: var(--color-4);
  font-weight: bold;
  text-decoration: underline;
}

main-grid article-body {
padding: var(--content-y-padding) var(--content-x-padding);
}

a.article_wrapper {
  display: block;
  background-color: var(--content-bg-color);
  border-radius: var(--border-radius);
}