/* Pitagoras z rysunkiem (2.11.2026). Kolory boków: a niebieski, b pomarańczowy, c zielony - te same w rysunku i w krokach. Nie polegamy wyłącznie na kolorze: każdy bok ma literę. */
#pit{--pa:#1D4ED8;--pb:#B45309;--pc:#15803D}
.pit-ta{color:var(--pa);fill:var(--pa)}
.pit-tb{color:var(--pb);fill:var(--pb)}
.pit-tc{color:var(--pc);fill:var(--pc)}
#pit .pit-zakl{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}
#pit .pit-zakl button{font:inherit;font-size:.95rem;padding:.45rem .8rem;border:2px solid var(--niebieski);border-radius:6px;background:#fff;color:var(--niebieski);cursor:pointer;font-weight:600;min-height:2.75rem}
#pit .pit-zakl button[aria-pressed=true]{background:var(--niebieski);color:#fff}
#pit .pit-zakl button:focus-visible,#pit input:focus-visible,#pit select:focus-visible,.pit-pier:focus-visible{outline:3px solid var(--niebieski);outline-offset:2px}
#pit-pola{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.7rem 1rem;margin:.6rem 0}
.pit-pole label{display:block;font-weight:700;margin-bottom:.2rem}
.pit-wiersz{display:flex;gap:.4rem}
.pit-wiersz input{flex:1;min-width:0;font:inherit;font-size:1.25rem;padding:.5rem .6rem;border:2px solid var(--szary);border-radius:6px;background:#fff}
.pit-wiersz input[aria-invalid=true]{border-color:#B91C1C;background:#FEF2F2}
.pit-pier{font:inherit;font-size:1.3rem;min-width:2.9rem;min-height:2.9rem;border:2px solid var(--szary);border-radius:6px;background:var(--zloto-jasne);color:var(--atrament);cursor:pointer}
.pit-blad{color:#B91C1C;font-size:.95rem;margin:.2rem 0 0;min-height:0}
.pit-opcje{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:center;margin:.4rem 0}
.pit-opcje select{font:inherit;padding:.4rem .5rem;border:2px solid var(--szary);border-radius:6px;background:#fff;min-height:2.75rem}
.pit-opcje label{display:inline-flex;gap:.4rem;align-items:center}
#pit-zadanie{background:var(--zloto-jasne);border-left:4px solid var(--zloto);padding:.5rem .8rem;margin:.6rem 0}
#pit-przyklady{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .8rem}
.pit-odp{background:var(--zloto-jasne);border-left:4px solid var(--zloto);padding:.6rem 1rem;margin:.8rem 0}
.pit-odp p{margin:.15rem 0}
.pit-odp-et{font-size:.9rem;color:var(--szary)}
.pit-odp-w{font-size:1.6rem}
.pit-odp-w .mk{font-size:1.6rem}
.pit-rys{margin:.8rem 0;padding:0}
.pit-rys figcaption{font-size:.95rem;color:var(--szary)}
.pit-svg{display:block;width:100%;max-width:34rem;height:auto;background:#fff;border:1px solid var(--kratka);border-radius:6px}
.pit-svg .pit-tr{fill:#EEF2FF;stroke:none}
.pit-svg .pit-pr{fill:#F8FAFC;stroke:none}
.pit-svg .pit-kw{stroke:#475569;stroke-width:1;fill-opacity:.22}
.pit-svg .pit-ka{fill:var(--pa)}
.pit-svg .pit-kb{fill:var(--pb)}
.pit-svg .pit-kc{fill:var(--pc)}
.pit-svg line,.pit-svg polyline{stroke-linecap:round;fill:none}
.pit-svg .pit-ba{stroke:var(--pa);stroke-width:4}
.pit-svg .pit-bb{stroke:var(--pb);stroke-width:4}
.pit-svg .pit-bc{stroke:var(--pc);stroke-width:4}
.pit-svg .pit-przer{stroke-dasharray:7 5}
.pit-svg .kat{stroke:#1F2937;stroke-width:2}
.pit-svg .pit-t{font:700 16px Georgia,serif;paint-order:stroke;stroke:#fff;stroke-width:3px}
.pit-kwopis,.pit-odp2{margin:.6rem 0}
.pit-leg{margin:.3rem 0 .6rem;font-size:1.02rem;overflow-wrap:anywhere}
.pit-kroki{list-style:none;padding:0;counter-reset:krok;margin:0}
.pit-kroki .kk-krok{margin:.6rem 0}
.pit-kroki .kk-krok h4{margin:.1rem 0 .3rem;font-size:1.05rem}
.pit-kroki .kk-krok h4::before{counter-increment:krok;content:counter(krok);display:inline-block;background:var(--niebieski);color:#fff;border-radius:50%;width:1.7rem;height:1.7rem;line-height:1.7rem;text-align:center;margin-right:.5rem;font-size:.95rem}
.pit-kroki p{margin:.25rem 0;overflow-wrap:anywhere}
.pit-eq{font-size:1.35rem;display:inline-block;max-width:100%;overflow-x:auto;vertical-align:middle}
.pit-sprawdz{border-left:4px solid var(--szary);background:#fff;padding:.4rem 1rem;margin:.8rem 0}
.pit-tak{border-left-color:var(--pc)}
.pit-nie{border-left-color:var(--zloto)}
.pit-h{font-size:1.1rem;margin:.8rem 0 .3rem}
.pit-bledy{margin:.8rem 0;border:1px solid var(--szary);border-radius:6px;padding:.4rem .9rem;background:#fff}
.pit-bledy summary{cursor:pointer;font-weight:700;min-height:2.5rem;display:flex;align-items:center}
.pit-zle{color:#991B1B}
.pit-dobrze{color:#166534}
.pit-niemozliwe{background:#FEF2F2;border-left:4px solid #B91C1C;padding:.6rem 1rem;margin:.8rem 0}
@media (max-width:480px){.pit-odp-w,.pit-odp-w .mk{font-size:1.35rem}.pit-eq{font-size:1.15rem}}