.eald-experiences-shell {
    margin-top: -1.5rem;
    margin-bottom: 0;
    background: #ececee;
    color: #1f2937;
}

.eald-experiences-section {
    padding: clamp(1.2rem, 3.1vw, 2.2rem) 0;
}

/* Deep links from EALD Living home pathway secondary CTAs under sticky header */
.eald-experiences-section[id] {
    scroll-margin-top: 5.75rem;
}

.eald-experiences-copy .eald-experiences-inline-link {
    font-weight: 600;
    text-underline-offset: 0.12em;
}

.eald-experiences-section--light .eald-experiences-inline-link {
    color: #1e3a5f;
}

.eald-experiences-section--dark .eald-experiences-inline-link {
    color: #c7d2fe;
}

.eald-experiences-section--light {
    background: #ececee;
    color: #1f2937;
}

.eald-experiences-section--dark {
    background: #2f2d44;
    color: #f2f4ff;
}

.eald-experiences-card {
    width: min(1040px, 95vw);
    margin: 0 auto;
}

.eald-experiences-card h1,
.eald-experiences-card h2 {
    margin: 0 0 1.1rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 500;
    line-height: 1.08;
}

.eald-experiences-lead {
    margin: 0 0 1.25rem;
    max-width: 52rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.1rem, 1.65vw, 1.42rem);
    line-height: 1.43;
}

.eald-experiences-grid--stacked {
    margin-top: clamp(1.5rem, 3.5vw, 2rem);
}

.eald-experiences-yealdi-link {
    margin: clamp(1.25rem, 3vw, 1.85rem) 0 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.05rem, 1.45vw, 1.4rem);
    line-height: 1.43;
}

.eald-experiences-section--dark .eald-experiences-lead {
    color: #e8eaff;
}

.eald-experiences-section--light .eald-experiences-lead {
    color: #374151;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .eald-experiences-section--dark .eald-experiences-lead {
    color: #eef2ff;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .eald-experiences-section--light .eald-experiences-lead {
    color: #cbd5f5;
}

.eald-experiences-grid {
    display: grid;
    grid-template-columns: minmax(170px, 0.36fr) minmax(0, 1fr);
    gap: clamp(0.85rem, 2.3vw, 1.4rem);
    align-items: start;
}

.eald-experiences-role {
    border-right: 1px solid rgba(96, 103, 120, 0.38);
    padding-right: clamp(0.65rem, 1.5vw, 1rem);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1rem, 1.55vw, 1.45rem);
    line-height: 1.5;
}

.eald-experiences-copy p {
    margin: 0 0 1rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.05rem, 1.45vw, 1.4rem);
    line-height: 1.43;
}

.eald-experiences-copy p:last-child {
    margin-bottom: 0;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .eald-experiences-shell {
    background: #0f172a;
    color: #e5e7eb;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .eald-experiences-section--light {
    background: #111827;
    color: #e5e7eb;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .eald-experiences-section--dark {
    background: #26233a;
    color: #eef2ff;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .eald-experiences-role {
    border-right-color: rgba(203, 213, 225, 0.34);
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .eald-experiences-section--light .eald-experiences-inline-link {
    color: #93c5fd;
}

:is([data-theme="dark"], [data-bs-theme="dark"]) .eald-experiences-section--dark .eald-experiences-inline-link {
    color: #c7d2fe;
}

@media (max-width: 900px) {
    .eald-experiences-grid {
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }

    .eald-experiences-role {
        border-right: 0;
        border-bottom: 1px solid rgba(96, 103, 120, 0.38);
        padding-right: 0;
        padding-bottom: 0.7rem;
    }

    :is([data-theme="dark"], [data-bs-theme="dark"]) .eald-experiences-role {
        border-bottom-color: rgba(203, 213, 225, 0.34);
    }
}