/* --- Configuration --- */
:root {
    /* Updated: Light theme colors */
    --bg-color: #ffffff; /* White background */
    --text-color: #333333; /* Dark grey text */
    --secondary-bg: #f8f8f8; /* Very light grey for container */
    --border-color: #dddddd; /* Light grey border */
    --link-color: #007bff; /* Standard blue link color */
    --link-hover-color: #0056b3; /* Darker blue on hover */
    /* Updated: Clean sans-serif font */
    --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* --- Reset & Base --- */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-main); /* Updated font */
    background-color: var(--bg-color); /* Updated background */
    color: var(--text-color); /* Updated text color */
    line-height: 1.7; /* Slightly increased line-height for readability */
    font-size: 22px; /* Increased from 18px */
    padding: 0.5rem; /* Reduced from 1rem */
}

/* --- Layout --- */
.container {
    max-width: 760px;
    margin: 1.5rem auto; /* Reduced top/bottom margin from 3rem */
    padding: 1rem; /* Reduced padding from 2.5rem */
}

/* --- Typography --- */
h1, h2 {
    color: var(--text-color); /* Updated: Use main text color */
    margin-bottom: 1.5rem; /* Adjusted spacing */
    font-weight: 600; /* Slightly less bold */
    letter-spacing: 0.5px; /* Reduced letter spacing */
}

h1 {
    font-size: 2.2rem; /* Adjusted size */
    text-align: left; /* Changed from center to left */
    margin-bottom: 1.5rem; /* Reduced from 2.5rem */
}

h2 {
    font-size: 1.4rem; /* Adjusted size */
    margin-top: 2.5rem; /* Add margin top to separate content blocks */
}
h2:first-of-type {
    margin-top: 0; /* Remove top margin for the very first h2 */
}

p {
    margin-bottom: 1.25rem; /* Adjusted spacing */
}

a {
    color: var(--link-color); /* Updated link color */
    text-decoration: none;
    transition: color 0.2s ease; /* Simplified transition */
}

a:hover,
a:focus {
    color: var(--link-hover-color); /* Updated hover color */
    text-decoration: underline; /* Add underline on hover for clarity */
}

ul {
    list-style: disc; /* Updated: Use standard disc bullets */
    padding-left: 1.5em; /* Indent list */
    margin-bottom: 1.25rem; /* Adjusted spacing */
}

/* Removed empty header rule */

/* Removed nav and nav a styles */

/* Removed section styles */

/* Removed .separator styles */

footer {
    margin-top: 3rem;
    text-align: center;
    font-size: 0.9rem;
    color: #777;
    border-top: 1px solid var(--border-color);
    padding-top: 1.5rem;
}

/* --- Responsiveness (Basic Example) --- */
@media (max-width: 600px) {
    body {
        padding: 0.25rem; /* Reduced from 0.5rem */
        font-size: 19px; /* Increased from 17px */
    }
    .container {
        margin: 1rem auto; /* Reduced top/bottom margin from 1.5rem */
        padding: 0.5rem; /* Reduced padding from 1.5rem */
    }
    h1 {
        font-size: 1.8rem;
    }
    h2 {
        font-size: 1.25rem;
        margin-top: 2rem; /* Adjust margin for mobile */
    }
    /* Removed nav a styles */
}