/* ====================================================
   Стили для конкурсных списков (главные спойлеры)
   ==================================================== */
.konkurs-spoiler { 
    margin-bottom: 20px; 
    background: #ffffff; 
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    border: 1px solid #eef0f2;
}

.konkurs-spoiler summary { 
    padding: 16px 20px; 
    font-weight: 700; 
    font-size: 1.15em; 
    color: #0056b3; 
    background-color: #fcfcfc;
    cursor: pointer; 
    border-radius: 8px; 
    list-style: none; 
    outline: none; 
    margin: 0;
    transition: background-color 0.2s ease;
}

.konkurs-spoiler summary:hover {
    background-color: #f0f4f8;
}

.konkurs-spoiler summary::-webkit-details-marker { 
    display: none; 
}

.konkurs-spoiler[open] summary { 
    border-bottom-left-radius: 0; 
    border-bottom-right-radius: 0; 
    border-bottom: 1px solid #eef0f2; 
}

/* ====================================================
   Анимация и контейнер ссылок
   ==================================================== */
.konkurs-links { 
    padding: 15px 20px; 
    display: flex; 
    flex-direction: column; 
    gap: 8px; 
}

/* Плавный выезд списка при открытии */
.konkurs-spoiler[open] .konkurs-links {
    animation: fadeInDown 0.3s ease-out;
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ====================================================
   Стили для вложенных целевых списков (под-спойлеры)
   ==================================================== */
.konkurs-sub-spoiler {
    border: 1px solid #ddebff;
    border-radius: 6px;
    background: #f8fbff;
    margin-top: 6px;
    margin-bottom: 6px;
}

.konkurs-sub-spoiler summary {
    padding: 12px 16px;
    font-weight: 600;
    font-size: 1.05em;
    color: #0056b3;
    background-color: #eaf3ff;
    border-radius: 6px;
}

.konkurs-sub-spoiler summary:hover {
    background-color: #dce9fa;
}

.konkurs-sub-spoiler[open] summary { 
    border-bottom-left-radius: 0; 
    border-bottom-right-radius: 0; 
    border-bottom: 1px solid #ddebff; 
}

.konkurs-sub-links {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #ffffff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* ====================================================
   Оформление самих ссылок (СУПЕР-ЭФФЕКТ НАВЕДЕНИЯ)
   ==================================================== */
.konkurs-links a, .konkurs-sub-links a { 
    color: #333333; 
    text-decoration: none; 
    font-size: 1.05em; 
    display: inline-flex; 
    align-items: center; 
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid transparent; /* Невидимая рамка, чтобы ничего не дергалось */
    transition: all 0.2s ease;
}

.konkurs-links a::before, .konkurs-sub-links a::before { 
    content: "📄"; 
    margin-right: 10px; 
    font-size: 1.2em; 
}

/* То, что вы просили: синий фон и оранжевая рамка при наведении */
.konkurs-links a:hover, .konkurs-sub-links a:hover { 
    color: #0056b3; 
    background-color: #eaf3ff; 
    border: 1px solid #ff6b00;
    text-decoration: none; 
}