.article-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--page-padding) 1fr minmax(auto, var(--page-width)) 1fr var(--page-padding);
  grid-template-columns: var(--page-padding) 1fr minmax(auto, var(--page-width)) 1fr var(--page-padding);
}

.article-list__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-column: 3;
  grid-column: 3;
  gap: var(--gap);
  -ms-grid-columns: 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr var(--gap) 1fr;
  grid-template-columns: repeat(12, 1fr);
}

.article-list__list {
  display: -ms-grid;
  display: grid;
  gap: var(--gap);
  grid-column: 1/-1;
  -ms-grid-columns: fr;
  grid-template-columns: repeat(1, fr);
}

.article-list__list-item {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	    -ms-flex-direction: column;
  	        flex-direction: column;
	padding: 0 0 24px 0;
}

.article-list__list-item__image {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}

.article-list__list-item__body {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
  margin-top: 24px;
}

.article-list__sidebar {
  -ms-grid-column: 10;
  -ms-grid-column-span: 3;
  grid-column: 10/13;
}

@media screen and (min-width:640px) {
  .article-list__list-item__body {
    display: -ms-grid;
    display: grid;
    gap: 0 25px;
    -ms-grid-columns: 209px 25px auto;
    grid-template-columns: 209px auto;
	grid-template-rows: auto auto 1fr;
	-ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-top: 0;
  }
  .article-list__list-item__image {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1 / -1;
  }
}

@media screen and (min-width:1000px) {
  .article-list__list {
    -ms-grid-column: 1;
    -ms-grid-column-span: 10;
    grid-column: 1/11;
  }
}

@media screen and (min-width:1100px) {
  .article-list__list {
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
    grid-column: 1/10;
  }
}

.article-list__container {
  border-top: 1px solid var(--c__border-1);
  padding: 30px 0;
}

.article-list__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.article-list__list-item {
  border-bottom: 1px solid var(--c__border-1);
  padding: 0 0 36px;
  position: relative;
}

.article-list__list-item__link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.article-list__list-item__link-icon {
	bottom: 6px;
	position: absolute;
    right: 0;
}

.article-list__list-item__link:hover~.article-list__list-item__body>.article-list__list-item__title,
.article-list__list-item__link:hover~.article-list__list-item__link-icon .text {
  text-decoration: underline;
}

.article-list__list-item__image {
  border-radius: var(--border-radius);
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 140px;
  min-height: 95px;
  float: right;
  margin: 0 0 var(--page-padding) var(--page-padding);
  height: auto;
  width: 38%;
}

.article-list__list-item__title {
  grid-row: 1;
  margin: 0;
}

.article-list__list-item__title + .article-list__list-item__description{
  margin: 15px 0 0;
}

.article-list__list-item__description {
  grid-row: 2;
}

@media screen and (max-width: 640px) {
	.article-list__list-item__title {
		font-size: 18px;
	}
}

@media screen and (min-width:640px) {
	.article-list__list-item__image {
		height: 154px;
		max-height: 315px;
		margin: 0;
		width: 100%;
	}

	.article-list__list-item__title {
	  grid-row: 1;
	  margin: 0;
	}
  	.article-list__list-item__link-icon.link {
		display: none;
	}
}