body.communityPage.vobixOrganized .communityWrap{max-width:760px;box-sizing:border-box;padding:8px 14px calc(12px + var(--vobix-safe-bottom,0px));margin-inline:auto}
body.communityPage.vobixOrganized .communityTitle{text-align:center;padding:0}
body.communityPage.vobixOrganized .communityTitle h1{font-size:20px;line-height:1.25;letter-spacing:-.3px}
body.communityPage.vobixOrganized .communityTabs{grid-template-columns:repeat(2,minmax(0,1fr));border:0;margin:10px 0 12px;padding:0;gap:6px}
body.communityPage.vobixOrganized .communityTabs>button{min-height:48px;border-radius:12px;font-size:14px;white-space:nowrap;overflow-wrap:normal;line-height:1.2;gap:3px;padding:5px 6px}
body.communityPage.vobixOrganized .communityTabs>button>span{white-space:nowrap}
body.communityPage.vobixOrganized .communityTabs svg{width:19px;height:19px}
body.communityPage.vobixOrganized .communitySectionTitle{justify-content:center;text-align:center}
body.communityPage.vobixOrganized .statusWelcome{text-align:center;padding:12px 14px;border:1px solid #e1edf5;border-radius:18px;margin-bottom:8px}
body.communityPage.vobixOrganized .statusWelcomeIcon{display:grid;place-items:center;margin:0 auto 16px;width:60px;height:60px;border-radius:20px;background:#e5f4ff;color:#087dad}
.statusWelcomeIcon svg{width:32px;height:32px}
body.communityPage.vobixOrganized .statusWelcome h2{font-size:19px;line-height:1.3;letter-spacing:-.3px;overflow-wrap:normal}
body.communityPage.vobixOrganized .statusWelcome .phaseNote{max-width:360px;margin:6px auto 10px;font-size:14px;line-height:1.4}
body.communityPage.vobixOrganized .statusWelcome .phaseButton{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 24px;border-radius:12px;font-size:16px}
body.communityPage #statusList>.phaseNote{text-align:center;border:1px dashed #cfdee8;border-radius:14px;padding:10px 14px;margin:0;font-size:14px;line-height:1.4}
body.communityPage #profileSection>h2,body.communityPage .profilePhotoEditor>.phaseNote{text-align:center}
body.communityPage .profilePhotoActions{justify-content:center}
body.communityPage .communityTabs>button:focus-visible,body.communityPage .phaseButton:focus-visible{outline:3px solid #087dad;outline-offset:3px}
@media(min-width:580px){body.communityPage.vobixOrganized .communityTabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:no-preference){body.communityPage :is(.communityTabs>button,.phaseButton){transition:background-color .16s ease,transform .16s ease}body.communityPage :is(.communityTabs>button,.phaseButton):active{transform:scale(.98)}body.communityPage .communityWrap>section:not([hidden]){animation:communityReveal .18s ease-out}@keyframes communityReveal{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}
@layer vobixLight{
 body.communityPage:not(.seniorHighContrast):not(.contrast){background:#f7fbfe!important;color:#19313f!important}
 body.communityPage:not(.seniorHighContrast):not(.contrast) .phaseHeader{background:#fff!important;color:#087dad!important;border-color:#e6eef4!important;box-shadow:none!important}
 body.communityPage:not(.seniorHighContrast):not(.contrast) .phaseHeader :is(a,b,span){color:#087dad!important}
 body.communityPage:not(.seniorHighContrast):not(.contrast) :is(.statusWelcome,.communityCard,#profileSection){background:#fff!important;border-color:#e1edf5!important;box-shadow:none!important}
 body.communityPage:not(.seniorHighContrast):not(.contrast) .communityTabs>button{background:#edf4f9!important;color:#456171!important;box-shadow:none!important;border:1px solid transparent!important}
 body.communityPage:not(.seniorHighContrast):not(.contrast) .communityTabs>button[aria-current]{background:#e0f2ff!important;color:#0875a6!important;border-color:#b9dff5!important}
 body.communityPage:not(.seniorHighContrast):not(.contrast) .statusWelcome .phaseButton{background:#0086ce!important;color:#fff!important;border-color:#0086ce!important;box-shadow:0 4px 12px #0086ce1c!important}
 body.communityPage:not(.seniorHighContrast):not(.contrast) :is(.phaseNote,.communityCard p){color:#5c7180!important}
}
@media(max-width:360px){body.communityPage.vobixOrganized .communityTabs>button{padding-inline:2px}}
@layer vobixLight{
 body.communityPage:not(.seniorHighContrast):not(.contrast) .profilePhotoChoice{background:transparent!important;color:#0875a6!important;box-shadow:none!important;border:0!important}
 body.communityPage:not(.seniorHighContrast):not(.contrast) .phaseHeader>a{background:#eef7fc!important;border-radius:14px;padding:0 10px;color:#0875a6!important;text-decoration:none}
 body.communityPage:not(.seniorHighContrast):not(.contrast) #profileSection .phaseButton:not(.secondary){background:#0086ce!important;color:#fff!important;box-shadow:none!important}
 body.communityPage:not(.seniorHighContrast):not(.contrast) #profileSection .phaseButton.secondary{background:#edf6fc!important;color:#166387!important;box-shadow:none!important}
}

/* Keep the community hub within a phone's first screen, without clipping content. */
body.communityPage.vobixOrganized>.phaseHeader{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;min-height:56px;gap:6px;padding:calc(6px + var(--vobix-safe-top,0px)) 12px 6px;box-sizing:border-box}
body.communityPage.vobixOrganized>.phaseHeader>b{grid-column:2;grid-row:1;font-size:18px;line-height:1.2;white-space:nowrap}
body.communityPage.vobixOrganized>.phaseHeader>a:first-child{grid-column:1;grid-row:1;min-height:44px;font-size:14px;padding:0 8px;white-space:nowrap}
body.communityPage.vobixOrganized .statusWelcomeIcon{display:none}
body.communityPage.vobixOrganized .statusWelcome>.communitySectionTitle{margin:0}
html:is([data-vobix-font=large],[data-vobix-font=xlarge]) body.communityPage.vobixOrganized .communityTabs>button{min-height:54px;font-size:16px;padding:5px 2px}
html:is([data-vobix-font=large],[data-vobix-font=xlarge]) body.communityPage.vobixOrganized .statusWelcome .phaseNote{font-size:16px}
@media(max-height:650px){body.communityPage.vobixOrganized .communityTitle{display:none}body.communityPage.vobixOrganized .communityTabs{margin-top:0}body.communityPage.vobixOrganized .statusWelcome{padding:10px 12px}body.communityPage #statusList>.phaseNote{padding:8px 12px}}