/* Huby kategorii usług — 07.10.2026. Bazuje na assets-case-study.css (zmienne, przyciski, karty, CTA). */
.au-hub__hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:end}
.au-hub__metryka{border-left:3px solid var(--cz);padding-left:22px}
.au-hub__liczba{font-size:clamp(46px,5.4vw,68px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--gr);margin:0}
.au-hub__liczba-opis{font-size:15px;color:var(--txt-c);margin:10px 0 0;max-width:30ch}

.au-hub__uslugi{padding:68px 0;border-bottom:1px solid var(--linia)}
.au-hub__uslugi-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:start}
.au-hub h2{font-size:clamp(23px,2.2vw,30px);font-weight:700;letter-spacing:-.018em;margin:0 0 14px}
.au-hub__wstep{color:var(--txt-c);max-width:44ch;margin:0}
.au-hub__lista{list-style:none;margin:0;padding:0}
.au-hub__lista li{border-top:1px solid var(--linia)}
.au-hub__lista li:last-child{border-bottom:1px solid var(--linia)}
.au-hub__lista a{display:grid;grid-template-columns:2.2em 1fr auto;gap:16px;padding:22px 0;text-decoration:none;color:inherit}
.au-hub__nr{font-size:14px;font-weight:700;color:var(--cz);padding-top:3px;font-variant-numeric:tabular-nums}
.au-hub__poz-h{display:block;font-size:18.5px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.au-hub__poz-p{display:block;margin-top:6px;font-size:15.5px;color:var(--txt-c);line-height:1.55;max-width:62ch}
.au-hub__lista a:hover .au-hub__poz-h{color:var(--gr)}
.au-hub__strz{color:var(--cz);font-weight:700;padding-top:2px}

.au-hub__cena{padding:52px 0;border-bottom:1px solid var(--linia)}
.au-hub__cena p{color:var(--txt-c);max-width:64ch;margin:0}

.au-hub__dowod{padding:60px 0}
.au-hub__dowod h2{margin-bottom:26px}
.au-hub__zrodlo{display:block;margin-top:12px;font-size:13px;color:var(--gr);font-weight:600}

@media(max-width:900px){
  .au-hub__hero-grid,.au-hub__uslugi-grid{grid-template-columns:1fr;gap:30px;align-items:start}
  .au-hub__uslugi{padding:44px 0}
}

/* Na stronach z danymi Elementora jego arkusz strony nadpisuje kolor odnośników — przycisk dostawał #212d31 na czerwieni (3,07:1). */
.au-hub a.au-btn--primary,.au-hub a.au-btn--primary:hover{color:#fff}
.au-hub a.au-btn--ghost{color:var(--txt)}

/* Arkusze motywu i Elementora dokładają marginesy akapitów — w hero huba trzymamy rytm z makiety. */
.au-hub .au-case__hero h1{margin:0}
.au-hub .au-case__hero .au-lede{margin:22px 0 30px}
.au-hub .au-hub__metryka p{margin:0}
.au-hub .au-hub__metryka .au-hub__liczba{line-height:1}
.au-hub .au-hub__metryka .au-hub__liczba-opis{margin-top:10px;line-height:1.5}

.au-hub__hero-grid--bez-liczby{grid-template-columns:1fr;max-width:78ch}
.au-hub__tresc{padding:56px 0 60px;border-bottom:1px solid var(--linia)}
.au-hub__tabela{overflow-x:auto;margin:0 0 1.2em;max-width:100%}
.au-hub__tabela:focus-visible{outline:3px solid var(--gr);outline-offset:2px}
.au-hub__tabela table{min-width:560px;margin:0}
.au-hub__tresc{min-width:0;max-width:100%;overflow-wrap:anywhere}
.au-hub__tresc > *:not(.au-hub__tabela){max-width:76ch}
.au-hub__tabela th,.au-hub__tabela td{padding:10px 12px;vertical-align:top;text-align:left}
.au-hub__tabela table,.au-hub__tabela th,.au-hub__tabela td{overflow-wrap:normal;word-break:normal;hyphens:manual}
.au-hub__tabela table{min-width:640px}