.community-domain-body #commPanelFeed .community-right-rail { position: sticky; top: 14px; display: grid; gap: 10px; width: var(--comm-rail-width); min-width: 0; }
.community-domain-body #commPanelFeed .community-rail-card { overflow: hidden; margin: 0; padding: 0; color: var(--comm-text); background: linear-gradient(145deg, var(--comm-card-surface), rgba(7, 32, 73, .92)); border: 1px solid var(--comm-border); border-radius: var(--comm-radius-panel); box-shadow: var(--comm-card-shadow); }
.community-domain-body #commPanelFeed .community-rail-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; padding: 12px 14px 10px; border-bottom: 1px solid rgba(137,181,224,.14); }
.community-domain-body #commPanelFeed .community-rail-head h3 { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: var(--comm-text); font-size: 13px; }
.community-domain-body #commPanelFeed .community-rail-head h3 i { display: grid; width: 28px; height: 28px; margin: 0; place-items: center; color: var(--comm-cyan); background: rgba(22,200,239,.14); border: 1px solid rgba(22,200,239,.22); border-radius: 9px; }
.community-domain-body #commPanelFeed .community-rail-card--coach .community-rail-head h3 i { color: var(--comm-purple); background: rgba(124,58,237,.16); border-color: rgba(124,58,237,.34); }
.community-domain-body #commPanelFeed .community-rail-card--team .community-rail-head h3 i { color: var(--comm-success); background: rgba(34,197,94,.14); border-color: rgba(34,197,94,.3); }
.community-domain-body #commPanelFeed .community-rail-card--events .community-rail-head h3 i { color: var(--comm-orange); background: rgba(255,122,24,.14); border-color: rgba(255,122,24,.3); }
.community-domain-body #commPanelFeed .community-rail-head button { padding: 4px 0; color: var(--comm-cyan); background: transparent; border: 0; font-size: 10px; font-weight: 600; cursor: pointer; transition: color var(--comm-transition); }
.community-domain-body #commPanelFeed .community-rail-head button:hover,
.community-domain-body #commPanelFeed .community-rail-head button:focus-visible { color: #fff; }
.community-domain-body #commPanelFeed .community-featured-events,
.community-domain-body #commPanelFeed .community-rail-list { display: grid; }
.community-domain-body #commPanelFeed .community-featured-event,
.community-domain-body #commPanelFeed .community-rail-person,
.community-domain-body #commPanelFeed .community-team-spotlight { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; align-items: center; min-height: 60px; margin: 3px 10px; padding: 8px; background: rgba(5,27,63,.42); border: 1px solid transparent; border-radius: 10px; transition: background var(--comm-transition), border-color var(--comm-transition), transform var(--comm-transition); }
.community-domain-body #commPanelFeed .community-featured-event:first-child,
.community-domain-body #commPanelFeed .community-rail-person:first-child,
.community-domain-body #commPanelFeed .community-team-spotlight:first-child { border-top: 0; }
.community-domain-body #commPanelFeed button.community-featured-event,
.community-domain-body #commPanelFeed .community-rail-person-main { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 9px; align-items: center; min-width: 0; padding: 0; color: inherit; text-align: left; background: transparent; border: 0; cursor: pointer; }
.community-domain-body #commPanelFeed .community-team-main { display: block; min-width: 0; padding: 0; color: inherit; text-align: left; background: transparent; border: 0; cursor: pointer; }
.community-domain-body #commPanelFeed button.community-featured-event { grid-template-columns: 48px minmax(0, 1fr) auto; width: 100%; }
.community-domain-body #commPanelFeed .community-featured-event img,
.community-domain-body #commPanelFeed .community-rail-person img,
.community-domain-body #commPanelFeed .community-team-logo img { width: 48px; height: 48px; object-fit: cover; border-radius: 9px; }
.community-domain-body #commPanelFeed .community-rail-person img { border-radius: 50%; }
.community-domain-body #commPanelFeed .community-featured-event strong,
.community-domain-body #commPanelFeed .community-rail-person strong,
.community-domain-body #commPanelFeed .community-team-spotlight strong { display: block; color: var(--comm-text); font-size: 11px; line-height: 1.25; }
.community-domain-body #commPanelFeed .community-featured-event span,
.community-domain-body #commPanelFeed .community-rail-person span,
.community-domain-body #commPanelFeed .community-team-spotlight span { display: block; margin-top: 3px; color: var(--comm-text-2); font-size: 9px; line-height: 1.25; }
.community-domain-body #commPanelFeed .community-rail-person > button:not(.community-rail-person-main),
.community-domain-body #commPanelFeed .community-team-spotlight > button:not(.community-team-main) { min-height: 30px; padding: 0 9px; color: var(--comm-text); background: var(--comm-interactive); border: 1px solid var(--comm-purple); border-radius: 8px; font-size: 10px; font-weight: 600; cursor: pointer; transition: color var(--comm-transition), background var(--comm-transition), transform var(--comm-transition); }
.community-domain-body #commPanelFeed .community-rail-person { margin: 3px 10px; padding: 8px; border: 1px solid transparent; border-radius: 10px; transition: background var(--comm-transition), border-color var(--comm-transition), transform var(--comm-transition); }
.community-domain-body #commPanelFeed .community-rail-person:hover,
.community-domain-body #commPanelFeed .community-rail-person:focus-within,
.community-domain-body #commPanelFeed .community-team-spotlight:hover,
.community-domain-body #commPanelFeed .community-team-spotlight:focus-within { background: rgba(124,58,237,.12); border-color: rgba(124,58,237,.38); transform: translateX(2px); }
.community-domain-body #commPanelFeed .community-rail-person > button:not(.community-rail-person-main):hover,
.community-domain-body #commPanelFeed .community-rail-person > button:not(.community-rail-person-main):focus-visible,
.community-domain-body #commPanelFeed .community-team-spotlight > button:not(.community-team-main):hover,
.community-domain-body #commPanelFeed .community-team-spotlight > button:not(.community-team-main):focus-visible { color: #fff; background: rgba(124,58,237,.28); transform: translateY(-1px); }
.community-domain-body #commPanelFeed .community-rail-copy,
.community-domain-body #commPanelFeed .community-team-copy { display: grid; justify-items: start; gap: 3px; width: 100%; min-width: 0; }
.community-domain-body #commPanelFeed .community-team-copy > .community-team-identity { display: grid; width: 100%; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 8px; min-width: 0; }
.community-domain-body #commPanelFeed .community-team-identity strong { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.community-domain-body #commPanelFeed .community-team-copy > .community-team-identity > .community-team-logo { display: grid; flex: 0 0 30px; width: 30px; height: 30px; place-items: center; overflow: hidden; color: var(--comm-success); background: rgba(34, 197, 94, .12); border: 1px solid rgba(34, 197, 94, .48); border-radius: 8px; }
.community-domain-body #commPanelFeed .community-team-logo img { width: 100%; height: 100%; object-fit: cover; }
.community-domain-body #commPanelFeed .community-team-logo i { font-size: 14px; }
.community-domain-body #commPanelFeed .community-team-role { display: inline-flex; margin-top: 1px; }
.community-domain-body #commPanelFeed .community-team-role .comm-role-pill { margin: 0; }
.community-domain-body #commPanelFeed .community-featured-empty { padding: 20px 8px; color: var(--comm-text-2); font-size: 11px; text-align: center; }

