/* ---------------------------------------------------------------------------
   justowanie.css - wyrownanie obustronne dla blokow tresci
   Podpinane przez scripts/typografia-nbsp.py razem z typografia.css i uklad.css
   Obejmuje wszystkie strony z szablonem serwisu, takze osiem deckow
   ofertowych (oferta*) - one uzywaja tej samej stopki i tych samych
   klas tresci, wiec dostaja te same poprawki.

   Zakres jest wyznaczony pomiarem, nie na oko. Justowanie ma sens dopiero
   przy dlugim wierszu - ponizej ok. 470 px odstepy miedzy slowami robia sie
   widoczne ("rzeki"), a polski ma dlugie slowa. Zmierzone najgorsze odstepy
   przy 322 px siegaly 3,4 szerokosci litery.

   Dlatego kazdy blok dostaje justowanie tylko w tych szerokosciach okna, w
   ktorych faktycznie jest szeroki. Bloki dwukolumnowe sa najwezsze nie na
   telefonie, tylko w polowie drogi: przy 1024-1199 px siatka ma juz dwie
   kolumny, ale okno jest jeszcze male. Ponizej progu zwiniecia wracaja do
   jednej kolumny i znow sa szerokie.

   Nie wlaczamy hyphens: auto - dzielenie wyrazow dokladaloby myslniki na
   koncach wierszy.

   Poza zakresem celowo: waskie kafelki (training-card, ui-card,
   homepage-process-desc, story-results, resource-card), naglowki, CTA oraz
   bloki wysrodkowane (faq-section-header, portfolio-cta-box).
--------------------------------------------------------------------------- */

/* --- Bloki szerokie na kazdej szerokosci okna od 768 px (min. 521 px) --- */
@media (min-width: 768px) {
  .article-body > p,
  .article-body > ul > li,
  .article-body > ol > li,
  .article-hero__copy p,
  .page-hero > .mq20-wrapper > p,
  .mkm-tldr,
  .home-hero-intro__copy p,
  .training-heading p,
  .training-process li,
  .ui-text-block p,
  .ui-copy {
    text-align: justify;
    text-justify: inter-word;
  }
}

/* --- Slider realizacji na stronie glownej ---
   Panel ma 766-892 px na desktopie, ale ponizej 1024 px spada do 322 px. */
@media (min-width: 1024px) {
  .story-excerpt {
    text-align: justify;
    text-justify: inter-word;
  }
}

/* --- Bloki dwukolumnowe ---
   Szerokie powyzej 1200 px (477-531 px) oraz ponizej 1024 px, gdzie siatka
   ma juz jedna kolumne (618-790 px). Miedzy tymi progami zostaje wyrownanie
   do lewej, bo kolumna ma tam tylko 405-449 px. */
@media (min-width: 1200px), (max-width: 1023px) and (min-width: 768px) {
  .seo-longform__block p,
  .training-outcome p,
  .team-card-bio {
    text-align: justify;
    text-justify: inter-word;
  }
}

/* --- Karty realizacji: BEZ justowania ---
   Owner 2026-08-23: "nie justuj tych tekstow, brzydko to troche wyglada,
   sa duze przedzialy". Kolumny kart sa waskie, a opisy krotkie, wiec
   justowanie robi rzeki bialych przerw. Zostaje wyrownanie do lewej. */
.portfolio-card-body p {
  text-align: left;
  text-wrap: pretty;
}