/* --- 1. MAIN CONTAINER --- */
.post-body {
    font-size: 1.1em;
    line-height: 1.7;
    color: #333;
}

/* --- 2. TYPOGRAPHY --- */
.post-body h1,
.post-body h2,
.post-body h3 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.post-body p {
    margin-bottom: 1.2em;
}

.post-body blockquote {
    border-left: 3px solid #ccc;
    padding-left: 20px;
    margin-left: 0;
    font-style: italic;
    color: #666;
}

/* --- 3. IMAGES AND VIDEOS --- */
.post-body img {
    max-width: 100%;
    height: auto;
    display: block; /* Prevents extra space below the image */
    margin: 30px auto; /* Adds space above/below and centers the image */
    border-radius: 5px;
}

.post-body video,
.post-body iframe {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 30px auto;
    border-radius: 5px;
    aspect-ratio: 16 / 9; /* Sets a default 16:9 widescreen ratio */
}