/* Wspólny komponent „Gdzie boli?” przykładowego Gabinetu Ruchu (szablony/gdzie-boli.js).
   Barwy demo; miejsce osadzenia może nadpisać zmienne --gb-* (np. rozmiar sylwetki i punktów). */
.gb{--gb-akcent:#2443c9;--gb-ciemny:#111a3a;--gb-tekst:#4b5370;--gb-linia:#d9def0;--gb-sylwetka:#dfe6fb;--gb-kregoslup:#b9c5ef;--gb-koral:#f0603f;--gb-koral-jasny:#fde9e3;--gb-fig:150px;--gb-punkt:30px;--gb-odstep:18px;color:var(--gb-ciemny)}
.gb-chipy{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.gb-chip{border:1.5px solid var(--gb-linia);background:#fff;color:var(--gb-ciemny);border-radius:999px;padding:6px 12px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.gb-chip[aria-pressed="true"]{background:var(--gb-ciemny);border-color:var(--gb-ciemny);color:#fff}
.gb-cialo{display:grid;grid-template-columns:var(--gb-fig) minmax(0,1fr);gap:var(--gb-odstep);align-items:start}
.gb-fig{position:relative}
.gb-fig svg{display:block;width:var(--gb-fig);height:auto}
.gb-punkt{position:absolute;width:var(--gb-punkt);height:var(--gb-punkt);margin:calc(var(--gb-punkt) / -2) 0 0 calc(var(--gb-punkt) / -2);border-radius:50%;border:2px solid var(--gb-akcent);background:rgba(36,67,201,.12);cursor:pointer;padding:0;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}
.gb-punkt::after{content:"";position:absolute;inset:26%;border-radius:50%;background:var(--gb-akcent);transition:background-color .25s ease}
.gb-punkt[aria-pressed="true"]{border-color:var(--gb-koral);background:rgba(240,96,63,.2);box-shadow:0 0 0 6px rgba(240,96,63,.15)}
.gb-punkt[aria-pressed="true"]::after{background:var(--gb-koral)}
.gb-panel{display:none}
.gb-panel.is-on{display:block}
/* data-stala-wysokosc: wszystkie opisy w jednej komórce siatki, wysokość równa najdłuższemu, zmiana obszaru niczego nie przesuwa. */
.gb[data-stala-wysokosc] .gb-panele{display:grid}
.gb[data-stala-wysokosc] .gb-panel{display:block;grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility 0s linear .35s}
.gb[data-stala-wysokosc] .gb-panel.is-on{visibility:visible;opacity:1;transition:opacity .35s ease}
.gb-etykieta{display:block;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--gb-akcent);margin-bottom:4px}
.gb-tytul{font-size:19px;line-height:1.25;margin:0 0 6px;color:var(--gb-ciemny)}
.gb-lista{margin:0 0 12px;padding-left:18px;font-size:15px;color:var(--gb-tekst)}
.gb-lista li{margin-bottom:2px}
.gb-sprawdzamy{font-size:15px;color:var(--gb-tekst);margin:0 0 12px}
.gb-uwaga{background:var(--gb-koral-jasny);border-radius:12px;padding:10px 12px;font-size:14px;color:#6b2a19;margin:0 0 14px}
.gb-uwaga strong{color:#8c2f17}
.gb-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}
.gb-chip:focus-visible,.gb-punkt:focus-visible{outline:3px solid var(--gb-koral);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.gb[data-stala-wysokosc] .gb-panel,.gb[data-stala-wysokosc] .gb-panel.is-on,.gb-chip,.gb-punkt,.gb-punkt::after{transition:none}}