.journal{background:#eef0ec}
.journal-heading{display:grid;grid-template-columns:1.2fr .65fr;gap:8vw;align-items:end;margin-bottom:55px}
.journal-heading>p{color:#5f6561;font-size:16px;margin:0 0 8px}
.article-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1px;background:#cfd4ce;border:1px solid #cfd4ce}
.article-card{background:var(--paper);min-height:410px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}
.article-card:hover{background:#fff;transform:translateY(-3px)}
.article-card.published{cursor:pointer}
.article-card.published:hover{background:#304b44;color:white}
.article-card.featured{background:var(--green);color:white}
.article-top{display:flex;justify-content:space-between;align-items:center}
.article-number{font:italic 18px 'Playfair Display',serif;color:var(--gold)}
.article-status{font-size:11px;letter-spacing:.12em;color:#7d837f}
.featured .article-status{color:#bac7c1}
.article-topic{font-size:11px!important;letter-spacing:.17em;color:var(--gold)!important;font-weight:600}
.article-card h3{font:500 25px/1.25 'Playfair Display',serif;margin:12px 0 18px}
.article-card p{font-size:14px;color:#646965;margin:0}
.featured p{color:#cbd4d0}
.journal-note{text-align:right;font-size:12px;color:#727873;margin:20px 0 0}
@media(max-width:900px){.journal-heading{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}.article-card{min-height:330px}}
@media(max-width:520px){.article-card{padding:27px;min-height:310px}.article-card h3{font-size:23px}}