/* Стиль для ключевых слов */
    .keyword {
        position: relative;
        display: inline-block;
        cursor: help;
        border-bottom: 2px dashed #3498db; /* Синее пунктирное подчёркивание */
        color: #2c3e50; /* Цвет текста */
        font-weight: bold; /* Жирный шрифт */
    }
    
    /* Стиль для всплывающей подсказки */
    .keyword::after {
        content: attr(title);
        position: absolute;
        bottom: 125%; /* Позиция над словом */
        left: 50%;
        transform: translateX(-50%);
        background-color: #2c3e50;
        color: white;
        padding: 8px 12px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: normal;
        white-space: nowrap;
        opacity: 0; /* Скрыто по умолчанию */
        visibility: hidden;
        transition: opacity 0.3s;
        z-index: 100;
        box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    }
    
    /* Стрелка подсказки */
    .keyword::before {
        content: "";
        position: absolute;
        bottom: 60%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: #2c3e50 transparent transparent transparent;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s;
        z-index: 101;
    }
    
    /* Показ подсказки при наведении */
    .keyword:hover::after,
    .keyword:hover::before {
        opacity: 1;
        visibility: visible;
    }