.article-card {
  --title-size-min: 25px;
  --title-size-max: 35px;
  --category-size-min: 14px;
  --category-size-max: 14px;
  --excerpt-size-min: 17px;
  --excerpt-size-max: 17px;
  --date-size-min: 14px;
  --date-size-max: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.article-card * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 100%;
}
.article-card a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

time.article-card__date {
  font-size: clamp(var(--date-size-min), calc((var(--date-size-max) - var(--date-size-min)) / (1350px - 576px)) * 100vw + calc(var(--date-size-min) - calc((var(--date-size-max) - var(--date-size-min)) / (1350px - 576px)) * 576px), var(--date-size-max));
  margin-top: 10px;
}

h2.article-card__title {
  font-size: clamp(var(--title-size-min), calc((var(--title-size-max) - var(--title-size-min)) / (1350px - 576px)) * 100vw + calc(var(--title-size-min) - calc((var(--title-size-max) - var(--title-size-min)) / (1350px - 576px)) * 576px), var(--title-size-max));
  margin-bottom: 10px;
}

.article-card__image {
  width: 100%;
}
.article-card__image img {
  display: block;
  width: 100%;
}

.article-card__categories {
  width: 100%;
}

ul.article-card__categories li {
  all: unset;
  font-size: clamp(var(--category-size-min), calc((var(--category-size-max) - var(--category-size-min)) / (1350px - 576px)) * 100vw + calc(var(--category-size-min) - calc((var(--category-size-max) - var(--category-size-min)) / (1350px - 576px)) * 576px), var(--category-size-max));
}
ul.article-card__categories li:before {
  display: none;
}
ul.article-card__categories li + li:before {
  all: unset;
  content: "-";
}

p.article-card__excerpt {
  font-size: clamp(var(--excerpt-size-min), calc((var(--excerpt-size-max) - var(--excerpt-size-min)) / (1350px - 576px)) * 100vw + calc(var(--excerpt-size-min) - calc((var(--excerpt-size-max) - var(--excerpt-size-min)) / (1350px - 576px)) * 576px), var(--excerpt-size-max));
}