@import url("articles.css");
.article-grid{grid-template-columns:1fr}
.article-card{min-height:176px;padding:30px 28px;display:grid;grid-template-columns:170px minmax(0,1fr) 120px;grid-template-rows:auto auto;column-gap:36px;align-items:start;transition:background .2s ease}
.article-card .meta{grid-column:1;grid-row:1/3;padding-top:7px}
.article-card h2{grid-column:2;grid-row:1;margin:0 0 12px;font-size:27px}
.article-card p{grid-column:2;grid-row:2;max-width:760px;margin:0}
.article-card strong{grid-column:3;grid-row:1/3;align-self:center;justify-self:end;margin:0;white-space:nowrap}
@media(max-width:800px){.article-card{min-height:240px;padding:24px;display:flex;flex-direction:column}.article-card .meta{padding-top:0}.article-card h2{margin:18px 0 10px;font-size:23px}.article-card p{margin:0}.article-card strong{align-self:flex-start;margin-top:auto}}