/* Judul Artikel */
    .content-description h1 {
        font-size: 2rem !important;
        border-bottom: 2px solid #6b46c1;
        padding-bottom: 5px;
        line-height: 1.5;
        margin: auto;
    }

    .content-description h2 {
        font-size: 1.3rem !important;
        margin: 20px 0px 10px 0px;
    }

    .content-description h3 {
        font-size: 1.1rem !important;
        margin: 15px 0px 8px 0px;
    }
    .content-description h4 {
        font-size: 1rem !important;
        margin: 10px 0px 5px 0px;
    }

    .content-description p {
        margin: 10px auto ;
    }

    .content-description ol {
        list-style: decimal;
        padding-left: 20px;
    }

    .content-description ul {
        list-style: disc;
        padding-left: 20px;
    }
    /* Kutipan (Blockquote) */
    .content-description blockquote {
        border-left: 5px solid #6b46c1;
        padding-left: 15px;
        font-style: italic;
        color: #555;
        margin: 15px 0;
        padding: 10px;
        border-radius: 5px;
    }

    /* Tabel */
    .content-description table {
        margin: 10px auto !important;
        border-collapse: collapse;
        margin: 20px 0;
    }

    @media (max-width: 768px) {
        .content-description table {
            max-width: 300px !important;
        }
    }

    .table-responsive {
        overflow-x: auto;
        width: 100%;
    }    

    .content-description table th,
    .content-description table td {
        border: 1px solid #ddd;
        padding: 10px;
        text-align: left;
    }

    .content-description table th {
        background-color: #6b46c1;
        text-align:center;  
        color: white;
    }

    .content-description table tr:nth-child(even) {
        background-color: #f9f9f930;
    }
    .content-description {
        line-height: 2;
        margin-bottom: 1rem; 
    }

    .post-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;  
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .excerpt{
        display: -webkit-box;
        -webkit-line-clamp: 3;  
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }