.tooltip-container{position:relative;display:inline-block;z-index:5}.custom-tooltip{display:none;position:absolute;bottom:120%;left:50%;transform:translateX(-50%);padding:6px 10px;font-size:12px;background-color:#f5f5f5;color:#333;border-radius:6px;width:220px;min-width:220px;white-space:normal;text-align:left;line-height:1.4;box-shadow:0 2px 8px rgba(0,0,0,0.1);&:after{content:'';position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#f5f5f5 transparent transparent}}.tooltip-container:hover .custom-tooltip,.tooltip-container:focus-within .custom-tooltip{display:block}@media (max-width:768px){.custom-tooltip{font-size:12px;max-width:90vw;white-space:normal;line-height:1.4}}