.ai-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-2{grid-template-columns:repeat(2,1fr)}
.cols-1{grid-template-columns:1fr}
.ai-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.06);transition:.3s}
.ai-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(0,0,0,.12)}
.ai-card h3{display:flex;justify-content:space-between;align-items:center;font-size:20px;margin:0 0 16px}
.ai-card h3 a{text-decoration:none;color:#111}
.ai-card h3 span{font-size:13px;background:#eef4ff;color:#2563eb;padding:4px 10px;border-radius:20px}
.ai-card ul{list-style:none;padding:0;margin:0}
.ai-card li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}
.ai-card li:last-child{border-bottom:none}
.ai-card li a{text-decoration:none;color:#444}
.ai-card li a:hover{color:#2563eb}
.ai-card .footer{margin-top:18px}
.ai-card .footer a{text-decoration:none;color:#2563eb;font-weight:600}
.nochild{color:#888}
@media(max-width:992px){.ai-category-grid,.cols-4,.cols-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ai-category-grid,.cols-4,.cols-3,.cols-2{grid-template-columns:1fr}}