/* --- Core Layout --- */
body {
    font-family: 'Maven Pro', sans-serif;
    margin: 0;
    background-color: #fcfcfc;
    color: #333;
    line-height: 1.6;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* --- Header & Nav --- */
.site-header {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    margin-bottom: 40px;
}

.site-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo { margin: 0; font-size: 1.5rem; color: #2c3e50; }
.sub-logo { font-weight: 400; color: #7f8c8d; }

.site-nav a {
    text-decoration: none;
    color: #555;
    margin-left: 20px;
    font-weight: 500;
}

.site-nav a:hover { color: #000; }

/* --- Table Headers --- */
.indexheading {
    font-size: 2rem;
    margin-bottom: 30px;
    border-left: 5px solid #A4F5A4;
    padding-left: 15px;
}

/* --- YOUR CUSTOM RANKING COLORS (From 02_PJIPstyles.css) --- */
.topfive { background-color: #A4F5A4; }
.QOne    { background-color: #D3F5A4; }
.QTwo    { background-color: #E9F5A4; }
.QThree  { background-color: #F5EEA4; }
.QFour   { background-color: #F5C5A4; }

.topfive, .QOne, .QTwo, .QThree, .QFour {
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
    font-weight: bold;
    min-width: 40px;
    text-align: center;
}

/* --- DataTables Overrides --- */
table.dataTable {
    border-collapse: collapse !important;
    font-size: 0.9rem;
}

table.dataTable thead th {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6 !important;
    padding: 12px 10px !important;
}

table.dataTable td {
    border-bottom: 1px solid #CFCFCF;
    padding: 12px 10px !important;
}

/* Hover effect from your original style */
.rankingtable tbody tr:hover {
    background-color: #e9eaf0 !important;
}

/* Responsive adjustments for Mobile */
@media (max-width: 768px) {
    .site-header .container { flex-direction: column; text-align: center; }
    .site-nav { margin-top: 15px; }
    .indexheading { font-size: 1.5rem; }
}