/* Mobile-only fix: prevent word spacing 'explosion' caused by text-align:justify / flex spacing on narrow screens.
   Designed to NOT affect desktop layout. */
@media (max-width: 768px){
  /* Default: avoid justify on text blocks */
  .mbr-text,
  .mbr-section-subtitle,
  .mbr-section-title,
  .mbr-section-subtitle div,
  .mbr-section-title div{
    text-align: left !important;
    text-justify: auto !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
  }

  /* Keep explicit center-aligned sections centered */
  .align-center .mbr-text,
  .align-center .mbr-section-subtitle,
  .align-center .mbr-section-title,
  .align-center .mbr-section-subtitle div,
  .align-center .mbr-section-title div{
    text-align: center !important;
  }

  /* Lists: enforce normal bullets + spacing on mobile (fixes 'rozstrzał' and centered bullets) */
  .mbr-text ul, .mbr-text ol,
  .mbr-section-subtitle ul, .mbr-section-subtitle ol,
  .mbr-section-title ul, .mbr-section-title ol{
    padding-left: 1.25rem !important;
    margin-left: 0 !important;
    list-style-position: outside !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
    text-align: left !important;
  }
  .mbr-text li,
  .mbr-section-subtitle li,
  .mbr-section-title li{
    display: list-item !important;
    text-align: left !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
  }
  /* Even if a parent section is center-aligned, keep lists left-aligned for readability */
  .align-center ul, .align-center ol, .align-center li{
    text-align: left !important;
  }

  /* If any of these blocks are flex containers with spaced content, neutralize spacing */
  .mbr-text,
  .mbr-section-subtitle,
  .mbr-section-title{
    justify-content: flex-start !important;
  }
}