.single-header-text{
    padding-top: 9rem;
}
.single-header-text h1{
    font-optical-sizing: auto;
    font-size: clamp(2.75rem, 4vw, 4.5rem);
    line-height: 1.1;
    letter-spacing: -0.0275rem;
    font-weight: 400;
    font-variation-settings: "wdth" 96, "wght" 400;
    color: var(--text-color);
}
.single-content{
    margin-top: 6rem;
    margin-bottom: 4rem;
    color: var(--text-color);
}
.post-content{
    font-size: 1rem;
    line-height: 1.5;
}
/* Tiêu đề */
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    font-weight: 600;
    line-height: 1.3;
    margin-top: 1.2em;
    margin-bottom: 0.8em;
}

.post-content h2 {
    font-size: 1.75rem;
}
.post-content h3 {
    font-size: 1.4rem;
}
.post-content h4 {
    font-size: 1.2rem;
}

/* Đoạn văn */
.post-content p {
    margin-bottom: 1rem;
}

/* Danh sách */
.post-content ul {
    list-style: disc; /* khôi phục dấu chấm tròn */
    list-style-position: outside; /* để dấu chấm nằm ngoài nội dung */
    margin: 1em 0 1.5em 2em;
    padding-left: 1.5em; /* canh lề hợp lý */
}

.post-content ol {
    list-style: decimal; /* nếu có danh sách có thứ tự */
    list-style-position: outside;
    margin: 1em 0 1.5em 2em;
    padding-left: 1.5em;
}

.post-content li {
    margin-bottom: 0.5em;
}

/* Liên kết */
.post-content a {
    text-decoration: underline;
    transition: color 0.2s;
}
.post-content a:hover {
    color: #0050ff;
}
/* Ảnh */
.post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 1.5em 0;
    display: block;
}

/* Blockquote */
.post-content blockquote {
    border-left: 4px solid #0C00DF;
    background: #f8f8ff;
    padding: 1em 1.5em;
    font-style: italic;
    color: #555;
    margin: 1.5em 0;
}

/* Bảng */
.post-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
    font-size: 0.95rem;
}
.post-content th,
.post-content td {
    border: 1px solid #ddd;
    padding: 8px 12px;
}
.post-content th {
    background-color: #f0f2ff;
    font-weight: 600;
}

/* Code / Pre */
.post-content pre,
.post-content code {
    background: #f3f3f8;
    border-radius: 6px;
    font-family: "Fira Code", monospace;
}
.post-content pre {
    padding: 1em;
    overflow-x: auto;
}
.post-content code {
    padding: 0.2em 0.4em;
}

/* Khoảng cách giữa các phần tử con */
.post-content > *:first-child {
    margin-top: 0;
}
.post-content > *:last-child {
    margin-bottom: 0;
}
/*@media (prefers-color-scheme: dark) {*/
/*    .post-content {*/
/*        color: #e0e0e0;*/
/*    }*/
/*    .post-content a { color: #7aa2ff; }*/
/*    .post-content blockquote {*/
/*        background: #1c1c2a;*/
/*        border-left-color: #7aa2ff;*/
/*    }*/
/*}*/
.toc-sidebar div#ez-toc-container .ez-toc-title{
    background: transparent;
    position: relative;
    display: flex;
}
.toc-sidebar .ez-toc-title-container{
    font-size: 1.25rem;
    line-height: 1.3;
    padding-bottom: 1.5rem;
    color: var(--text-color);
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.toc-sidebar #ez-toc-container{
    border: none;
    padding: 0;
}
.toc-sidebar #ez-toc-container .ez-toc-heading-level-2 > a{
    color: var(--text-color);
}
.ez-toc-list li:not(:last-child) .ez-toc-link{
    margin-bottom: 0.75rem;
}
@media (min-width: 993px) {
    .single-header-text h1{
        max-width: 800px;
    }
    .post-content{
        max-width: 1000px;
    }
    .toc-sidebar .ez-toc-title-toggle{
        display: none;
    }
    .toc-sidebar .ez-toc-list.ez-toc-list-level-1{
        display: block !important;
    }
}