.main-post-content-html {
    white-space: normal;
}

.main-post-content-html pre {
    white-space: pre-wrap;
}
.main-post-content-html {
    all: revert; 
    line-height: 1.5;
    color: #333;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.main-post-content-html h1,
.main-post-content-html h2,
.main-post-content-html h3,
.main-post-content-html h4,
.main-post-content-html h5,
.main-post-content-html h6 {
    letter-spacing: -.015em;
    font-family: Barlow, sans-serif;
}

/* Headings */
.main-post-content-html h1 {
    font-size: 2em;
    margin-bottom: 0.75em;
    margin-top: 1.25em;
    font-weight: bold;
    line-height: 1.2;
}

.main-post-content-html h2 {
    font-size: 1.75em;
    margin-bottom: 0.6em;
    margin-top: 1.1em;
    font-weight: bold;
    line-height: 1.3;
}

.main-post-content-html h3 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    margin-top: 1em;
    font-weight: bold;
    line-height: 1.4;
}

.main-post-content-html h4 {
    font-size: 1.25em;
    margin-bottom: 0.4em;
    margin-top: 0.9em;
    font-weight: bold;
    line-height: 1.4;
}

.main-post-content-html h5 {
    font-size: 1.1em;
    margin-bottom: 0.3em;
    margin-top: 0.8em;
    font-weight: bold;
    line-height: 1.4;
}

.main-post-content-html h6 {
    font-size: 1em;
    margin-bottom: 0.2em;
    margin-top: 0.7em;
    font-weight: bold;
    line-height: 1.4;
}

/* Paragraphs */
.main-post-content-html p {
    margin-bottom: 1em;
}

/* Lists - Override Tailwind's list-style: none */
.main-post-content-html ul,
.main-post-content-html ol {
    all: revert;
    margin-bottom: 1em;
    margin-left: 2em;
}

.main-post-content-html ul,
.main-post-content-html li {
    all: revert;
    white-space: unset;
    color: unset;
}

.main-post-content-html ul li {
    list-style-type: disc !important;  /* Show bullets */
    list-style-position: outside !important; /* Ensure bullets are outside the content flow */
}

.main-post-content-html ol li {
    list-style-type: decimal !important; /* Show numbers */
    list-style-position: outside !important; /* Ensure numbers are outside */
}

/* Links */
.main-post-content-html a:not(.fnoteBtn) {
    color: #007bff; /* Blue link color */
    text-decoration: none; /* Remove underline by default */
}

.main-post-content-html a:not(.fnoteBtn):hover {
    text-decoration: underline; /* Add underline on hover */
}

/* Images */
.main-post-content-html img {
    max-width: 100%; /* Make images responsive */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove extra space below images */
    margin-bottom: 1em;
    border-radius: 12px;
}

/* Tables */
.main-post-content-html table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
}

.main-post-content-html th,
.main-post-content-html td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.main-post-content-html th {
    background-color: #f2f2f2;
}

/* Blockquotes */
.main-post-content-html blockquote {
    margin: 1em 2em;
    padding: 0.5em 1em;
    border-left: 4px solid #ddd;
    font-style: italic;
}

/* Code (inline and block) */
.main-post-content-html code {
    font-family: monospace;
    background-color: #f8f8f8;
    padding: 2px 4px;
    border-radius: 3px;
}

.main-post-content-html pre {
    background-color: #f8f8f8;
    padding: 1em;
    overflow-x: auto; /* Allow horizontal scrolling for long code blocks */
    border-radius: 3px;
    margin-bottom: 1em;
    white-space: pre-wrap;
}
.main-post-content-html pre code{
    padding: 0;
}

.main-post-content-html hr {
    border: 0;
    border-top: 1px solid #ddd;
    margin: 1em 0;
}

.main-post-content-html strong {
    font-weight: bold;
}

.main-post-content-html em {
    font-style: italic;
}
.main-post-content-html > div > :first-child {
  padding-top: 0 !important;
  margin-top: 0.4em !important;
}