/* Vobix Elegance — community surface improvements only; no JS or API changes. */
body.communityPage .communityWrap{max-width:960px;padding:clamp(12px,3vw,24px) 14px max(24px,env(safe-area-inset-bottom,0px))}
body.communityPage .communityTitle h1{font-size:clamp(23px,5vw,30px);line-height:1.2;margin:4px 0 16px;letter-spacing:-.025em}
body.communityPage .communityTabs{display:flex;gap:8px;padding:3px 1px 11px;scrollbar-width:thin;scroll-snap-type:x proximity}
body.communityPage .communityTabs button{flex:0 0 auto;min-height:44px;padding:10px 14px;border-radius:14px;scroll-snap-align:start;white-space:nowrap;transition:background-color .15s ease}
body.communityPage .communityTabs button[aria-current]{background:#1677ed;color:#fff;box-shadow:0 3px 12px rgba(22,119,237,.18)}
body.communityPage .communitySectionTitle{gap:10px;flex-wrap:wrap}
body.communityPage .communitySectionTitle h2{font-size:clamp(18px,4.5vw,21px);line-height:1.25;margin-block:12px}
body.communityPage .communityCards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}
body.communityPage .communityCard{min-width:0;padding:15px;border-radius:16px}
body.communityPage .communityCard :is(h3,p){overflow-wrap:break-word}
body.communityPage :is(.statusHiddenMenu,.statusCardOptions){border-radius:14px}
body.communityPage :is(button,a,input,select,textarea):focus-visible{outline:3px solid #79baff;outline-offset:2px}
@media(max-width:440px){body.communityPage .communityTabs button{padding-inline:11px;font-size:13px}body.communityPage .communityCard{padding:13px}}
@media(prefers-reduced-motion:reduce){body.communityPage .communityTabs button{transition:none}}

/* Community polish: coherent controls and compact forms, safely scoped. */
body.communityPage .communityWrap{
  --community-accent:#1677ed;
  --community-outline:#dbe8f4;
  --community-shadow:0 7px 22px rgba(16,65,106,.07);
}
body.communityPage .communityCards .communityCard{
  border-color:var(--community-outline);
  box-shadow:var(--community-shadow);
}
body.communityPage .communityCard :is(button,.phaseButton){
  min-height:44px;
  border-radius:12px;
}
body.communityPage .communitySectionTitle :is(button,a){
  min-height:44px;
}
body.communityPage .communityTabs button:focus-visible{
  outline:3px solid #85c2ff;
  outline-offset:2px;
}
body.communityPage :is(.statusHiddenPerson,.statusCardOptions) > span{
  min-width:0;
  overflow-wrap:break-word;
}
@media(max-width:600px){
 body.communityPage .communityWrap{padding-inline:12px}
 body.communityPage .communitySectionTitle{align-items:flex-start}
 body.communityPage .communityCards{grid-template-columns:minmax(0,1fr)}
}
/* Legible card copy on the light Vobix surfaces. */
@layer vobixLight{
 body:not(.seniorHighContrast):not(.contrast).communityPage :is(.communityHero,.communityCard,.statusWelcome){background:#fff!important;color:#173b51!important;border:1px solid #d4e5f1!important}
 body:not(.seniorHighContrast):not(.contrast).communityPage :is(.communityHero,.communityCard,.statusWelcome) :is(h2,h3,b,strong){color:#153b53!important;opacity:1!important}
 body:not(.seniorHighContrast):not(.contrast).communityPage :is(.communityHero,.communityCard,.statusWelcome) :is(p,small,.phaseNote,.sectionEyebrow){color:#4b6578!important;opacity:1!important}
}
body.communityPage .communityCard h3{font-size:18px!important;font-weight:700;line-height:1.35}
body.communityPage .communityCard p{font-size:15px!important;line-height:1.5}
body.communityPage .communityHero .sectionEyebrow{font-size:13px!important;letter-spacing:.02em}
body.communityPage .statusWelcome{position:relative;border-radius:20px;padding:20px!important;margin:14px 0 18px}
body.communityPage .statusWelcome .communitySectionTitle{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body.communityPage #newStatus{min-height:48px!important;border-radius:16px!important;font-size:16px!important;background:#0784d5!important;color:#fff!important}
body.communityPage .statusWelcomeIcon{width:48px;height:48px;padding:9px;margin-bottom:10px;border-radius:16px;background:#e3f3ff;color:#087ac1}
body.communityPage .statusWelcomeIcon svg{width:30px;height:30px}
body.communityPage .statusPrivacyLink{display:inline-flex;min-height:44px;align-items:center;color:#0765a5!important;font-weight:600}