.discript-n-title > h1 {
    text-align: center; 
    margin-top: 0;
    color: #003C09;
}

.discript-n-title {
    margin-top: 10px;
}

#test-modal {
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(0,0,0,0.5); 
    z-index: 9999; 
    justify-content: center; 
    align-items: center; 
    padding: 20px;
}

.test-content-block {
    background: #fff; 
    max-width: 800px; 
    width: 100%; 
    max-height: 90vh;
    overflow-y: auto; 
    border-radius: 20px; 
    padding: 30px; 
    position: relative; 
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

/** ------ ЭКРАН СТАРТОВЫЙ ------ */
#modal-start-screen {
    display: block;
}

#modal-close-btn {
    position: absolute; 
    top: 15px; 
    right: 20px; 
    background: none; 
    border: none; 
    font-size: 28px; 
    cursor: pointer; 
    color: #003C09; 
    padding: 0; 
    line-height: 1;
}

#modal-test-title {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center; 
    color: #003C09; 
    margin-bottom: 25px;
}

#modal-test-description {
    text-align: center; 
    line-height: 1.6;
}

#modal-start-btn {
    padding: 15px 30px; 
    background: #4CAF50; 
    color: white; 
    border: none; 
    border-radius: 10px; 
    font-size: 18px; 
    font-weight: bold;
    cursor: pointer;
}

.statistics-block {
    display: flex; 
    justify-content: center; 
    gap: 30px; 
    margin: 20px 0;
}

#questions-count,
#time-count {
    text-align: center;
}

.modal-test-questions-n-time-stat {
    font-size: 28px; 
    font-weight: bold; 
    color: #003C09;
}

.modal-text-view {
    color: #888; font-size: 14px;
}

#modal-start-btn:hover { 
    background: #003C09; 
}

.counter-n-button {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}

.start-test-button-box {
    text-align: center; 
    margin-top: 30px;
}

/** ------ ЭКРАН ВОПРОСА ------ */
#modal-question-screen {
    display: none;
}

.modal-progress-box {
    width: 100%; 
    background: #eee; 
    border-radius: 10px; 
    height: 10px; 
    margin-bottom: 20px;
}

#modal-progress-bar {
    height: 10px; 
    background: #4CAF50; 
    border-radius: 10px; 
    width: 0%; 
    transition: width 0.3s;
}

#modal-question-text {
    font-size: 20px; 
    font-weight: bold; 
    margin-bottom: 25px; 
    color: #333;
}

#modal-answers-list {
    list-style: none; 
    padding: 0; 
    margin: 0 0 25px 0;
}

#modal-question-counter {
    color: #888;
}

#modal-next-btn {
    padding: 12px 35px; 
    background: #003C09; 
    color: white; 
    border: none; 
    border-radius: 10px; 
    font-weight: bold;
    font-size: 16px; 
    cursor: pointer; 
    opacity: 0.5; 
    transition: opacity 0.3s;
}

/** ------ ЭКРАН РЕЗУЛЬТАТА ------ */
#modal-result-screen {
    display: none;
}

.result-n-button {
    text-align: center; 
    margin-top: 20px;
}

#modal-restart-btn {
    padding: 12px 35px; 
    background: #4CAF50; 
    color: white; 
    border: none; 
    border-radius: 10px; 
    font-size: 16px; 
    cursor: pointer;
}

#modal-restart-btn:hover {
    background: #003C09;
}

.test-diagnosis {
    background:#f0f8ff; 
    padding:20px; 
    border-radius:10px; 
    border-left:4px solid #4CAF50;
}

.test-diagnosis > p {
    line-height:1.8; 
    margin:0;
}

.test-result-count {
    text-align:center; 
    color:#999; 
    margin-top:15px;
}

#test-modal {
    animation: fadeIn 0.3s ease;
}

#modal-result-container > h2 {
    text-align: center;
    margin-bottom: 10px;
    color: #002305;
}

/** -------- Реакции и мобильность -------- */

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

#test-modal > div {
    animation: slideDown 0.4s ease;
}

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

#modal-answers-list label:hover {
    background: #f0f0f0;
}

@media (max-width: 600px) {
    #test-modal > div {
        padding: 20px 15px;
        max-height: 95vh;
    }

    #modal-question-text {
        font-size: 17px !important;
    }

    #modal-start-btn, 
    #modal-next-btn, 
    #modal-restart-btn {
        padding: 12px 25px !important;
        font-size: 15px !important;
    }
}