.root {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-24);
    padding: var(--spacing-32) var(--spacing-36);
    border-radius: var(--border-radius-lg);
}

/* Per-program gradients (exact Figma stops). */
.senescence {
    background: linear-gradient(
        0deg,
        #7a87a6 0%,
        #496e8d 16%,
        #195675 33%,
        #13435b 50%,
        #0e3041 66%,
        #081d27 83%,
        #000000 100%
    );
}

.hormones {
    background: linear-gradient(180deg, #0c171f 0%, #5a5188 70.69%, #d4ccfa 146.53%);
}

.metabolic {
    background: linear-gradient(180deg, #3a2a12 0%, #734414 40.18%, #a65927 80.36%, #a56a30 120.54%, #a1793d 160.71%);
}

.quote {
    color: var(--color-text-primary-inverted);
    width: 100%;
}

.author {
    display: flex;
    align-items: center;
    gap: var(--spacing-12);
}

.authorCentered {
    justify-content: center;
}

.authorTextCentered {
    align-items: center;
    text-align: center;
}

.authorText {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
}

.authorName {
    color: var(--color-text-primary-inverted);
}

.authorTitle {
    color: var(--color-text-secondary-inverted);
}