/* Shared controls for the member screens. Keep video, crisis, and avatar surfaces distinct. */
.app #screen-home #home-leader-chip{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px}
.app #screen-home #home-leader-chip-av{width:64px;height:64px;max-width:none;border-radius:50%;object-fit:cover;object-position:center 35%;border:2px solid white;box-sizing:border-box;display:block}
.app #screen-home #home-leader-chip .home-leader-chip-name{font-size:15px;line-height:1.35}
.app #screen-home #home-leader-chip .home-leader-chip-cta{font-size:12px;color:#175fa5}
.app #screen-home #home-leader-chip>button,.app #screen-home #home-leader-chip>a{grid-column:1/-1}
@media(max-width:370px){.app #screen-home #home-leader-chip{grid-template-columns:64px minmax(0,1fr)}.app #screen-home #home-leader-chip .home-leader-chip-cta{grid-column:2}}
.app{--fm-control:#175fa5;--fm-ink:#173755;--fm-muted:#536d85;--fm-line:#d4e3f0;--fm-soft:#eaf3fc;--fm-display:var(--font-display,Georgia),Georgia,serif}
.app .screen > :is(.home-nav,.nav){display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:56px;height:auto;padding:6px 12px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--fm-line);box-sizing:border-box}
.app .screen > :is(.home-nav,.nav) :is(.home-nav-title,.nav-title){position:static;transform:none;width:auto;min-width:0;text-align:center;font:600 17px/1.3 var(--font-body,Arial),sans-serif;letter-spacing:0;color:var(--fm-ink);white-space:normal;overflow-wrap:break-word;margin:0}
.app .screen > :is(.home-nav,.nav) :is(.home-nav-brand,.home-nav-actions,.nav-side){width:44px;min-width:0;display:flex;align-items:center;justify-content:center;margin:0}
.app .screen > :is(.home-nav,.nav) :is(.menu-btn,.nav-btn){width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;color:var(--fm-control);box-sizing:border-box;cursor:pointer}
.app .screen > :is(.home-nav,.nav) .nav-btn svg{width:20px;height:20px}
.app .screen > .scroll{scroll-padding-bottom:24px}
.app :is(#screen-home,#screen-leaders,#screen-care,#screen-give,#screen-community,#screen-profile) .btn.dark,
.app :is(#screen-home,#screen-leaders,#screen-care,#screen-give,#screen-community,#screen-profile) .btn.primary{background:var(--fm-control);color:white;border:1px solid var(--fm-control);border-radius:9px;min-height:44px;font-size:15px;line-height:1.4;box-shadow:none}
.app :is(#screen-home,#screen-leaders,#screen-care,#screen-give,#screen-community,#screen-profile) .btn.soft{background:var(--fm-soft);color:#244f77;border:1px solid var(--fm-line);border-radius:9px;min-height:44px;font-size:15px}
.app :is(.gv-tabs,.cn-tabs,.cn-people-tabs,.gv-activity-tabs){display:flex;gap:0;padding:0;background:white;border:1px solid var(--fm-line);border-radius:8px;overflow:hidden}
.app :is(.gv-tab,.cn-tab,.cn-people-tab,.gv-activity-tab){flex:1;min-width:0;min-height:44px;padding:11px 7px;background:transparent;border:0;border-radius:0;color:#365675;font-size:13px;line-height:1.4;box-shadow:none;font-weight:600}
.app :is(.gv-tab,.cn-tab,.cn-people-tab,.gv-activity-tab).active{background:#e1effc;color:var(--fm-control);box-shadow:inset 0 -2px var(--fm-control)}
.app :is(.gv-cause-ftab,.cn-filter,.cn-filter-chip,.gv-fund){width:auto;min-height:40px;padding:9px 13px;line-height:1.4;font-size:13px;border:1px solid var(--fm-line);border-radius:20px;background:#f2f9fc;color:#365675;white-space:normal}
.app :is(.gv-cause-ftab,.cn-filter,.cn-filter-chip,.gv-fund).active{background:#dcecfb;color:#174e7f;border-color:#83b0d5}
.app :is(#screen-home,#screen-leaders,#screen-care,#screen-give,#screen-community,#screen-profile) :is(input,textarea,select){font-family:inherit;font-size:16px;line-height:1.5;box-sizing:border-box;min-width:0;max-width:100%}
.app :is(.cn-search,.gv-search,.ld-search){border-color:var(--fm-line);background:#f6faff;color:var(--fm-ink)}
.app :is(.cn-comp-act,.cn-rsvp,.gv-action,.ld-action-btn){min-height:44px}
.app :is(.cn-group-row,.cn-person-row,.care-option)>div{min-width:0}
.app :is(.cn-group-row,.cn-person-row,.care-option) :is(strong,p){overflow-wrap:anywhere}
.app :is(button,a,input,textarea,select,[role=button]):focus-visible{outline:3px solid #3285bf;outline-offset:2px}
.app button:disabled{cursor:default;opacity:.55}
@media(prefers-reduced-motion:reduce){.app .tab-icon,.app .btn{transition:none}}
/* Explicit screen scope outranks the legacy page ID rules without !important. */
.app #screen-community :is(.cn-feed-filter,.cn-ev-filter,.cn-wall-filter){width:auto;min-height:44px;padding:9px 13px;font:600 13px/1.4 var(--font-body,Arial),sans-serif;white-space:normal;border:1px solid var(--fm-line);border-radius:20px;background:#f2f9fc;color:#365675}
.app #screen-community :is(.cn-feed-filter,.cn-ev-filter,.cn-wall-filter).active{background:#dcecfb;color:#174e7f;border-color:#83b0d5}
.app #screen-community :is(.cn-tabs,.cn-people-tabs),.app #screen-give :is(.gv-tabs,.gv-activity-tabs){display:flex;gap:0;padding:0;background:white;border:1px solid var(--fm-line);border-radius:8px;overflow:hidden}
.app #screen-community :is(.cn-tab,.cn-people-tab),.app #screen-give :is(.gv-tab,.gv-activity-tab){flex:1;min-width:0;min-height:44px;padding:11px 7px;background:transparent;border:0;border-radius:0;color:#365675;font-size:13px;font-weight:600;line-height:1.4;box-shadow:none}
.app #screen-community :is(.cn-tab,.cn-people-tab).active,.app #screen-give :is(.gv-tab,.gv-activity-tab).active{background:#e1effc;color:var(--fm-control);box-shadow:inset 0 -2px var(--fm-control)}
.app #screen-leaders .mobile-leadership-heading h1,.app #screen-give .fm-wallet-heading h1,.app #screen-community .fmc-heading h1,.app #screen-profile #jy-scroll .jy-title{font-family:var(--fm-display);font-size:28px;font-weight:700;line-height:1.18;letter-spacing:-.02em;color:var(--fm-ink);margin:0 0 8px}
.app #screen-leaders .mobile-leadership-heading p,.app #screen-give .fm-wallet-heading p,.app #screen-community .fmc-heading p,.app #screen-profile #jy-scroll .jy-tagline{font-size:15px;line-height:1.55;color:var(--fm-muted);margin:0}
.app #screen-community :is(.fmc-hero,.cn-ge-hero) h2,.app #screen-profile #jy-scroll .fmj-hero h2,.app #screen-care .cr-hero h2{font-family:var(--fm-display);font-size:28px;font-weight:700;line-height:1.18;letter-spacing:-.02em;color:white}
.app #screen-profile #jy-scroll .jy-card-head,.app #screen-care h3,.app #screen-community .cn-widget-head strong{font-family:var(--fm-display);font-size:22px;font-weight:700;line-height:1.25;color:var(--fm-ink)}
.app #screen-profile #jy-scroll .jy-nav-btn{font-family:inherit;font-size:12px;justify-content:center}
.app #screen-community :is(.cn-people-tab,.cn-tab) svg,.app #screen-profile #jy-scroll .jy-jtab svg{color:currentColor}
.app #screen-give .gv-cause-ftab{width:auto;flex-shrink:0;min-height:44px;font-size:13px;padding:9px 13px;color:#365675;background:#f2f9fc;border:1px solid var(--fm-line);border-radius:20px}
.app #screen-give .gv-cause-ftab.active{background:#dcecfb;border-color:#83b0d5;color:#174e7f}
.app #screen-community :is(.cn-tab,.cn-people-tab):focus-visible,.app #screen-profile .jy-nav-btn:focus-visible{outline:3px solid #3285bf;outline-offset:-3px}
@media(max-width:350px){.app #screen-community .cn-tab,.app #screen-profile #jy-scroll .jy-nav-btn{font-size:12px;padding-left:3px;padding-right:3px}}