/* Mobile and tablet: full-width cover above the article text. */
@media(max-width:1000px){
 .card{display:flex;flex-direction:column;min-height:0}
 .card-art{order:-1;flex:none;width:100%;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--line)}
 .card-art img{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center}
 .card-copy{flex:1;padding:20px}
 .card h3{margin:7px 0 10px;font-size:18px;line-height:1.65;overflow-wrap:anywhere}
 .card p{font-size:13px;line-height:1.85;margin-bottom:17px}
 .card .meta{font-size:11px;gap:8px 12px;line-height:1.6}
}
@media(max-width:700px){
 .grid{gap:20px}
 .card{border-radius:12px}
 .card-copy{padding:20px 18px 19px}
 .card .tag{font-size:11px}
}
@media(hover:none){.card:hover{transform:none;box-shadow:none}}