.community-domain-body .community-workouts-rail,
.community-domain-body .community-events-rail,
.community-domain-body .community-people-rail { position: sticky; top: 14px; display: grid; gap: 10px; width: var(--comm-rail-width); }
.community-domain-body .community-workouts-rail-card,
.community-domain-body .community-events-rail .community-rail-card,
.community-domain-body .community-people-rail-card { overflow: hidden; padding: 0; background: linear-gradient(145deg, var(--comm-card-surface), rgba(7, 32, 73, .92)); border: 1px solid var(--comm-border); border-radius: var(--comm-radius-panel); box-shadow: var(--comm-card-shadow); }
.community-domain-body .community-workouts-rail-card > header,
.community-domain-body .community-events-rail .community-rail-card > header,
.community-domain-body .community-people-rail-card > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; padding: 14px 14px 11px; border-bottom: 1px solid rgba(137,181,224,.14); }
.community-domain-body .community-workouts-rail-card h2,
.community-domain-body .community-events-rail h3,
.community-domain-body .community-people-rail-card h2 { margin: 0; color: var(--comm-text); font-size: 14px; font-weight: 700; }
.community-domain-body .community-workouts-rail-card > header > .community-workouts-rail-icon { display: grid; width: 34px; height: 34px; place-items: center; color: var(--comm-cyan); background: linear-gradient(145deg, rgba(22,200,239,.2), rgba(22,200,239,.05)); border: 1px solid rgba(22,200,239,.22); border-radius: 10px; box-shadow: 0 5px 14px rgba(0,0,0,.12); }
.community-domain-body .community-workouts-rail-card > header { margin: 0; padding: 12px 14px 10px; border-bottom: 1px solid rgba(137,181,224,.14); }
.community-domain-body .community-workouts-rail-card > header h2 { flex: 1; }
.community-domain-body .community-workout-popular-categories,
.community-domain-body .community-workout-coaches,
.community-domain-body .community-featured-teams { display: grid; padding: 7px 10px 10px; }
.community-domain-body .community-workout-popular-categories > button,
.community-domain-body .community-workout-coach-row,
.community-domain-body .community-featured-team-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; min-height: 54px; padding: 8px; color: inherit; text-align: left; background: rgba(5, 27, 63, .42); border: 1px solid transparent; border-radius: 10px; }
.community-domain-body .community-workout-popular-categories > button:first-child,
.community-domain-body .community-workout-coach-row:first-child,
.community-domain-body .community-featured-team-row:first-child { border-top: 0; }
.community-domain-body .community-workout-popular-categories > button { grid-template-columns: 36px minmax(0,1fr) auto; margin: 3px 0; padding: 8px; border: 1px solid transparent; border-radius: 10px; cursor: pointer; transition: background var(--comm-transition), border-color var(--comm-transition), transform var(--comm-transition); }
.community-domain-body .community-workout-popular-categories > button:hover,
.community-domain-body .community-workout-popular-categories > button:focus-visible { background: rgba(124,58,237,.12); border-color: rgba(124,58,237,.38); transform: translateX(2px); }
.community-domain-body .community-workout-popular-categories > button > span { display: grid; width: 36px; height: 36px; place-items: center; color: var(--comm-cyan); background: linear-gradient(145deg, rgba(22,200,239,.2), rgba(22,200,239,.05)); border: 1px solid rgba(22,200,239,.2); border-radius: 10px; }
.community-domain-body .community-workout-popular-categories em,
.community-domain-body .community-workout-coach-main em,
.community-domain-body .community-featured-team-main em { display: grid; min-width: 0; font-style: normal; }
.community-domain-body .community-workout-popular-categories strong,
.community-domain-body .community-workout-coach-main strong,
.community-domain-body .community-featured-team-main strong { color: var(--comm-text); font-size: 11px; }
.community-domain-body .community-workout-popular-categories small,
.community-domain-body .community-workout-coach-main small,
.community-domain-body .community-featured-team-main small { color: var(--comm-text-2); font-size: 9px; }
.community-domain-body .community-workout-coach-main,
.community-domain-body .community-featured-team-main { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 9px; min-width: 0; padding: 0; color: inherit; text-align: left; background: transparent; border: 0; cursor: pointer; }
.community-domain-body .community-workout-coach-row { grid-template-columns: minmax(0,1fr) auto; min-height: 62px; margin: 3px 10px; padding: 8px; border: 1px solid transparent; border-radius: 10px; transition: background var(--comm-transition), border-color var(--comm-transition), transform var(--comm-transition); }
.community-domain-body .community-workout-coach-row:hover,
.community-domain-body .community-workout-coach-row:focus-within { background: rgba(124,58,237,.12); border-color: rgba(124,58,237,.38); transform: translateX(2px); }
.community-domain-body .community-workout-coach-main > span,
.community-domain-body .community-featured-team-main > span { display: grid; width: 42px; height: 42px; overflow: hidden; place-items: center; background: var(--comm-raised); border: 2px solid rgba(22,200,239,.42); border-radius: 50%; box-shadow: 0 0 0 3px rgba(22,200,239,.08); }
.community-domain-body .community-workout-coach-main img,
.community-domain-body .community-featured-team-main img { width: 100%; height: 100%; object-fit: cover; }
.community-domain-body .community-workouts-rail-link,
.community-domain-body .community-people-rail-link { width: calc(100% - 20px); min-height: 34px; margin: 4px 10px 10px; color: var(--comm-cyan); background: rgba(22,200,239,.04); border: 1px solid var(--comm-border); border-radius: 9px; font-size: 10px; font-weight: 600; cursor: pointer; transition: color var(--comm-transition), background var(--comm-transition), border-color var(--comm-transition); }
.community-domain-body .community-workouts-rail-link:hover,
.community-domain-body .community-workouts-rail-link:focus-visible,
.community-domain-body .community-people-rail-link:hover,
.community-domain-body .community-people-rail-link:focus-visible { color: #fff; background: rgba(124,58,237,.24); border-color: var(--comm-purple); }
.community-domain-body .community-events-calendar header { display: grid; grid-template-columns: 34px 1fr 34px; align-items: center; }
.community-domain-body .community-events-calendar header button { display: grid; width: 32px; height: 32px; place-items: center; color: var(--comm-text); background: var(--comm-interactive); border: 1px solid var(--comm-border); border-radius: 8px; cursor: pointer; }
.community-domain-body .community-events-calendar header h3 { text-align: center; }
.community-domain-body .community-events-calendar__weekdays,
.community-domain-body .community-events-calendar__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }
.community-domain-body .community-events-calendar__weekdays span { padding: 6px 0; color: var(--comm-text-2); text-align: center; font-size: 8px; }
.community-domain-body .community-events-calendar__grid button,
.community-domain-body .community-events-calendar__grid span { display: grid; min-width: 0; min-height: 30px; place-items: center; color: var(--comm-text-2); background: transparent; border: 1px solid transparent; border-radius: 7px; font-size: 9px; }
.community-domain-body .community-events-calendar__grid button { color: var(--comm-text); cursor: pointer; }
.community-domain-body .community-events-calendar__grid button.has-events { position: relative; color: #fff; background: rgba(22, 200, 239, .16); border-color: rgba(22, 200, 239, .7); font-weight: 600; }
.community-domain-body .community-events-calendar__grid button.has-events em { position: absolute; right: 2px; bottom: 1px; min-width: 12px; padding: 1px 3px; color: #061a39; background: var(--comm-cyan); border-radius: 999px; font-size: 7px; font-style: normal; line-height: 1.1; }
.community-domain-body .community-events-calendar__grid button:hover,
.community-domain-body .community-events-calendar__grid button.active { background: rgba(109,40,217,.5); border-color: var(--comm-purple); }
.community-domain-body .community-events-calendar__grid button.has-events:hover { background: rgba(22, 200, 239, .28); border-color: var(--comm-cyan); }
.community-domain-body .community-events-calendar__grid button.is-selected { color: #fff; background: rgba(109, 40, 217, .72); border-color: var(--comm-purple); box-shadow: 0 0 0 2px rgba(109, 40, 217, .22); }
.community-domain-body .community-events-calendar__clear { width: 100%; min-height: 32px; margin-top: 8px; color: var(--comm-cyan); background: transparent; border: 0; font-size: 10px; cursor: pointer; }
