/* theomath front page index.css style sheet */

mark {
    background-color: lightyellow;
}

/* Hide the empty ul marker elements */
.most-cited,
.recent-updates {
    display: none;
}

/* Override the inline max-width and create flex container */
#content {
    max-width: none !important;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 0 2rem;
}

/* Make the title full width */
#content > .title {
    flex: 0 0 100%;
    width: 100%;
}

/* Three column layout for the outline-2 sections */
#content > .outline-2 {
    flex: 1 1 300px;
    min-width: 250px;
    padding: 0 1rem;
}

/* Add borders between columns */
#content > .outline-2:not(:last-child) {
    /*border-right: 1px solid #ddd;*/
}

/* Responsive design for smaller screens */
@media (max-width: 968px) {
    #content {
        padding: 0 1rem;
        gap: 0;
    }

    #content > .outline-2 {
        flex: 1 1 100%;
        padding: 0;
        border-right: none !important;
        margin-bottom: 0;
    }

    #content > .outline-2:not(:last-child) {
        /*border-bottom: 1px solid #ddd;*/
        padding-bottom: 0;
    }
}

/* Style the h4 elements */
.outline-4 h4 {
    margin: 0.5rem 0;
    font-size: 1rem;
}

.outline-4 h4 a {
    color: blue;
}