.tooltip{position:relative;cursor:help;border-bottom:1px dotted #60a5fa;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.tooltip:hover,.tooltip:focus{color:#3b82f6}.tooltip::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#e0f0ff;color:#1e3a8a;padding:10px 14px;border-radius:8px;font-size:14px;z-index:1000;box-shadow:0 6px 24px rgb(30 58 138 / .06);border:1px solid #93c5fd;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(.4,0,.2,1);width:200px}.tooltip:hover::after,.tooltip:focus::after{opacity:1;visibility:visible}@media screen and (max-width:768px){.tooltip::after{padding:6px 10px;bottom:calc(100% + 6px)}}