.article-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: calc(0.625rem * var(--body-scale));
}
.article-card .media-container,
.article-card .placeholder-container{
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: calc(0.2px * var(--layout-radius));
}
.article-card.adapt .media-container{
  flex-grow: 1;
}
.article-card .text-container{
  display: flex;
  flex-direction: column;
}
.article-card:not(.adapt) .text-container{
  flex-grow: 1;
  justify-content: flex-start;
}
.article-card .media-container.media-background,
.article-card .placeholder-container.media-background{
  background-color: rgb(var(--secondary-background));
}
.article-card img{
  width: 100%;
  height: auto;
}
.article-card .media-container.image-fit-cover svg{
  width: 100%;
  height: 100%;
}
.article-card .placeholder-container:not(.image-aspect-ratio-adapt){
  position: relative;
}
.article-card .placeholder-container:not(.image-aspect-ratio-adapt) svg{
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
}
.article-card .placeholder-container:not(.image-aspect-ratio-adapt).image-fit-cover svg{
  width: 100%;
  height: 100%;
}
.article-card .placeholder-container.image-fit-contain svg{
  width: auto;
  height: auto;
}
.article-card:hover .placeholder-container:not(.image-aspect-ratio-adapt) svg{
  transform: translate(-50%, -50%) scale(1.02);
}
.article-card img,
.article-card svg{
  transition: transform 200ms ease-in-out;
}
.article-card:hover img,
.article-card:hover svg{
  transform: scale(1.02);
}
.article-card .author-date{
  --_column-gap: 0.375rem;
  font-size: var(--text-size-sm);
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--_column-gap);
  row-gap: calc(0.375rem * var(--body-scale));
}
.article-card .article-card-date-author:not(:last-child){
  margin-bottom: 0.875em;
}
.article-card .author:not(:only-child){
  --_line-wdith: calc(0.625rem * var(--body-scale));
  position: relative;
  padding-inline-end: calc(var(--_column-gap) + var(--_line-wdith));
}
.article-card .author:not(:only-child)::after{
  content: "";
  display: block;
  height: calc(0.0625rem * var(--body-scale));
  width: var(--_line-wdith);
  background-color: rgb(var(--line-color));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.article-card .article-title{
  font-size: var(--text-size-lg);
}
.article-card .article-card-title:not(:last-child){
  margin-bottom: 0.25em;
}
.article-card .article-card-excerpt:not(:last-child){
  margin-bottom: 0.25em;
}
.article-card .read-more{
  display: flex;
  align-items: center;
  column-gap: calc(1.25rem * var(--body-scale));
  color: rgb(var(--link-color));
  letter-spacing: 2px;
  padding-top: calc(1.5rem * var(--body-scale));
  margin-top: var(--read_more_pos);
}
.article-card .read-more::before{
  content: "";
  display: block;
  height: 1px;
  flex-grow: 1;
  background-color: rgb(var(--line-color));
}