/* Základní reset */
/* body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;line-height:1.4;padding:32px;background:#f7f7fb;color:#111} */


a{color:#0b66ff;text-decoration:none;border-bottom:1px dashed rgba(11,102,255,0.35)}


/* Tooltip container (js ovládané) */
.hover-tooltip {
position: fixed; /* fixed = snazsi pozicovani podle kurzoru */
pointer-events: none; /* aby nepřekáželo myši */
padding: 8px 10px;
background: rgba(20,20,30,0.95);
color: #fff;
border-radius: 8px;
font-size: 14px;
max-width: 260px;
box-shadow: 0 6px 18px rgba(20,20,30,0.25);
transform: translate(-50%, -120%);
opacity: 0;
transition: opacity .12s ease, transform .12s ease;
z-index: 9999;
}


.hover-tooltip.show{
opacity: 1;
transform: translate(-50%, -130%);
}


/* Šipka (optional) */
.hover-tooltip::after{
content: '';
position: absolute;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
width: 12px;
height: 12px;
background: rgba(20,20,30,0.95);
transform-origin: center;
transform: translateX(-50%) rotate(45deg);
border-radius: 2px;
}


/* Demo layout */
.demo{max-width:760px;margin:0 auto}
p{margin:18px 0}