/* Wygląd DataDrive (kierunek B), część 4 z 5: podstrony i stopka. Spis plików 20–24: 20-wyglad-baza-i-elementy.css */

/* 9. Podstrony */
.page-hero{padding-block:clamp(24px,3vw,40px) clamp(48px,6vw,80px)}
.page-hero__lead{font-size:clamp(1.0625rem,1.4vw,1.15rem)}
.crumbs{font-weight:500}
.crumbs a{text-underline-offset:3px}
.crumbs a:hover{color:var(--blue);text-decoration:underline}
/* Szeroki ekran: tekst i obraz obok siebie, kafelki pod spodem na całą szerokość.
   Wiersz 5 (1fr) przejmuje nadmiar wysokości obrazu, żeby tytuł, wstęp i przyciski zostały blisko siebie */
@media (min-width:1101px){
  .page-hero:not(.page-hero--split,.page-hero--center)>.container:has(>.page-hero__shot){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto auto auto auto 1fr auto;column-gap:var(--gap-lg);align-items:start}
  .page-hero:not(.page-hero--split,.page-hero--center)>.container:has(>.page-hero__shot)>*{grid-column:1}
  .page-hero:not(.page-hero--split,.page-hero--center)>.container:has(>.page-hero__shot)>.crumbs{grid-column:1/-1;grid-row:1}
  .page-hero:not(.page-hero--split,.page-hero--center)>.container:has(>.page-hero__shot)>.page-hero__shot{grid-column:2;grid-row:2/span 4;margin-top:0}
  .page-hero:not(.page-hero--split,.page-hero--center)>.container:has(>.page-hero__shot)>.strip{grid-column:1/-1;grid-row:6}
}
.lists{border-radius:var(--r)}
.lists h3{font-weight:600}
.lists__count{font-weight:600}

/* 10. Stopka: granat. Tokeny kolorów przestawione lokalnie, reguły komponentu zostają te same */
.site-footer{--ink:var(--white);--text:var(--on-dark);--muted:var(--on-dark-2);--line:rgba(255,255,255,.14);--line-strong:rgba(255,255,255,.22);--blue:var(--sky);background:var(--navy-2);border-top:0;color:var(--text)}
.footer__logo{height:64px}
.footer__label{font-weight:600}
.footer__big{font-size:clamp(1.25rem,2vw,1.6rem);font-weight:600;letter-spacing:-.01em}
.footer__small{font-weight:400}
.footer__h{font-weight:600}
.footer__main nav a:hover,.footer__bottom a:hover{text-decoration:underline;text-underline-offset:3px}
.footer__social a{background:none}
.footer__social a:hover{background:var(--white);color:var(--navy-2)}

/* Nagłówki podstron bez zdjęcia (Wiedza, Prezentacja, Kontakt) mają jedną wysokość, równą Prezentacji z przyciskami i paskiem kafelków (właściciel 19.10.2026).
   Bez nagłówków z dodatkową treścią (kafelki logowania, blok kontaktowy na Polityce prywatności), które i tak są wyższe. Na telefonie bez zmian. */
@media (min-width:901px){.page-hero:not(.page-hero--split,.page-hero--center):not(:has(.page-hero__shot,.logins,.contact-big)){min-height:610px}}