/* 1. Основной контейнер */
    .tg-chat-wrapper {
        background: linear-gradient(135deg, #d4bfff 0%, #ffc8dd 50%, #fde2c2 100%);
        border-radius: 12px;
        padding: 20px;
        margin: 20px 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
        font-size: medium;
    }

    /* 2. Дата / Тема */
    .tg-topic-date {
        text-align: center;
        align-self: center;
        background: rgba(0, 0, 0, 0.25);
        color: white;
        padding: 4px 12px;
        border-radius: 14px;
        // font-size: 12px;
        margin: 15px 0 10px;
        font-weight: 600;
        backdrop-filter: blur(2px);
    }

    /* 3. Базовый стиль сообщения */
    .tg-msg {
        max-width: 80%;
        padding: 8px 12px;
        // font-size: 15px;
        line-height: 1.45;
        /* Убрали position: relative, чтобы сноски позиционировались глобально */
        word-wrap: break-word;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }
    
    /* Сбрасываем отступы у P, чтобы не ломать верстку пузыря */
    .tg-msg p { margin: 0; padding: 0; }
    .tg-msg img { max-width: 100%; height: auto; border-radius: 8px; }

    /* 4. ВОПРОС (Справа, Персиковый) */
    .tg-msg.question {
        align-self: flex-end;
        background-color: #fff0d6;
        color: #000;
        border-radius: 12px 12px 2px 12px;
        margin-left: 20%;
    }

    /* 5. ОТВЕТ (Слева, Белый) */
    .tg-msg.answer {
        align-self: flex-start;
        background-color: #ffffff;
        color: #000;
        border-radius: 12px 12px 12px 2px;
        margin-right: 20%;
    }

@media (max-width: 999px) {
    .tg-msg.question { margin-left: 10%; }
    .tg-msg.answer { max-width: 90%; }
}