.mag-card { position:relative; border-top:1px solid #dfe3e9; padding-top:16px; min-width:0; }
.mag-card-thumb { position:relative; display:block; aspect-ratio:16/10; height:auto; margin-bottom:14px; background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 55%,#bfdbfe 100%); border-radius:12px; background-size:cover; background-position:center; overflow:hidden; box-shadow:0 8px 24px rgba(16,21,31,.1); transition:background-size .4s ease, box-shadow .2s ease; }
.mag-card-thumb:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(16,21,31,0) 55%,rgba(16,21,31,.28)); opacity:.5; transition:opacity .2s ease; }
.mag-card:hover .mag-card-thumb { background-size:112%; box-shadow:0 16px 40px rgba(16,21,31,.18); }
.mag-card:hover .mag-card-thumb:after { opacity:.25; }
.mag-card-title { font:700 1.2rem/1.34 'Libre Baskerville',serif; margin:0 0 9px; letter-spacing:-.035em; }
.mag-card-title a { color:#10151f; transition:color .15s ease; }
.mag-card-title a:hover { color:#1d4ed8; }
.mag-card-dek { font:400 .95rem/1.58 'Source Sans 3',sans-serif; color:#6b7280; margin:0 0 12px; }
.mag-kicker { font:800 10.5px/1 'Source Sans 3',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:#1d4ed8; margin:0 0 9px; }
.mag-meta { position:relative; padding-left:14px; font:600 .78rem/1 'Source Sans 3',sans-serif; color:#9aa4b2; margin:0; }
.mag-meta:before { content:""; position:absolute; left:0; top:50%; width:8px; height:1px; background:#1d4ed8; transform:translateY(-50%); }