.further-reading__container {
margin-top: 64px;
display: flex;
flex-direction: column;
gap: 24px;
}
.further-reading__container>h3 {
margin: 0;
}
.further-reading__articles {
display: flex;
flex-direction: column;
gap: 16px;
}
.further-reading-article__article {
display: flex;
flex-direction: column;
gap: 16px;
padding: 16px;
}
.further-reading-article__image {
aspect-ratio: 16 / 9;
object-fit: cover;
display: block;
}
.further-reading-article__article-content {
display: flex;
flex-direction: column;
gap: 4px;
}
h2.further-reading-article__title {
font-size: 18px !important;
line-height: 1.6;
font-weight: 700;
color: var(--wp--preset--color--midnight);
margin: 0;
}
.further-reading-article__title a {
text-decoration: none;
color: var(--wp--preset--color--midnight);
}
.further-reading-article__excerpt {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
@media screen and (min-width: 620px) {
.further-reading__container {
margin-top: 48px;
gap: 32px;
}
.further-reading__articles {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
}
}