/* My VA Disability Page */

/* Certified Conditions */
#certified-conditions {
    margin-bottom: 30px;
    padding: 20px;
    background-color: #1A1A1A; /* Dark gray for contrast on black */
    border-radius: 5px; /* Use border-radius from global.css */
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1); /* White shadow for contrast */
    color: #FFFFFF; /* White text for readability */
}

#certified-conditions h2 {
    font-size: 22px;
    color: #007BFF; /* Bright blue for headings */
    margin-bottom: 15px;
}

.certified-list {
    list-style: none;
    padding: 0;
}

.certified-list li {
    font-size: 16px;
    line-height: 1.8;
    color: #FFFFFF; /* White text */
    padding: 5px 0;
    border-bottom: 1px solid #333; /* Dark gray border */
}

.certified-list li:last-child {
    border-bottom: none;
}

/* In Progress Conditions */
#in-progress-conditions {
    padding: 20px;
    background-color: #1A1A1A; /* Dark gray for contrast on black */
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1); /* White shadow */
    color: #FFFFFF; /* White text */
}

#in-progress-conditions h2 {
    font-size: 22px;
    color: #007BFF; /* Bright blue for headings */
    margin-bottom: 20px;
}

/* Individual Condition Styling */
.condition {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #333; /* Dark gray border */
    border-radius: 5px;
    background: #1A1A1A; /* Dark gray background */
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1); /* White shadow */
    color: #FFFFFF; /* White text */
}

.condition h3 {
    font-size: 20px;
    color: #007BFF; /* Bright blue for subheadings */
    margin-bottom: 10px;
}

.condition-segment {
    margin-bottom: 15px;
}

.condition-segment h4 {
    font-size: 16px;
    font-weight: bold;
    color: #007BFF; /* Bright blue for segments */
    margin-bottom: 5px;
}

.condition-segment p {
    font-size: 14px;
    color: #FFFFFF; /* White text */
    line-height: 1.6;
}

/* Responsive Design */
@media (max-width: 768px) {
    #certified-conditions, #in-progress-conditions {
        padding: 15px;
    }

    .condition {
        padding: 10px;
    }

    .condition h3 {
        font-size: 18px;
    }

    .condition-segment h4 {
        font-size: 14px;
    }

    .condition-segment p {
        font-size: 13px;
    }
}