/* style/about.css */

/* Base styles for the page-about scope */
.page-about {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #ffffff; /* Default text color for dark body background */
    background-color: transparent; /* Body background handled by shared.css */
    padding-top: var(--header-offset, 120px); /* Ensure content is below fixed header */
}

/* Container for consistent content width */
.page-about__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Section styling */
.page-about__section {
    padding: 60px 0;
}

/* Color schemes based on background */
.page-about__dark-bg {
    background-color: #121212; /* Inherited from body, but can be explicitly set for sections */
    color: #ffffff;
}

.page-about__light-bg {
    background-color: #2a2a2a; /* Slightly lighter dark for contrast sections */
    color: #ffffff;
}