.info-hint {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-inline: 6px;
    border: 1px solid currentColor;
    border-radius: 50%;
    color: var(--accent-color, #d63384);
    background: var(--bg-secondary, #fff);
    font: 700 13px/1 Georgia, serif;
    vertical-align: middle;
    cursor: help;
    user-select: none;
}
.info-hint:hover, .info-hint:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
body.hide-info-icons .info-hint { display: none !important; }
.info-hint-popup {
    position: fixed;
    z-index: 100001;
    width: max-content;
    max-width: min(320px, calc(100vw - 16px));
    box-sizing: border-box;
    padding: 12px 16px;
    border: 1px solid var(--accent-color, #f472b6);
    border-radius: 10px;
    background: var(--bg-secondary, #fff);
    color: var(--text-primary, #1e293b);
    box-shadow: 0 8px 28px #0003;
    font: 14px/1.6 system-ui, sans-serif;
    pointer-events: none;
}
.info-hint-popup[hidden] { display: none; }