.flyout-trigger {
    cursor: help;
    border-bottom: 1px dotted #888;
}

/* Inhalte versteckt halten */
.flyout-content {
    display: none;
}

/* Globales Flyout */
#global-flyout {
    display: none;
    position: fixed;
    max-width: 320px;

    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);

    z-index: 9999;
}

/* Hover nur auf Desktop */
@media (hover: hover) {
    .flyout-trigger:hover {
        text-decoration: underline;
    }
}