.mag-list { list-style:none; margin:0; padding:0; counter-reset:magrank; }
.mag-list li { counter-increment:magrank; display:grid; grid-template-columns:26px 1fr auto; gap:4px 12px; align-items:baseline; padding:13px 0; border-bottom:1px solid #eef1f5; }
.mag-list li:last-child { border-bottom:0; }
.mag-list li:before { content:counter(magrank,decimal-leading-zero); grid-row:1 / span 2; align-self:center; font:800 .82rem/1 'Source Sans 3',sans-serif; color:#1d4ed8; font-variant-numeric:tabular-nums; }
.mag-list-cat { grid-column:2; font:800 9.5px/1 'Source Sans 3',sans-serif; letter-spacing:.12em; text-transform:uppercase; color:#9aa4b2; }
.mag-list-title { grid-column:2; font:700 1rem/1.4 'Source Sans 3',sans-serif; color:#10151f; letter-spacing:-.01em; transition:color .15s ease; }
.mag-list-title:hover { color:#1d4ed8; }
.mag-list-date { grid-column:3; grid-row:1 / span 2; align-self:center; font:600 .78rem/1 'Source Sans 3',sans-serif; color:#9aa4b2; white-space:nowrap; }
@media (max-width:700px) {
    .mag-list li { grid-template-columns:22px 1fr; }
    .mag-list-date { display:none; }
}