/* German pages only (App\GermanPage links this file on /de). German compounds are long: they hyphenate instead of
   spilling out of cards, pills and the phone mock-ups. At least 6 letters stay before a break, so compounds split
   where they join ("Marketing-agentur", not "Marke-tingagentur"). Running text hyphenates words of 12+ letters only,
   headings and bold words from 10. A word that still cannot fit breaks rather than being cut off. */
body{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:12 6 5;-webkit-hyphenate-limit-before:6;-webkit-hyphenate-limit-after:5}
h1,h2,h3,h4,h5,h6,strong,b,.seo-display{hyphenate-limit-chars:10 6 4;-webkit-hyphenate-limit-before:6;-webkit-hyphenate-limit-after:4}
input,textarea,select,code,pre,a[href^="mailto:"],a[href^="tel:"]{hyphens:manual;-webkit-hyphens:manual}

/* Illustrations (ad and phone mock-ups, content calendar, workflow strip): big words in small cards break sooner. */
[class*="brand-"] strong,[class*="studio-ad"] strong,.studio-connected-core strong,.social-board-workflow>span,.studio-mini-calendar i{hyphenate-limit-chars:7 3 3;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3}
.studio-mini-calendar i{padding-inline:2px;line-height:1.15;text-align:center}
.studio-ad-reel>strong{right:6px}
@media(max-width:600px){.social-board-workflow>span{padding-inline:8px}}