/* ==========================================
   Blog Post Content Styling
   ========================================== */

.post-content{
    color:#374151;
    font-size:16px;
    line-height:1.8;
}

/* Headings */
.post-content h1{
    font-size:42px;
    font-weight:700;
    line-height:1.2;
    margin:40px 0 20px;
    color:#111827;
}

.post-content h2{
    font-size:34px;
    font-weight:700;
    line-height:1.3;
    margin:35px 0 18px;
    color:#111827;
}

.post-content h3{
    font-size:28px;
    font-weight:700;
    line-height:1.4;
    margin:30px 0 15px;
    color:#111827;
}

.post-content h4{
    font-size:24px;
    font-weight:700;
    line-height:1.4;
    margin:25px 0 15px;
    color:#111827;
}

.post-content h5{
    font-size:20px;
    font-weight:700;
    line-height:1.4;
    margin:20px 0 12px;
    color:#111827;
}

.post-content h6{
    font-size:18px;
    font-weight:700;
    line-height:1.4;
    margin:18px 0 10px;
    color:#111827;
}

/* Paragraphs */
.post-content p{
    margin-bottom:18px;
    line-height:1.8;
}

/* Strong & Italic */
.post-content strong{
    font-weight:700;
}

.post-content em{
    font-style:italic;
}

/* Lists */
.post-content ul{
    list-style:disc;
    padding-left:28px;
    margin:18px 0;
}

.post-content ol{
    list-style:decimal;
    padding-left:28px;
    margin:18px 0;
}

.post-content li{
    margin:8px 0;
    line-height:1.8;
}

/* Links */
.post-content a{
    color:#2563eb;
    text-decoration:none;
    font-weight:600;
}

.post-content a:hover{
    color:#1d4ed8;
    text-decoration:underline;
}

/* Images */
.post-content img{
    max-width:100%;
    height:auto;
    border-radius:8px;
    margin:20px 0;
}

/* Blockquotes */
.post-content blockquote{
    border-left:4px solid #2563eb;
    padding-left:20px;
    margin:24px 0;
    font-style:italic;
    color:#4b5563;
}

/* Tables */
.post-content table{
    width:100%;
    border-collapse:collapse;
    margin:24px 0;
}

.post-content table th,
.post-content table td{
    border:1px solid #e5e7eb;
    padding:12px;
    text-align:left;
}

.post-content table th{
    background:#f9fafb;
    font-weight:700;
}

/* Horizontal Rule */
.post-content hr{
    border:none;
    border-top:1px solid #e5e7eb;
    margin:32px 0;
}

/* Code */
.post-content code{
    background:#f3f4f6;
    padding:2px 6px;
    border-radius:4px;
    font-size:14px;
}

.post-content pre{
    background:#111827;
    color:#ffffff;
    padding:16px;
    border-radius:8px;
    overflow-x:auto;
    margin:24px 0;
}

.post-content pre code{
    background:none;
    padding:0;
    color:inherit;
}

/* Videos & Embeds */
.post-content iframe,
.post-content video{
    max-width:100%;
    border-radius:8px;
    margin:20px 0;
}