    <!-- Styles from Original Page Content (modified) - Kept inline for page-specific overrides/additions -->
        html {
            scroll-behavior: smooth;
            font-size: 100%;
            scroll-padding-top: 100px; /* Adjust this value based on your nav bar's actual height */
        }
        body {
            font-size: 17px; /* Specific to old page content, kept */
            line-height: 1.7; /* Original page content used 1.7, might be preferred for readability of long text */
        }

        /* Hero Section */
        .service-hero {
            position: relative;
            background-image: url('/content/images/life-transitions.jpg');
            background-size: cover; background-position: center center;
            background-attachment: fixed;
            color: var(--text-color-light); text-align: center;
            padding: 120px 0 140px 0;
            min-height: 70vh;
            display: flex; flex-direction: column; justify-content: center; align-items: center;
            width: 100%;
        }
        .service-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(50, 50, 30, 0.65); z-index: 1; }
        .service-hero .container { position: relative; z-index: 2; }
        .service-hero h1 { font-family: var(--font-secondary); font-size: clamp(2.5rem, 6vw, 3.8rem); margin-bottom: 20px; font-weight: 700; line-height: 1.2; text-shadow: 1px 1px 5px rgba(0,0,0,0.6); }
        .service-hero p.subhead { font-family: var(--font-primary); font-size: clamp(1.15rem, 2.8vw, 1.4rem); max-width: 750px; margin: 0 auto 40px; opacity: 0.95; font-weight: 300; }
        /* Button styles are now handled by /global/styles/global.css */

        /* Main Content Area Styling */
        .page-content { width: 100%; }
        .content-section { padding-top: 70px; padding-bottom: 70px; width: 100%; }
        .content-section[data-aos] { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
        .content-section.aos-animate { opacity: 1; transform: translateY(0); }

        .content-section.bg-white { background-color: var(--background-white); }
        .content-section.bg-off-white { background-color: var(--background-off-white); }
        .content-section.bg-light { background-color: var(--background-light); }

        .content-section .section-title { font-family: var(--font-secondary); font-size: clamp(2rem, 5vw, 2.8rem); color: var(--secondary-color); text-align: center; margin-bottom: 45px; font-weight: 700; position: relative; padding-bottom: 15px; }
        .content-section .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 70px; height: 3px; background-color: var(--accent-color); }
        .content-section h3 { font-family: var(--font-secondary); font-size: 1.7rem; color: var(--primary-color); margin-top: 30px; margin-bottom: 18px; }
        .content-section p, .content-section li { font-size: 1.1rem; color: var(--text-color-dark); margin-bottom: 20px; line-height: 1.8; }
        .content-section ul { list-style: none; padding-left: 0; }
        .content-section ul li { padding-left: 30px; position: relative; margin-bottom: 12px; }
        .content-section ul li::before { content: '\f058'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--primary-color); position: absolute; left: 0; font-size: 1.1em; }
        .content-section strong { color: var(--secondary-color); font-weight: 700; }
        .content-section blockquote { border-left: 5px solid var(--accent-color); padding: 20px 25px; margin: 35px 0; font-style: italic; color: #555; background-color: var(--background-off-white); border-radius: var(--border-radius); box-shadow: 2px 2px 10px rgba(0,0,0,0.05); }
        .content-section blockquote p { margin-bottom:0; font-size: 1.05rem; }

        /* Topics/Service Grid */
        .topics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 30px; margin-top: 40px; }
        .topic-card { background-color: var(--background-white); padding: 35px 30px; border-radius: var(--border-radius); text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; border-top: 4px solid var(--primary-color); }
        .topic-card:hover { transform: translateY(-8px); box-shadow: 0 10px 25px rgba(0,0,0,0.12); }
        .topic-card .icon-container { color: var(--accent-color); font-size: 2.8rem; margin-bottom: 20px; background-color: rgba(212, 163, 115, 0.1); width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; }
        .topic-card h3 { font-family: var(--font-secondary); font-size: 1.4rem; margin-bottom: 12px; color: var(--secondary-color); min-height: auto; margin-top:0; }
        .topic-card p { font-size: 0.98rem; flex-grow: 1; margin-bottom:25px; }
        .topic-card .learn-more-btn { display: inline-block; background-color: transparent; color: var(--accent-color); border: 2px solid var(--accent-color); padding: 12px 24px; text-decoration: none; border-radius: var(--border-radius); font-weight: 700; transition: all 0.3s ease; margin-top: auto; font-size:0.95rem; }
        .topic-card .learn-more-btn:hover, .topic-card .learn-more-btn:focus-visible { background-color: var(--accent-color); color: var(--text-color-light); }

        /* Meet Karen Section */
        .meet-karen-section { padding-top: 70px; padding-bottom: 70px; }
        .meet-karen-content { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; }
        .meet-karen-image { flex: 1 1 300px; text-align: center; max-width: 280px; margin: 0 auto 30px auto; }
        .meet-karen-image img { max-width: 100%; height: auto; border-radius: var(--border-radius); box-shadow: 0 8px 25px rgba(0,0,0,0.12); border: 6px solid var(--background-white); }
        .meet-karen-text { flex: 2 1 400px; }
        .meet-karen-text .section-title { text-align: left; margin-bottom: 25px; }
        .meet-karen-text .section-title::after { left: 0; transform: translateX(0); width:60px; }
        .meet-karen-text p { font-size: 1.1rem; }
        /* Button styles are now handled by /global/styles/global.css */

        /* Mid-page CTA Section */
        .mid-cta-section { padding-top: 60px; padding-bottom: 60px; text-align: center; }
        .mid-cta-section h2 { font-family: var(--font-secondary); font-size: clamp(1.8rem, 4vw, 2.4rem); margin-bottom: 20px; color: var(--secondary-color); border-bottom: none; }
        .mid-cta-section p { font-size: 1.15rem; margin-bottom: 30px; color: #555; max-width: 650px; margin-left:auto; margin-right:auto;}

        /* Full Width CTA Banner */
        .cta-banner-section { padding: 70px 0; background-color: var(--primary-color); color: var(--text-color-light); text-align: center; margin: 0; width: 100%; }
        .cta-banner-section h2 { font-family: var(--font-secondary); font-size: clamp(1.8rem, 4vw, 2.5rem); margin-bottom: 20px; color: var(--text-color-light); border-bottom: none; }
        .cta-banner-section p { font-size: 1.15rem; margin-bottom: 30px; opacity: 0.9; max-width:700px; margin-left:auto; margin-right:auto; }
        /* Button styles are now handled by /global/styles/global.css */

        /* Accordion (FAQ) */
        .faq-section { padding-bottom: 30px; width: 100%; }
        .accordion-item { margin-bottom: 10px; border: 1px solid #ddd; border-radius: var(--border-radius); overflow:hidden;}
        .accordion-button { cursor: pointer; padding: 20px 25px; width: 100%; text-align: left; border: none; outline: none; transition: background-color 0.3s; background-color: var(--background-light); color: var(--secondary-color); font-family: var(--font-primary); font-weight: 700; font-size: 1.15rem; display: flex; justify-content: space-between; align-items: center; }
        .accordion-button:hover { background-color: #e9e9e9; }
        .accordion-button::after { content: '+'; font-size: 1.6rem; color: var(--primary-color); transition: transform 0.3s ease; }
        .accordion-button[aria-expanded="true"]::after { content: '−'; }
        .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out, padding 0.4s ease-out; background-color: var(--background-white); }
        .accordion-content p { padding: 0 25px; margin-bottom: 0; font-size: 1.05rem; }

        /* Footer styles are now handled by /global/styles/footer.css */


        /* Responsive styles for content */
        @media (max-width: 768px) {
            .service-hero { padding: 100px 0 120px 0; min-height: 65vh; }
            .content-section { padding-top: 50px; padding-bottom: 50px; }
            .meet-karen-image { margin-left:auto; margin-right:auto; max-width: 220px; }
            .meet-karen-text .section-title { text-align: center; }
            .meet-karen-text .section-title::after { left: 50%; transform: translateX(-50%); }
            .container { width: 90%; }
            .topics-grid { grid-template-columns: 1fr; }
        }