details {
            background-color: #ffffff;
            border: 1px solid #ddd;
            border-radius: 8px;
            margin-bottom: 15px;
            padding: 10px 15px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        }

        summary {
            font-weight: bold;
            background-color: #ffffff;
            font-size: 1.1em;
            cursor: pointer;
            outline: none;
            padding: 10px 0;
            color: #700101;
            list-style: none;  Убирает стандартный маркер по умолчанию */
        }

        /* Добавляем красивую стрелочку для summary */
        summary::after {
            content: ' ▼';
            float: right;
            font-size: 0.8em;
            color: #000000;
            transition: transform 0.3s ease;
        }

        details[open] summary::after {
            transform: rotate(180deg);
        }

        .hidden-text {
            margin-top: 10px;
            padding-top: 10px;
            /*border-top: 1px solid #eee;*/
            color: #000000;
            line-height: 1.5;