/* Harmonijka kroków. Rozwijanie płynne BEZ mierzenia wysokości w skrypcie:
   wiersz siatki jedzie z 0fr do 1fr, a przeglądarka sama liczy resztę. */
/* Wartości z pliku makiety: dwie równe kolumny, przerwa 60 px;
   numer kroku 30 px grubości 800 w przyciemnionym kolorze głównym. */
.prh-uklad{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.prh-obraz-lewa .prh-uklad{direction:rtl}
.prh-obraz-lewa .prh-uklad>*{direction:ltr}
.prh-kroki{display:grid;gap:0}
/* Katalog 7: wiersze rozdzielone kreską, bez kart i bez lewej krawędzi. */
.prh-krok{background:transparent;border:0;border-top:1px solid var(--linia);border-radius:0}
.prh-kroki>.prh-krok:last-child{border-bottom:1px solid var(--linia)}

/* Wartości z pliku makiety: wiersz kroku to siatka 54 | reszta | 28,
   przerwa 10 px, wypełnienie 16 px w pionie; numer po LEWEJ przy tytule,
   tytuł 22 px grubości 800, znak rozwijania po prawej. */
.prh-przycisk{width:100%;display:grid;grid-template-columns:54px 1fr 28px;align-items:center;gap:10px;
  background:transparent;border:0;cursor:pointer;text-align:left;padding:16px 18px;font-family:inherit}
.prh-ikona{width:30px;height:30px;font-size:18px;border-radius:10px;flex:0 0 auto;
  background:color-mix(in srgb,var(--akcent) 14%,transparent);color:var(--akcent)}
.prh-tytul{display:inline-flex;align-items:center;gap:10px;min-width:0;font:800 22px/1.55 var(--f-naglowki,sans-serif);letter-spacing:-.02em;color:var(--tekst)}
.prh-numer{font:800 30px/1.55 var(--f-naglowki,sans-serif);letter-spacing:-.04em;color:color-mix(in srgb,var(--akcent) 82%,var(--tekst))}
.prh-znak{flex:0 0 auto;color:var(--tekst-3,var(--szept));transition:transform .4s ease}
.prh-znak-ikona{font-size:22px}
.prh-krok.otwarty .prh-znak{transform:rotate(45deg);color:var(--akcent)}
.prh-tresc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1)}
.prh-krok.otwarty .prh-tresc{grid-template-rows:1fr}
.prh-tresc-wnetrze{overflow:hidden}
/* Katalog 7: opis wcięty o 64 px, 15 px, maks. 56 znaków, odstęp dolny 18. */
.prh-tresc p{margin:0;padding:0 28px 18px 64px;max-width:56ch;color:var(--szept);font-size:15px;line-height:1.65;
  opacity:0;transform:translateY(6px);transition:opacity .35s ease .12s,transform .35s ease .12s}
.prh-krok.otwarty .prh-tresc p{opacity:1;transform:none}
/* Katalog 7: zdjęcie 4:4,4, zaokrąglenie 24, cień 2. */
.prh-obraz{border-radius:24px;overflow:hidden;background:var(--tlo-2);aspect-ratio:4/4.4;
  box-shadow:0 20px 46px rgba(11,27,51,.14)}
.prh-obraz img{width:100%;height:100%;object-fit:cover;display:block}
@media (prefers-reduced-motion:reduce){
  .prh-tresc,.prh-tresc p,.prh-znak{transition:none}
}
@media (max-width:900px){
  .prh-uklad{grid-template-columns:1fr;gap:22px}
  .prh-obraz-lewa .prh-uklad{direction:ltr}
  .prh-obraz{aspect-ratio:4/3;order:-1}
  .prh-tresc p{padding-left:18px}
}