.blog-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.blog-card:hover { transform: translateY(-4px); box-shadow: 0 0.5rem 1rem rgba(0,0,0,.12)!important; }
.blog-tag { font-size: 0.75rem; }
.blog-content { color: #6c757d !important; }
.blog-content h2 { font-size: 1.35rem; text-align: center; }
.blog-content h3 { text-align: center; }
.blog-content p { color: #6c757d; }
.blog-content .bg-gradient-primary-to-secondary p { color: #fff !important; }
.blog-meta { font-size: 0.85rem; text-align: center; }
header h1 { text-align: center; }
.blog-content .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.blog-content table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; }
.blog-content table th,
.blog-content table td { padding: .75rem; border: 1px solid #dee2e6; vertical-align: middle; }
.blog-content table thead th { background-color: #f8f9fa; font-weight: 600; }
.blog-content table tbody tr:nth-child(even) { background-color: #f8f9fa; }
.blog-content table tbody tr:hover { background-color: #e9ecef; }
.blog-content table.rounded-4 { border-radius: 1rem; overflow: hidden; border: none; }
.blog-content table.rounded-4 th,
.blog-content table.rounded-4 td { border: 1px solid #dee2e6; }