/* Two-Column Feature widget styles.
   Port of the inline <p style="..."> rules the prototype applies inside
   .col-text for sections like "Our Purpose", "Global Spiritual Community",
   "Our Mission", "Our Founder". Moving them here keeps the markup clean
   while preserving visual parity — same tokens, same outcome.

   Selectors are scoped with `>` so these rules only style top-level lead
   paragraphs — not paragraphs nested inside other widgets' markup that
   reuses .col-text (e.g. Steps Feature's .step-body p). */

.col-text > p {
    color: var(--color-text-secondary);
}
.col-text > p + p {
    margin-top: var(--space-4);
}
.col-text > p:first-of-type {
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
}

/* Portrait visual (used by "Our Founder"): plain flex column, no .col-visual
   aspect-ratio box around it. */
.two-col-portrait {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
}

/* Re-assert radius on the portrait image — Elementor Site Settings
   (Theme Style → Images) can set a global img border-radius that beats
   the single-class .founder-photo rule on specificity. This widget-scoped
   rule is more specific and restores the design-system token. */
.two-col-portrait .founder-photo {
    border-radius: var(--radius-2xl);
}