/*! PLEVIX – vysvetlivky účtovných pojmov (v71). Iba vzhľad, nemení rozloženie stránky. */
.px-hint{
  position:relative;
  border-bottom:1px dotted currentColor;
  cursor:help;
  text-decoration:none;
}
.px-hint:focus-visible{
  outline:2px solid #4f46e5;
  outline-offset:2px;
  border-radius:3px;
}
.px-hint::after{
  content:attr(data-px-hint);
  position:absolute;
  left:50%;
  bottom:calc(100% + 8px);
  z-index:9999;
  width:max-content;
  max-width:min(300px,78vw);
  transform:translateX(-50%);
  padding:10px 12px;
  border-radius:10px;
  background:#0f172a;
  color:#fff;
  font:400 12px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  text-align:left;
  white-space:normal;
  box-shadow:0 10px 30px rgba(2,6,23,.34);
  opacity:0;
  visibility:hidden;
  transition:opacity .14s ease;
  pointer-events:none;
}
.px-hint:hover::after,
.px-hint:focus-visible::after,
.px-hint.is-open::after{
  opacity:1;
  visibility:visible;
}
/* Pri okraji obrazovky sa bublina nesmie orezať. */
@media (max-width:520px){
  .px-hint::after{
    left:0;
    transform:none;
    max-width:min(300px,86vw);
  }
}
@media (prefers-reduced-motion:reduce){
  .px-hint::after{transition:none}
}
@media print{
  .px-hint::after{display:none}
  .px-hint{border-bottom:0}
}