.results p {
    margin: 30px 0px 30px 0px;
}

.results strong {
    color: #ff0b0b;
}

.toc-container {
    background-color: #000000;
    text-align: center;
    font-family: sans-serif;
    padding: 20px 0;
}

.toc-toggle {
    color: #ff0b0b;
    letter-spacing: 2px;
    font-weight: bold;
    list-style: none; /* Removes the default arrow icon */
    outline: none;
}

/* Removes the default arrow in WebKit browsers (Chrome/Safari) */
.toc-toggle::-webkit-details-marker {
    display: none;
}

.toc-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 15px;
    padding: 25px 20px 5px 20px;
    background-color: #000000;
    border-top: 1px solid #222; /* Slight separator between title and links */
    margin-top: 15px;
}

.toc-wrapper a {
    color: #bfb8af;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 1px;
}

.toc-wrapper a:hover {
    color: #ffffff; /* Visual feedback on hover */
}

.stats-container {
    background-color: #000000;
    font-family: sans-serif;
    padding: 20px 0;
}

.stats-toggle {
    color: #ff0b0b;
    font-size: 100%;
    letter-spacing: 2px;
    font-weight: bold;
    list-style: none;
    outline: none;
    text-align: center;
}

.stats-toggle::-webkit-details-marker {
    display: none;
}

.stats-content {
    padding: 25px 20px 5px 20px;
    background-color: #000000;
    border-top: 1px solid #222;
    margin-top: 15px;
	text-align:center;
}

.stats-content p {
}

.stats-container h5 {
    font-size: 100%;
}