/* S10 Kto za tym stoi: portrety (desktop karty 4:5, telefon koła 72 px), pas „Dane i umowa”, CR-IL-10 */

.s10-ludzie { margin: 0; padding: 0; list-style: none; display: grid; gap: 0; }
.s10-osoba { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px; align-items: start; padding: 16px 0; border-top: 1px solid var(--cr-linia); }
.s10-osoba:last-child { border-bottom: 1px solid var(--cr-linia); }
.s10-foto { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; background: var(--cr-papier-2); }
.s10-osoba__imie { font-size: 1.375rem; }
.s10-osoba__rola { margin-top: 2px; font-family: var(--cr-f-nagl); font-weight: 600; font-size: .9375rem; color: var(--cr-marka-jasna); }
.s10-osoba__tekst { margin-top: 6px; font-size: 1rem; line-height: 1.5; }

@media (min-width: 768px) {
  .s10-ludzie { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
  .s10-osoba:nth-last-child(2) { border-bottom: 1px solid var(--cr-linia); }
}
@media (min-width: 1024px) {
  .s10-ludzie { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
  .s10-osoba, .s10-osoba:last-child, .s10-osoba:nth-last-child(2) {
    grid-template-columns: 1fr; gap: 0; padding: 0; border: 1px solid var(--cr-linia);
    border-radius: var(--cr-r-karta); background: var(--cr-tlo); overflow: hidden;
  }
  .s10-foto { width: 100%; height: auto; aspect-ratio: 4 / 5; border-radius: 0; }
  .s10-osoba__opis { padding: 16px 18px 20px; }
}

/* ---------- pas „Dane i umowa” ---------- */
.s10-pas {
  display: grid; gap: 32px; margin-top: 48px; padding: 32px 0 0;
  border-top: 1.5px solid var(--cr-marka);
}
@media (min-width: 1024px) {
  .s10-pas { grid-template-columns: minmax(0, 1fr); gap: 24px 48px; margin-top: 64px; padding-top: 40px; align-items: start; }
  .s10-dane { order: 2; }
}
.s10-dane__tytul { font-size: 1.5rem; margin-bottom: 16px; }
.s10-dane__lista { margin: 0; padding: 0; list-style: none; display: grid; gap: 16px; }
.s10-dane__lista li { display: flex; gap: 14px; align-items: flex-start; }
.s10-dane__lista .ikona-poj { width: 44px; height: 44px; flex: none; }
.s10-dane__lista p { font-size: 1.0625rem; line-height: 1.55; max-width: 60ch; padding-top: 8px; }
.s10-spolka { margin-top: 20px; font-size: .875rem; line-height: 1.45; color: var(--cr-tekst-2); }

/* CR-IL-10: dwie spółki, jedna kartoteka (płaskie wypełnienia, linia 1,5 px, bez cieni) */
.s10-il { max-width: 420px; }
@media (max-width: 767.98px) { .s10-il__svg { max-width: 300px; } .s10-il__podpisy { max-width: 300px; } }
.s10-il__svg { width: 100%; height: auto; margin-top: 4px; }
.s10-il__svg path { stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.s10-il__wyp { fill: var(--cr-papier-2); stroke: none; }
.s10-il__lin { fill: none; stroke: var(--cr-marka); }
.s10-il__okna { fill: var(--cr-tlo); stroke: var(--cr-marka-jasna); }
.s10-il__lacz { fill: none; stroke: var(--cr-marka); stroke-linejoin: miter; }
.s10-il__teczka { fill: var(--cr-marka); stroke: none; }
.s10-il__teczka + .s10-il__lin { stroke: var(--cr-marka); }
.s10-il__heks { fill: var(--cr-tlo); stroke: none; }
.s10-il__podpisy {
  display: grid; grid-template-columns: 41.25% 17.5% 41.25%; margin-top: 6px; text-align: center; white-space: nowrap;
  font-family: var(--cr-f-nagl); font-weight: 600; font-size: .875rem; color: var(--cr-marka);
}
.s10-il__podpisy span { display: flex; justify-content: center; }

/* s10-dane (04.10): panel jak „Dane Twojej firmy” na daplo.agency */
.s10-dane { padding: 28px; background: var(--cr-papier); border-radius: var(--cr-r-m); }
@media (min-width: 1024px) { .s10-dane__lista { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .s10-dane__lista p { padding-top: 0; } .s10-dane__lista li { flex-direction: column; } }

/* (04.10) ludzie: karty 2 × 2 z okrągłym portretem po lewej (inaczej niż rząd czarno-białych portretów na daplo.agency) */
.s10-ludzie { display: grid !important; gap: 16px !important; grid-template-columns: minmax(0, 1fr) !important; }
.s10-osoba, .s10-osoba:last-child, .s10-osoba:nth-last-child(2) { display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; gap: 20px !important; align-items: center !important; padding: 20px !important; border: 1px solid var(--cr-linia) !important; border-radius: var(--cr-r-m) !important; background: var(--cr-tlo) !important; }
.s10-osoba picture, .s10-foto { width: 96px !important; height: 96px !important; aspect-ratio: 1 !important; }
.s10-foto { border-radius: 50% !important; object-fit: cover !important; object-position: 50% 22% !important; box-shadow: 0 0 0 3px var(--cr-tlo), 0 0 0 5px var(--cr-marka-tint); }
.s10-osoba__opis { padding: 0 !important; }
.s10-dane { background: var(--cr-tlo) !important; border: 1px solid var(--cr-linia); }
@media (min-width: 900px) { .s10-ludzie { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }