.tip{position:relative;display:inline;color:#D4A855;cursor:help;outline:none}
.tip:focus-visible{text-decoration:underline}
.tip-box{position:absolute;left:0;top:calc(100% + 10px);z-index:1000;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;padding:14px 16px;box-sizing:border-box;border-radius:8px;background:#0D1326;border:1px solid #3A4460;box-shadow:0 14px 36px rgba(0,0,0,.55);font-size:14px;line-height:1.55;font-weight:400;color:#B9C2D6;text-align:left;white-space:normal;letter-spacing:normal;text-transform:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}
.tip-up .tip-box{top:auto;bottom:calc(100% + 10px);transform:translateY(-4px)}
.tip:hover .tip-box,.tip:focus .tip-box,.tip:focus-within .tip-box{opacity:1;visibility:visible;transform:none;pointer-events:auto}
section:has(.tip:hover),section:has(.tip:focus-within){z-index:999!important}
.tip-box ul{margin:8px 0 0;padding-left:18px}.tip-box li{margin:2px 0}
@media (max-width:860px){.tip-box,.tip-up .tip-box{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto;max-width:none;max-height:calc(100vh - 32px);transform:none}}