:root{--spacing-s: 10px;--spacing-m: 20px;--spacing-l: 45px}@media (min-width: 1024px){:root{--spacing-s: 10px;--spacing-m: 25px;--spacing-l: 60px}}.articlesList{display:flex;flex-direction:column}@media (min-width: 1024px){.articlesList{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-m)}}.articleTile{padding:var(--spacing-m);margin:var(--spacing-m);border-radius:var(--spacing-m);box-shadow:#ddd 0 0 5px;background-color:#fff;text-align:center;display:grid;grid-template-rows:auto auto;column-gap:var(--spacing-m);place-items:center}@media (min-width: 1024px){.articleTile{grid-template-columns:auto auto}}.articleTile__image{grid-column:1/span 1;grid-row:1/span 3;object-fit:cover;max-height:200px}.articleTile__title{font-size:1.1em}.articleTile__summary{font-size:.9em;text-align:left}.articleTile__button{display:inline-block;margin:var(--spacing-s);font-size:.9em}.articleTile--wide{grid-column:span 2}