/* Responsive bug fixes on top of the live stylesheets (loaded last inside each page). */

/* Long pasted URLs in posts ran off the right edge on phones. Let them wrap. */
p a,
li a,
.x-text a {
  overflow-wrap: anywhere;
}

/* Headlines: a word wider than the screen wraps instead of being cut off
   (src/lib/live/hydrate.ts also shrinks those few headlines to fit). */
.x-text-content-text-primary,
h1,
h2,
h3 {
  overflow-wrap: break-word;
}