/* Base font and background */
#wrapper-header #page-n002 {
    color: #3E3A39;
    line-height: 1.7;
    position: relative;
    /* background-color: #FFFFFF; /* Background handled by page-wrapper below */
}

/* V3 Change: Main page wrapper */
#wrapper-header #page-n002.page-wrapper {
    max-width: 800px;
    /* Limit overall content width */
    width: 100%; /* Ensure it takes full available width up to max-width */
    margin-left: auto;
    /* Center the wrapper horizontally */
    margin-right: auto;
    /* Center the wrapper horizontally */
    background-color: #F5F1E6;
    /* Ensure wrapper background matches body in case of visual overflow */
    position: relative; /* Added for absolute positioning context */
    /* Optional: Add top/bottom margin if needed */
    /* margin-top: 1rem; */
    /* margin-bottom: 1rem; */
    padding-bottom: 4rem; /* Add padding to prevent overlap */

    /* Added from style107-108.css */
    padding: 20px; /* Override previous padding-bottom or adjust as needed. Add general padding. */
    margin-bottom: 2.5rem; 
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); /* Enhanced shadow */
    border-radius: 5px;
    background-color: #DECFCB;
    /* overflow-x: hidden; Added globally via #wrapper-header > .page-wrapper */
}

/* Table of Contents Section Styles */
#wrapper-header #page-n002 .toc-section {
    background-color: #DECFCB;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5rem 0;
    width: 100%; /* Ensure toc-section also respects container width */
    box-sizing: border-box;
}

/* More specific img rule from original */
#wrapper-header #page-n002 .toc-section img {
    width: 75%;
    max-width: 100%; /* Ensure image does not exceed its container */
    height: auto; /* Maintain aspect ratio, added for consistency */
}

#wrapper-header #page-n002 .page-n2-image {
    font-family: 'Noto Sans TC' !important;
    position: absolute; /* Use absolute positioning */
    bottom: 2rem;       /* 1rem from the bottom */
    left: 50%;          /* Center horizontally */
    transform: translateX(-50%); /* Precise horizontal centering */
    width: 100%;        /* Ensure it spans the container width */
    text-align: center; /* Center the text within the element */
    font-size: 1.5rem;
    /* margin: auto; /* Removed as it's not needed for absolute centering */
} 

@media (max-width: 480px) {
    #wrapper-header #page-n002 .page-n2-image {
        font-size: 1.2rem;
        /* margin: auto; /* Removed as it's not needed for absolute centering */
    } 
}