*:hover > .field-hint,
*:focus > .field-hint {
    opacity: 1;
    visibility: visible;
}

.field-hint {
    position: absolute;
    top: 100%;
    left: 0;
    color: #666;
    font-size: 12px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s;
    z-index: 2;
    background: white;
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

    .field-hint:hover {
        z-index: 6
    }