/*
Theme Name: Solvex
Theme URI: https://solvex.vn
Author: Solvex
Author URI: https://solvex.vn
*/

/* Blog Content Styles */
.prose h1 {
    font-size: 1.875rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.prose h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

.prose h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

.prose ul {
    list-style-type: disc;
    padding-left: 1.25rem;
}

.prose ol {
    list-style-type: decimal;
    padding-left: 1.25rem;
}

.prose li {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.prose table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.prose thead {
    background-color: #f1f5f9;
}

.prose th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #0f172a;
    border-bottom: 2px solid #cbd5e1;
}

.prose td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.prose tbody tr:hover {
    background-color: #f8fafc;
}

.prose tbody tr:last-child td {
    border-bottom: none;
}

@media (min-width: 640px) {
    .prose h1 {
        font-size: 2.25rem;
    }
    
    .prose table {
        font-size: 1rem;
    }
}