@charset "UTF-8";
/* CSS Document */
body {
    font-family: 'Times New Roman', Times, serif;
    line-height: 1.6;
    color: #333; /* Dark gray for text */
    background-color: #f8f9fa; /* Light gray background */
}

.container {
    max-width: 900px; /* Wider container */
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd; /* Subtle border */
    border-radius: 5px; /* Rounded corners */
}

h1, h2, h3 {
    font-weight: 600;
    color: #222; /* Even darker gray for headings */
}

h1 {
    font-size: 2.5rem; /* Larger font size for the main title */
}

h2 {
    font-size: 1.8rem;
    margin-top: 2rem;
    border-bottom: 2px solid #333;
    padding-bottom: 0.5rem;
}

h3 {
    font-size: 1.3rem;
    margin-top: 1.5rem;
}

.lead {
    font-size: 1.1rem;
    color: #555; /* Slightly lighter gray for the introductory paragraph */
	text-align: left;
}

.table td {
    padding: 1rem;
}

.pdf-item a {
    color: #0056b3; /* A darker blue for links */
    text-decoration: none;
}

.pdf-item a:hover {
    text-decoration: underline;
}
/* ... existing light mode styles ... */

/* Dark Mode */
.dark-mode body {
    color: #eee; /* Light gray text */
    background-color: #212529; /* Dark background */
}

.dark-mode .container {
    background-color: #343a40; /* Darker container background */
    border-color: #6c757d; /* Darker border */
}

.dark-mode h1, .dark-mode h2, .dark-mode h3 {
    color: #f8f9fa; /* Light gray headings */
}

.dark-mode .lead {
    color: #adb5bd; /* Lighter gray for intro paragraph */
}

.dark-mode .pdf-item a {
    color: #74a3d9; /* Lighter blue for links */
}
.dark-mode .pdf-item a font[color="#DD8B39"] {
    color: #e9ecef !important;
}
.dark-mode .table,
.dark-mode .table > tbody > tr > td,
.dark-mode .list-group-item {
    background-color: #495057; /* Dark background for the table cells */
    color: #e9ecef;
}