@layer pages {
    .content {
        padding: 20px;
        margin: 100px auto 0 auto; /* Auto left and right margins for horizontal centering */
        width: 100%;
        max-width: 1400px; /* Main project page width controller */
        text-align: left;
        box-sizing: border-box; /* Ensures padding is included within the width */
    }

    .sub-title {
        width: 100%;
        text-transform: uppercase;
        text-align: left;
        justify-content: center;
        font-size: calc(1em + 1vw);
        font-weight: 500;
        border: 0px solid #ddd;
    }

    /* Legal/standards link styling (e.g., TDM-RESERVATION) — keep plain text look */
    .about-text a[href*="w3.org/community/reports/tdmrep"]:link,
    .about-text a[href*="w3.org/community/reports/tdmrep"]:visited,
    .about-text a[href*="w3.org/community/reports/tdmrep"]:hover,
    .about-text a[href*="w3.org/community/reports/tdmrep"]:focus {
        color: inherit;
        text-decoration: none;
    }
}