/* Epronex — long-form body copy.
 *
 * Client request 2026-09-23: "A hosszabb kontentek sorkizártak legyenek."
 * Applied to running prose only (section body copy, card bodies, case-study
 * text boxes) — NOT to hero subtitles, centred pull quotes or the footer
 * blurb, which are display copy and read worse justified.
 *
 * `hyphens: auto` is not decoration here: Hungarian compounds are long, and
 * without hyphenation a justified column opens visible rivers between words.
 * It needs a language on the element, which is why every page now carries
 * <html lang="hu">.
 *
 * Note that justification never touches the LAST line of a block, so a
 * one-line paragraph carrying this class renders identically to before.
 *
 * Applied via a class rather than inline styles because the Claude Design
 * runtime re-serialises inline style strings on every render.
 */
.epx-copy {
  text-align: justify;
  text-justify: inter-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}

/* Below the phone breakpoint the columns are too narrow for justification to
   look like anything but gaps, so it reverts to ragged right. */
@media (max-width: 480px) {
  .epx-copy { text-align: left; }
}