.narz{--stan-dobry:var(--akcent);--stan-sredni:#b45309;--stan-zly:#b3261e;max-width:var(--szerokosc-tresci);width:100%;padding:var(--o-8) var(--o-6) var(--o-16);margin:0 auto}.narz .okruszki{max-width:44rem;margin-inline:auto}.narz .okruszki ol{margin:0 0 var(--o-6);gap:0 var(--o-2);font-size:var(--t-s);color:var(--tekst-cichy);padding:0;list-style:none;display:flex}.narz .okruszki li{white-space:nowrap;flex:none;align-items:center;display:inline-flex}.narz .okruszki li:last-child{contain:inline-size;flex:1 1 0;min-width:0}.narz .okruszki [aria-current]{text-overflow:ellipsis;line-height:44px;display:block;overflow:hidden}.narz .okruszki li+li:before{content:"›";margin-right:var(--o-2)}.narz .okruszki a{align-items:center;min-height:44px;display:inline-flex}.narz .okruszki a:hover{color:var(--tekst)}.narz__tytul{text-align:center;max-width:none;font-size:clamp(var(--t-xl), 3vw + 1rem, var(--t-xxl))}.narz__lead{max-width:none;margin:var(--o-4) 0 0;text-align:center;font-size:var(--t-l);color:var(--tekst-cichy);line-height:1.5}.narz .test{margin:var(--o-8) 0 var(--o-12);padding:var(--o-6);background:var(--powierzchnia);border-left:4px solid var(--akcent);border-radius:var(--promien)}.narz .test__tytul{font-size:var(--t-l);margin:0 0 var(--o-4)}.narz .test__formularz label{margin-bottom:var(--o-2);font-weight:600;display:block}.narz .test__podpowiedz{margin:calc(var(--o-1) * -1) 0 var(--o-2);font-size:var(--t-s);color:var(--tekst-cichy)}.narz .test__wiersz{gap:var(--o-3);flex-wrap:wrap;display:flex}.narz .test__wiersz input{min-width:0;min-height:48px;padding:0 var(--o-3);font:inherit;color:var(--tekst);background:var(--tlo);border:1px solid var(--tekst-cichy);border-radius:var(--promien-maly);flex:16rem}.narz .test__wiersz button{min-height:48px;padding:0 var(--o-6);font:inherit;color:var(--tlo);background:var(--akcent);border-radius:var(--promien-maly);cursor:pointer;border:0;flex:none;font-weight:600}.narz .test__wiersz button:hover{background:var(--tekst)}.narz .test__wiersz button:disabled{cursor:progress;background:var(--tekst-cichy)}.narz .test__wiersz input:focus-visible,.narz .test__wiersz button:focus-visible{outline:3px solid var(--akcent);outline-offset:2px}.narz .test__nota{margin:var(--o-3) 0 0;font-size:var(--t-s);color:var(--tekst-cichy)}.narz .test__stan{margin:0;font-weight:600}.narz .test__stan:not(:empty){margin-top:var(--o-4)}.narz .trwa{align-items:center;gap:var(--o-3);margin:var(--o-4) 0 0;padding:var(--o-3) var(--o-4);background:var(--tlo);border-radius:var(--promien-maly);scroll-margin-top:6rem;font-weight:600;line-height:1.4;display:flex}.narz [hidden]{display:none!important}.narz .trwa:before{content:"";background:var(--akcent);border-radius:50%;flex:none;width:.75rem;height:.75rem;animation:1.1s ease-in-out infinite narz-puls}@keyframes narz-puls{50%{opacity:.25;transform:scale(.7)}}.narz__zegar{margin-top:var(--o-6)}.narz .werdykt{margin:var(--o-3) 0 0;text-align:center;font-size:var(--t-l);font-weight:600;line-height:1.4}.narz .wynik{margin-top:var(--o-6);font-size:var(--t-s);line-height:1.4}.narz .pozycje{gap:var(--o-3);margin:0 0 var(--o-6);grid-template-columns:1fr;padding:0;list-style:none;display:grid}@media (width>=48rem){.narz .pozycje{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.narz .pozycje{grid-template-columns:repeat(3,minmax(0,1fr))}}.narz .poz{--stan:var(--tekst-cichy);gap:var(--o-3);padding:var(--o-4);background:var(--tlo);border-radius:var(--promien);display:flex}.narz .poz[data-s=ok]{--stan:var(--stan-dobry)}.narz .poz[data-s=uwaga]{--stan:var(--stan-sredni)}.narz .poz[data-s=blad]{--stan:var(--stan-zly)}.narz .poz__ik{width:1.75rem;height:1.75rem;color:var(--tlo);background:var(--stan);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:grid}.narz .poz[data-s=ok] .poz__ik:before{content:"✓"}.narz .poz[data-s=uwaga] .poz__ik:before{content:"!"}.narz .poz[data-s=blad] .poz__ik:before{content:"✕"}.narz .poz[data-s=info] .poz__ik:before{content:"i"}.narz .poz__tekst{min-width:0}.narz .poz__tekst strong{font-size:var(--t-m);display:block}.narz .poz__wart{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:600;display:block}.narz .poz__opis{margin:var(--o-1) 0 0;color:var(--tekst-cichy)}.narz .zalecenia{margin:0 0 var(--o-6);font-size:var(--t-m);line-height:1.45}.narz .zalecenia__tytul{margin:0 0 var(--o-3);font-size:var(--t-l)}.narz .zalecenia__lista{gap:var(--o-3);padding-left:var(--o-6);margin:0;display:grid}.narz .zalecenia__lista strong,.narz .zalecenia__lista span{display:block}.narz .zalecenia__brak{margin:0;font-weight:600}.narz .wezwanie{align-items:center;gap:var(--o-3) var(--o-4);padding-top:var(--o-4);border-top:1px solid var(--tekst-cichy);flex-wrap:wrap;display:flex}.narz .wezwanie__tekst{flex:16rem;margin:0;font-weight:600;line-height:1.4}.narz .wezwanie__guziki{gap:var(--o-3);flex-wrap:wrap;display:flex}.narz .wezwanie__guzik{min-height:48px;padding:0 var(--o-6);font:inherit;color:var(--tlo);background:var(--akcent);border:2px solid var(--akcent);border-radius:var(--promien-maly);cursor:pointer;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.narz .wezwanie__guzik:hover{background:var(--tekst);border-color:var(--tekst)}.narz .wezwanie__guzik--drugi{color:var(--akcent);background:0 0}.narz .wezwanie__guzik--drugi:hover{color:var(--tlo)}.narz .wezwanie__guzik:focus-visible{outline:3px solid var(--akcent);outline-offset:2px}.narz .test__kopia{width:100%;padding:var(--o-3);font:inherit;font-size:var(--t-s);color:var(--tekst);background:var(--tlo);border:1px solid var(--tekst-cichy);border-radius:var(--promien-maly);flex:100%;line-height:1.5}.narz .test__raport{margin:var(--o-4) 0 0;font-size:var(--t-s)}.narz .test__raport a{align-items:center;min-height:44px;font-weight:600;display:inline-flex}@media (width<=30rem){.narz .test{padding:var(--o-4)}.narz .test__wiersz button,.narz .wezwanie__guziki,.narz .wezwanie__guzik{flex:100%}}.narz .tresc{max-width:none}.narz .tresc h2{font-size:var(--t-xl);margin:var(--o-12) 0 var(--o-3);break-after:avoid;line-height:1.2}.narz .tresc h2:first-child{margin-top:0}.narz .tresc p{margin:0 0 var(--o-4);line-height:1.6}@media (width>=64rem){.narz .tresc{columns:2;column-gap:3rem}.narz .tresc p{break-inside:avoid}}@media (prefers-reduced-motion:reduce){.narz .trwa:before{animation:none}}
