/* styles for the terms and conditions page (terms-and-conditions.php) */
.page-header-section {
    background: linear-gradient(to right, #4A00E0, #8E2DE2); /* Different gradient for legal pages */
}
.content-outer-section {
    padding-top: 3rem; /* py-12 */
    padding-bottom: 3rem; /* py-12 */
    background-color: #ffffff; /* bg-white */
}
/* Styles for the user-styled-content to maintain readability and structure */
.user-styled-content strong {
    font-weight: bold;
    color: #34495E;
}
/* You may also want to explicitly style h1, h2, h3, p, a etc. here if they were originally inlined: */
.user-styled-content h1 { font-size: 2.2rem; color: #2C3E50; margin-bottom: 1.5rem; }
.user-styled-content h2 { font-size: 2rem; color: #2C3E50; margin-top: 2.5rem; margin-bottom: 1.5rem; }
.user-styled-content h3 { font-size: 1.5rem; color: #2980B9; margin-top: 2rem; margin-bottom: 1rem; }
.user-styled-content p { font-size: 1.125rem; color: #34495E; margin-bottom: 1rem; }
.user-styled-content a { color: #2980B9; text-decoration: underline; }