/* Site-wide additions. Loaded on every page AFTER the Webflow snapshot CSS, so rules here win.
   Keep it small and specific; page-only styling belongs in that page's .json headCss. */

/* Blog posts on phones (found by the 23 Sep sweep, on live too): the rewritten posts list their sources as bare URLs,
   which cannot wrap, and grid and flex items never shrink below their content, so four posts ran 104-164px wider than
   a phone. Let rich text break long strings, cap the post block's nested flex items at their container, and let a
   wide table scroll inside itself (its words stay whole). */
.text-rich-text { overflow-wrap: anywhere; }
.blog-sticky > * { min-width: 0; }
.blog-sticky > .blog-content_component { justify-self: stretch; } /* the grid aligns items to the start, so the block took its content's width */
.blog-content_component > *, .blog-content_wrapper > *, .rich-text_component > * { min-width: 0; max-width: 100%; }
.text-rich-text table { display: block; max-width: 100%; overflow-x: auto; overflow-wrap: normal; } /* words stay whole in cells */