.blog-content p {
    text-align: justify !important;
    color: black;
}

.dark .blog-content p {
    text-align: justify !important;
    color: white;
}

.blog-content h2 {
    font-size: 1.5rem !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
    font-weight: 700 !important;
    color: black;
}

.dark .blog-content h2 {
    font-size: 1.5rem !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
    font-weight: 700 !important;
    color: white;
}

.blog-content h3 {
    font-size: 1.2rem !important;
    margin-top: 1.25rem !important;
    margin-bottom: 0.75rem !important;
    font-weight: 600 !important;
    color: black;
}

.dark .blog-content h3 {
    font-size: 1.2rem !important;
    margin-top: 1.25rem !important;
    margin-bottom: 0.75rem !important;
    font-weight: 600 !important;
    color: white;
}

.blog-content ul {
    padding-left: 1.5rem !important;
    list-style-type: disc !important;
    margin-bottom: 1rem !important;
    color: black;
}

.dark .blog-content ul {
    padding-left: 1.5rem !important;
    list-style-type: disc !important;
    margin-bottom: 1rem !important;
    color: white;
}

.blog-content ol {
    padding-left: 1.5rem !important;
    list-style-type: decimal !important;
    margin-bottom: 1rem !important;
    color: black;
}

.dark .blog-content ol {
    padding-left: 1.5rem !important;
    list-style-type: decimal !important;
    margin-bottom: 1rem !important;
    color: white;
}

.blog-content li {
    margin-bottom: 0.5rem !important;
    color: black;
}

.dark .blog-content li {
    margin-bottom: 0.5rem !important;
    color: white;
}

.blog-content blockquote {
    background: #f9f9f9 !important;
    border-left: 4px solid #ccc !important;
    padding: 1rem !important;
    font-style: italic !important;
    color: #555; /* Tidak pakai !important */
    margin: 1.5rem 0 !important;
}

.dark .blog-content blockquote {
    background: #f9f9f9 !important;
    border-left: 4px solid #ccc !important;
    padding: 1rem !important;
    font-style: italic !important;
    color: #555; /* Tidak pakai !important */
    margin: 1.5rem 0 !important;
}

.blog-content a {
    color: #1e6d85;
    text-decoration: underline;
}

.dark .blog-content a {
    color: #7dd3fc; /* sky-300 */
}

.blog-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
    margin: 1rem 0;
    display: block;
}