body {
    font-family: 'Share Tech Mono', monospace;
    background-color: #0a0f18; /* Dark blue/black */
    color: #c0c0c0; /* Light grey / silver */
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

header {
    background-color: #141c2e;
    padding: 20px 0;
    text-align: center;
    border-bottom: 2px solid #00ffff; /* Cyan accent */
}

header h1 {
    font-family: 'Orbitron', sans-serif;
    color: #00ffff; /* Cyan */
    margin: 0;
    font-size: 2.5em;
    text-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff;
}

header .email {
    color: #88ddff; /* Lighter cyan/blue */
    font-size: 0.9em;
    margin-top: 5px;
}

main {
    padding: 20px;
    width: 90%; /* Changed from max-width: 900px */
    margin: 20px auto;
}

.article-preview {
    background-color: #141c2e; /* Slightly lighter dark blue */
    border: 1px solid #2a3858;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.1);
}

.article-preview h2 {
    font-family: 'Orbitron', sans-serif;
    color: #90e0ef; /* Light blue */
    margin-top: 0;
    font-size: 1.8em;
}

.article-preview .date {
    font-size: 0.8em;
    color: #607b8b;
    margin-bottom: 10px;
    display: block;
}

.article-preview p {
    color: #a0b8c8;
    margin-bottom: 15px;
}

.read-more {
    display: inline-block;
    background-color: #00ffff;
    color: #0a0f18;
    padding: 8px 15px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.read-more:hover {
    background-color: #00b8b8;
    color: #ffffff;
    box-shadow: 0 0 10px #00ffff;
}

footer {
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #141c2e;
    color: #607b8b;
    font-size: 0.8em;
    margin-top: 30px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    header h1 {
        font-size: 2em;
    }
    .article-preview h2 {
        font-size: 1.5em;
    }
}



/* Styles for Full Article Pages */

.article-full-content {
    background-color: #101622; /* Slightly different from preview for distinction */
    border: 1px solid #2a3858;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.15);
}

.article-full-content h2 {
    font-family: 'Orbitron', sans-serif;
    color: #a0e8f0; /* Brighter blue for title */
    margin-top: 0;
    font-size: 2.2em;
    border-bottom: 1px solid #00ffff44;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.article-full-content .date {
    font-size: 0.85em;
    color: #708a9b;
    margin-bottom: 20px;
    display: block;
}

.article-full-content .content-body p {
    color: #b0c8d8;
    margin-bottom: 1.2em;
    line-height: 1.7;
    text-align: justify;
}

.back-link {
    display: inline-block;
    margin-top: 25px;
    background-color: #00ffff;
    color: #0a0f18;
    padding: 10px 18px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.back-link:hover {
    background-color: #00b8b8;
    color: #ffffff;
    box-shadow: 0 0 10px #00ffff;
}


/* Language Selector Styles */
.language-selector {
    margin-top: 15px;
    margin-bottom: 10px; /* Added some bottom margin */
    text-align: center;
}

.lang-flag {
    font-size: 1.2em; /* Increased font size for better visibility */
    margin: 0 10px;
    cursor: pointer;
    padding: 5px 8px;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease, text-shadow 0.3s ease;
    color: #88ddff; /* Default color */
    border: 1px solid transparent; /* For active state */
}

.lang-flag:hover {
    color: #00ffff;
    text-shadow: 0 0 5px #00ffff;
}

.lang-flag.active {
    color: #00ffff;
    background-color: rgba(0, 255, 255, 0.1);
    border: 1px solid #00ffff;
    text-shadow: 0 0 8px #00ffff;
}



/* Styles for Full Article Pages */

.article-full-content {
    background-color: #101622; /* Slightly different from preview for distinction */
    border: 1px solid #2a3858;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.15);
}

.article-full-content h2 {
    font-family: 'Orbitron', sans-serif;
    color: #a0e8f0; /* Brighter blue for title */
    margin-top: 0;
    font-size: 2.2em;
    border-bottom: 1px solid #00ffff44;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.article-full-content .date {
    font-size: 0.85em;
    color: #708a9b;
    margin-bottom: 20px;
    display: block;
}

.article-full-content .content-body p {
    color: #b0c8d8;
    margin-bottom: 1.2em;
    line-height: 1.7;
    text-align: justify;
}

.back-link {
    display: inline-block;
    margin-top: 25px;
    background-color: #00ffff;
    color: #0a0f18;
    padding: 10px 18px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.back-link:hover {
    background-color: #00b8b8;
    color: #ffffff;
    box-shadow: 0 0 10px #00ffff;
}


/* Styles for Full Article Pages */

.article-full-content {
    background-color: #101622; /* Slightly different from preview for distinction */
    border: 1px solid #2a3858;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.15);
}

.article-full-content h2 {
    font-family: 'Orbitron', sans-serif;
    color: #a0e8f0; /* Brighter blue for title */
    margin-top: 0;
    font-size: 2.2em;
    border-bottom: 1px solid #00ffff44;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.article-full-content .date {
    font-size: 0.85em;
    color: #708a9b;
    margin-bottom: 20px;
    display: block;
}

.article-full-content .content-body p {
    color: #b0c8d8;
    margin-bottom: 1.2em;
    line-height: 1.7;
    text-align: justify;
}

.back-link {
    display: inline-block;
    margin-top: 25px;
    background-color: #00ffff;
    color: #0a0f18;
    padding: 10px 18px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.back-link:hover {
    background-color: #00b8b8;
    color: #ffffff;
    box-shadow: 0 0 10px #00ffff;
}



/* Styles for Expandable Read More */
.read-more-button {
    display: inline-block;
    background-color: #00ffff;
    color: #0a0f18;
    padding: 8px 15px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border: none; /* Remove default button border */
    font-family: 'Share Tech Mono', monospace;
}

.read-more-button:hover {
    background-color: #00b8b8;
    color: #ffffff;
    box-shadow: 0 0 10px #00ffff;
}

.full-article-content {
    display: none; /* Hidden by default */
    margin-top: 15px;
    padding: 15px;
    background-color: #101622; /* Slightly darker than preview bg */
    border-left: 3px solid #00ffff;
    border-radius: 0 0 8px 8px; /* Match preview bottom radius */
    color: #b0c8d8;
}

.full-article-content p {
    margin-bottom: 1em;
    line-height: 1.7;
}

.read-more {
    
}