/* Wspólna baza przykładowych stron. Wygląd każdej strony jest w jej własnym <style>. */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; color: inherit; }
button, [data-v], [data-dalej], [data-wroc], [data-menu] { cursor: pointer; }
button { border: 0; background: none; }
[data-v], button { transition: background-color .2s, color .2s, border-color .2s, transform .2s, box-shadow .2s; }
button:active, [data-v]:active { transform: scale(.97); }
.krok, [data-panel] { display: none; }
.krok.widoczny, [data-panel].widoczny { display: block; animation: wejscie .35s ease both; }
@keyframes wejscie { from { opacity: 0; transform: translateY(6px); } }
.menu-tel { display: none; }
body.menu-otwarte .menu-tel { display: flex; }
body.menu-otwarte { overflow: hidden; }
.przyklad-uwaga { font-size: 12.5px; opacity: .7; margin-top: 12px; line-height: 1.45; }