/* Ukázky na slashsite.com/demos/ (kontrola/slashsite-ukazky.py, 1. 11. 2026).
   Pruh EXAMPLE nahoře a karta zpět dole nejsou součást ukázky, ale poznámka
   Slashsite: vlastní písmo a barvy značky (kámen #EAE8E3, petrolej #16525C),
   ať jsou stejné na světlé i tmavé ukázce. Jako česká ukázka (public/ukazky/_zpet.css):
   p.demo-pruh přebíjí pravidla ukázky, z-index 45 je pod otevřeným menu. */
p.demo-pruh{margin:0;background:#EAE8E3;color:#1C1F20;border-bottom:2px solid #16525C;
  font:13px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  padding:8px 16px;text-align:center;letter-spacing:0;text-transform:none}
p.demo-pruh b{color:#16525C;font-weight:800;letter-spacing:.04em}
.demo-zpet{position:fixed;left:16px;bottom:16px;z-index:45;display:block;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;line-height:1;
  color:#1C1F20;text-decoration:none;background:#fff;border:2px solid #16525C;
  padding:10px 18px 11px 14px;white-space:nowrap;box-shadow:0 0 0 3px #fff,0 8px 22px rgba(17,19,23,.35);transition:background .2s}
.demo-zpet:hover{background:#F6F5F2}
.demo-zpet:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 5px #16525C}
.demo-zpet small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#16525C;margin-bottom:5px}
.demo-zpet b{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.01em}
.demo-zpet i{font-style:normal;color:#16525C}
@media (max-width:560px){.demo-zpet{left:12px;bottom:12px}.demo-zpet .dlouhy{display:none}}
@media (prefers-reduced-motion:reduce){.demo-zpet{transition:none}}