.strona-biblioteki{max-width:1240px;margin:0 auto;padding:24px 32px 28px;min-height:100dvh;display:flex;flex-direction:column}.pasek{display:flex;align-items:center;justify-content:space-between;gap:12px}.pasek-akcje{display:flex;gap:8px}.pigulka{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:999px;background:var(--karta);border:1px solid var(--linia);text-decoration:none;font:500 14px Chakra Petch,system-ui,sans-serif;white-space:nowrap}.pigulka:hover{border-color:var(--tekst-2)}.wstep{margin:clamp(40px,7vw,88px) 0 clamp(28px,4vw,48px);max-width:44rem}.wstep h1{margin:0;font:700 clamp(40px,6vw,84px)/.96 "Chakra Petch",sans-serif;letter-spacing:-.02em}.wstep p{margin:20px 0 0;font-size:clamp(17px,1.4vw,20px);color:var(--tekst-2);max-width:38rem}.przypadki{flex:1}.przypadek{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);background:var(--karta);border:1px solid var(--linia);border-radius:24px;overflow:hidden}.przypadek-kadr{display:block;background:radial-gradient(ellipse at 50% 50%,#fff,var(--tlo) 80%)}.przypadek-kadr img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4 / 3}.przypadek-opis{padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}.przypadek-okolica{margin:0;font-size:14px;color:var(--accent);font-weight:500}.przypadek h2{margin:-6px 0 0;font:700 clamp(32px,3.4vw,48px)/1 "Chakra Petch",sans-serif;letter-spacing:-.015em}.przypadek h2 a{text-decoration:none}.przypadek-opis>p:not([class]){margin:0;font-size:17px;max-width:34rem}.przypadek-otworz{margin-top:auto;height:48px;padding:0 24px;font-size:16px}.przypadek:hover .przypadek-otworz{background:var(--signal-2)}.przypadki-wiecej{margin:18px 4px 0;color:var(--tekst-2);font-size:15px}.stopka-biblioteki{margin-top:48px;padding-top:16px;border-top:1px solid var(--linia);display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;font-size:13px;color:var(--tekst-2)}.stopka-biblioteki a{color:var(--accent)}@media(max-width:760px){.strona-biblioteki{padding:12px 16px 20px}.pigulka{height:38px;padding:0 12px;font-size:13px}.przypadek{grid-template-columns:1fr;border-radius:18px}.przypadek-opis{gap:10px}.przypadek-opis>p:not([class]){font-size:16px}.przypadek-otworz{margin-top:6px;width:100%;justify-content:center}.stopka-biblioteki{margin-top:32px;font-size:12px}}@media(max-width:420px){.pasek .pigulka{display:none}}