/* Shared typography for long-form CMS rich-text content (blog posts, news
   posts, guide blocks, rental location intro text). Add the .cms-rich-text
   class alongside a template's own wrapper class wherever editor-authored
   HTML is rendered, instead of re-declaring these rules per page.
   Page-specific spacing tweaks (e.g. tighter rhythm inside a card) stay in
   that page's own stylesheet, layered on top of this base. */

.cms-rich-text p {
    margin-bottom: 0.875rem;
}

.cms-rich-text ul,
.cms-rich-text ol {
    margin-bottom: 1rem;
    padding-left: 1.25rem;
}

.cms-rich-text li {
    margin-bottom: 0.35rem;
}

/* Rich-text editors (uSync block grid, TinyMCE) commonly wrap each <li>'s
   content in its own <p>, which would otherwise double the bottom margin
   per list item. */
.cms-rich-text li > p {
    margin-bottom: 0;
}

.cms-rich-text li > p + p {
    margin-top: 0.25rem;
}