/* ══════════════════════════════════════════════════════════════
   MENTORING PRO - blok wstępny "Czym jest Mentoring PRO"
   (17.08.2026)

   Osobny arkusz, nie dopisek do `mc-lp.css`: tamten bywa nadpisywany
   w całości przy równoległej pracy nad innymi sekcjami i dopisany blok
   przepada bez śladu i bez błędu. Wpina go `ph-mc-mentoring.php`
   z zależnością od `ph-masterclass`, więc wchodzi po `mc-lp.css`
   i wygrywa przy tej samej szczegółowości.

   Blok korzysta z klas mentorów (`mc-men-osoba--tlo`, `mc-mentoring__*`),
   żeby wziąć gotowe: beżowy boks z promieniem, boczne paddingi, białe
   kółka ikon i wyjątki od zerowania `.mc-wrap`. Tutaj zostaje wyłącznie
   to, czym różni się od bloku mentora: dwie równe kolumny, wyrównanie
   do góry i rytm listy.
   ══════════════════════════════════════════════════════════════ */

/* Mentor ma kolumnę zdjęcia (.85fr) i tekstu (1fr), wstęp ma opis
   i punkty - obie kolumny są treścią, więc dzielą się po równo.
   `start` zamiast `center`, bo kolumny są różnej wysokości i wyśrodkowanie
   zostawiałoby pod krótszą pusty beż. */
.mc-mentoring__grid--wstep {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
}

/* Opis niesie całą kolumnę, więc ograniczenie szerokości z bloku mentora
   (760 px, liczone pod szerszą kolumnę tekstu) tylko by ją zawężało. */
.mc-men-wstep .mc-mentoring__txt {
  max-width: none;
  margin-bottom: 0;
}

.mc-men-wstep .mc-mentoring__punkty { margin: 0; }

.mc-men-wstep .mc-mentoring__stopka {
  margin: 26px 0 0;
  font-weight: 700;
}

/* Poniżej 1000 px `mc-lp.css` sprowadza siatkę mentora do jednej kolumny -
   modyfikator musi to powtórzyć, inaczej zostaje przy dwóch (ta sama
   szczegółowość, a ten arkusz leży niżej). */
@media (max-width: 1000px) {
  .mc-mentoring__grid--wstep { grid-template-columns: 1fr; gap: 26px; }
  .mc-men-wstep .mc-mentoring__stopka { margin-top: 20px; }
}
