@import url("/site-base.css");

/* Draw the checklist tick with borders so the visual system stays flat. */
.check-list li::before {
  background: transparent;
}

.article-card-image {
  display: block;
  width: calc(100% + 48px);
  height: 210px;
  margin: -24px -24px 22px;
  object-fit: cover;
  border-bottom: 1px solid var(--line);
}

.article-cover {
  margin-top: 44px;
}

.article-cover img {
  display: block;
  width: 100%;
  max-height: 680px;
  object-fit: cover;
}

.check-list li::after {
  position: absolute;
  top: 21px;
  left: 6px;
  width: 5px;
  height: 9px;
  content: "";
  transform: rotate(45deg);
  border-right: 1px solid var(--red);
  border-bottom: 1px solid var(--red);
}