/* ═══════════════════════════════════════════════════════════════════════
   podstrony-v14.css — wygląd v14 strony głównej na podstronach (19.10.2026)

   Kolory przełącza `wspolne.css` (blok `:root:root`), ten plik poprawia
   to, czego zmienne nie obejmują: kształty (przyciski-pigułki, karty
   22–28 px), napis na przycisku głównym (biały na czarnym zamiast
   ciemnego na złocie) oraz złote półprzezroczyste tła wpisane liczbami.

   Ładuje się NA KOŃCU <head> (wstawia go narzedzia/pasek-v9.py), czyli po
   kalkulator.css, poradnik.css i stylach strony — dlatego wygrywa przy tej
   samej szczegółowości. Panel go nie ładuje. Pasek i stopka (`.gn*`,
   `.gs*`) są wyłącznie w wspolne.css.
   ═══════════════════════════════════════════════════════════════════════ */

body{background:#fff}
::selection{background:oklch(58.5% .132 257/.22);color:var(--tusz)}
:focus-visible{outline-color:var(--akcent)}

/* nagłówki: Inter, ciaśniej, bez drugiego koloru akcentu */
h1,h2,h3,.head h1{font-family:var(--f);letter-spacing:-.03em}
h1 em,h2 em,.head h1 em{color:var(--tekst3)}
.skip{color:#fff;background:var(--tusz)}

/* przyciski: czarna pigułka, obrys na białym */
.btn{border-radius:99px;font-weight:500}
.g{background:var(--tusz);color:#fff;border-color:var(--tusz)}
.g:hover{background:var(--tusz3);border-color:var(--tusz3)}
.o{background:#fff;border-color:var(--linia)}
.o:hover{background:var(--powierzchnia);border-color:var(--linia2);color:var(--tusz)}
.res-main .o,.dark .o{background:transparent}
.res-main .o:hover,.dark .o:hover{background:rgb(255 255 255/.08);color:#fff;border-color:rgb(255 255 255/.4)}

/* nagłówek stron kalkulatorów i dokumentów: biały jak strona główna */
.head{background:#fff;color:var(--tusz);border-bottom:1px solid var(--linia)}
.head p{color:var(--tekst2)}

/* karty i powierzchnie */
.card{border-radius:24px}
.res-main{border-radius:24px}
.res-two,.note,.hi-box,.pam-info{border-radius:16px}
.inp,select,.chk{border-radius:12px}
.inp:focus-within,select:focus,.chk:focus-within{border-color:var(--akcent);box-shadow:0 0 0 3px oklch(58.5% .132 257/.18)}
.hi-box{border-color:oklch(80% .08 257/.5);background:oklch(58.5% .132 257/.12)}
.pam-info{background:oklch(58.5% .132 257/.08);border-color:oklch(58.5% .132 257/.25)}

/* poradniki */
.pr-tresc a{text-decoration-color:oklch(50% .14 257/.35)}
.pr-skrot,.pr-autor,.pr-lista a,.pr-narz{border-radius:22px}
.pr-tab,.pr-spis,.pr-pow a{border-radius:16px}
.pr-uwaga{background:oklch(58.5% .132 257/.06)}
.pr-narz .ik{background:rgb(255 255 255/.1)}
.pr-narz span{color:rgb(255 255 255/.72)}

/* nagłówek jest biały, więc podpis autora (jasny na ciemnym) ciemnieje */
.head .autor{color:var(--tekst2)}
.head .autor b{color:var(--tusz)}

/* nadkreski: mały tekst bierze ciemniejszy odcień akcentu (kontrast ≥ 4,5:1 na bieli) */
.kick,.head .kick{color:var(--akcent-d)}
.head .kick[style]{color:var(--akcent-d)!important}

/* przyciski główne wpisane w stylach stron (niebieskie tło z ciemnym napisem):
   czarna pigułka z białym napisem jak `.g` */
.cs-btn.g,.dg-btn.g,.lp-btn.g,.kt-btn,.rc-pob,.pr-tresc a.rc-pob{background:var(--tusz);color:#fff;border-color:var(--tusz)}
.cs-btn.g:hover,.dg-btn.g:hover,.lp-btn.g:hover,.kt-btn:hover,.rc-pob:hover,.pr-tresc a.rc-pob:hover{background:var(--tusz3);border-color:var(--tusz3);color:#fff}

/* nagłówek jest biały z linią, więc karty nie wchodzą już na niego od dołu */
.grid{margin-top:2.2rem}
.wybor{border-radius:var(--r-wewn,16px)}
@media(max-width:900px){.grid{margin-top:1.6rem}}