:root{--radius:18px}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,'Kanit',sans-serif}
.card-hover{transition:transform .12s ease, box-shadow .12s ease}
.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.cover-img{object-fit:cover;height:160px;width:100%}
@media (min-width:768px){.cover-img{height:100%}}
.cover-hero{max-height:420px;object-fit:cover}
.article-content img{max-width:100%;height:auto;border-radius:14px;margin:16px 0}
.article-content h2{margin-top:1.6rem}
.article-content h3{margin-top:1.2rem}
.link-muted{color:#6c757d;text-decoration:none}
.link-muted:hover{text-decoration:underline}