/* --- GLOBAL: THE "GHOSTLY REFLECTION" PALETTE --- */
body {
    background: #f5f5f5; /* Pale, ghostly off-white background */
    color: #333333;      /* Deep charcoal grey text (not pure black) */
    font-family: 'Courier New', Courier, monospace; /* Monospace for a clinical, archival feel */
    font-size: 12px;
    margin: 0;
    padding: 10px;
    cursor: none !important; /* Keeps your custom cursor */
    letter-spacing: 0.05em;
}

/* --- CUSTOM CURSOR --- 
}

/* --- TOP ELEMENTS --- */
.header-gallery { 
    display: flex; 
    justify-content: center; 
    gap: 25px; 
    border-bottom: 1px solid #cccccc; /* Light grey separator */
    padding: 8px; 
    font-weight: bold; 
}

.top-banner { 
    text-align: center; 
    border-bottom: 1px solid #cccccc; 
    padding: 15px 0; 
}

h1 { 
    color: #778899; /* Cool, desaturated Steel Grey accent */
    margin: 0; 
    font-size: 22px; 
    font-weight: normal; 
    text-transform: uppercase; 
    letter-spacing: 0.2em; 
    line-height: 1.1;
}

.top-marquee { 
    border: 1px solid #cccccc; 
    color: #555555; 
    padding: 4px; 
    margin: 10px 0; 
    background: #ffffff; /* Pure white block for contrast */
    font-size: 10px;
}

/* --- LAYOUT --- */
.wrapper { 
    display: flex; 
    gap: 15px; 
    margin-top: 15px; 
    align-items: flex-start; 
}

.sidebar { 
    width: 200px; 
    border: 1px solid #cccccc; 
    padding: 8px; 
    background: #ffffff;
}

.main-content { 
    flex: 1; 
    border: 1px solid #cccccc; 
    padding: 15px; 
    background: #ffffff;
}

/* --- HEADERS (The Banners) --- */
.header-banner { 
    background: #eeeeee; /* Slightly darker grey bar */
    color: #555555; 
    padding: 4px 8px; 
    font-weight: bold; 
    border-bottom: 1px solid #cccccc; 
    margin-bottom: 10px; 
    text-transform: uppercase; 
    font-size: 11px;
}

/* --- LINKS --- */
a { 
    color: #778899; /* Steel Grey links */
    text-decoration: none; 
    transition: 0.3s ease-in-out; 
}

a:hover { 
    color: #333333; /* Links turn dark charcoal on hover */
    text-decoration: underline;
}

/* Helper class for dates */
.date { color: #999999; }

/* --- CONTENT BOXES --- */
.news-box { 
    padding: 8px; 
    margin-bottom: 15px; 
    line-height: 1.5;
}

footer { 
    border-top: 1px solid #cccccc; 
    margin-top: 25px; 
    padding: 20px; 
    text-align: center; 
    font-size: 10px; 
    color: #aaaaaa; 
    text-transform: uppercase;
    letter-spacing: 0.1em;
}