/* greencityre.com — corrections on top of the Webflow design.
 * Linked from every page after Webflow's own stylesheet by selfhost/mirror/rewrite.mjs (rule 7);
 * the blog templates inherit the link from the mirrored pages they are cut from.
 *
 * Long unbreakable strings in CMS text were wider than a phone screen (Edge, all 5,549 pages at
 * 360 px, 2026-11-05; the Webflow site has the same):
 *  - bare URLs and a "_____" line pushed /blogs/pochemu-iz-oae-ne-vyvodyat-kapital-est-li-alternativa
 *    to 447 px in all four languages: the page slid sideways and the menu button left the screen;
 *  - German compounds did the same to four /de/blogs posts (up to 418 px), one of them in the post title
 *    («Geschwindigkeitsbegrenzungen»), and cut off headings on 432 German location and developer pages
 *    («Investitionsperspektiven»), plus 7 Russian/English location pages by a few pixels.
 * The first rule breaks only a word that cannot fit on a line: on pages without one nothing moves.
 * break-word first for browsers without "anywhere" (Safari < 15.4).
 * On phones, German headings are hyphenated by syllable instead, so «Investitionsperspektiven» wraps
 * as «…perspekti-ven» rather than at an arbitrary letter (needs <html lang="de">, which Webflow sets).
 */
.w-richtext,.blog__article__heading{overflow-wrap:break-word;overflow-wrap:anywhere}
@media screen and (max-width:767px){
  .w-richtext h1:lang(de),.w-richtext h2:lang(de),.w-richtext h3:lang(de),.w-richtext h4:lang(de),
  .blog__article__heading:lang(de){-webkit-hyphens:auto;hyphens:auto}
}