/* Global Bootstrap tooltip styling — applies to every tooltip in the app. Loaded after bootstrap.min.css in app.html, so these rules win on equal specificity. The matching edge-padding / mobile-centering behaviour is set in src/lib/shared/tooltips.ts (Popper preventOverflow padding). - max-width: wider tooltips (~68 chars/line at 460px, the readable optimum) and on mobile `100vw - 1.5rem` so they keep a 0.75rem gap on both edges. - justified text + automatic hyphenation (the attribute is set per locale, so words break by the correct language rules). Short tooltips are unaffected: they shrink to fit and stay single-line. */ .tooltip { --bs-tooltip-max-width: min(460px, 100vw - 1.5rem); } .tooltip-inner { text-align: justify; -webkit-hyphens: auto; hyphens: auto; padding: 0.6rem 0.75rem; line-height: 1.45; }