/* Blog post body styling with semantic spacing */ .post-body > :first-child { margin-block-start: 0; } .post-body p { /* Scales with font size - uses logical properties for better writing mode support */ margin-block: 1em; } /* Extra blank lines from markdown -> visible gaps that scale with font size */ .post-body .md-gap { /* Each "extra blank line" is one em; scales with font size */ block-size: calc(1em * var(--gap, 1)); margin: 0; /* no extra margins around the gap */ line-height: 1; /* prevent tall line-height from compounding */ } /* Heading rhythm for better typography */ .post-body h1 { margin-block: 1.5em 0.6em; } .post-body h2 { margin-block: 1.4em 0.6em; } .post-body h3 { margin-block: 1.2em 0.5em; } .post-body h4 { margin-block: 1.1em 0.5em; } .post-body h5 { margin-block: 1em 0.4em; } .post-body h6 { margin-block: 1em 0.4em; } /* Ensure line breaks are visible */ .post-body br { display: block; }