:root{--ccm-red:#ef172f;--ccm-red-dark:#d90d25;--ccm-text:#111318;--ccm-muted:#747985;--ccm-line:#e6e8ed;--ccm-bg:#f6f7f9}
body.ccm-members-page .entry-title,body.ccm-members-page .page-title,body.ccm-members-page .bp-feedback,body.ccm-members-page #buddypress>h1{display:none!important}
body.ccm-members-page .site-main,body.ccm-members-page .entry-content{max-width:none!important}
.ccm-members-directory{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ccm-text);width:100%;box-sizing:border-box}
.ccm-members-directory *{box-sizing:border-box}
.ccm-directory-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;width:100%}
.ccm-main{min-width:0;padding:22px 0 80px}
.ccm-rightbar{position:sticky;top:22px;padding:22px 0 50px}
.ccm-hero{position:relative;min-height:310px;border-radius:24px;overflow:hidden;color:#fff;box-shadow:0 14px 38px rgba(18,20,25,.13)}
.ccm-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.ccm-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,13,.94) 0%,rgba(4,8,14,.70) 37%,rgba(4,8,14,.12) 72%,rgba(4,8,14,.03) 100%)}
.ccm-hero-content{position:relative;z-index:2;padding:42px 38px 110px;max-width:470px}
.ccm-hero-content h1{font-size:48px;line-height:1;margin:0 0 14px;color:#fff;font-weight:900;letter-spacing:-1.7px}
.ccm-hero-content p{font-size:19px;line-height:1.35;margin:0;color:#fff;max-width:390px;font-weight:600}
.ccm-search{position:absolute;z-index:3;left:24px;right:24px;bottom:18px;height:58px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:18px;display:flex;align-items:center;box-shadow:0 9px 28px rgba(0,0,0,.18);overflow:hidden}
.ccm-search-icon{width:58px;height:58px;display:grid;place-items:center;color:#707682;flex:none}
.ccm-search-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.ccm-search input{height:100%;min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:16px!important;padding:0 12px 0 0!important;color:#1d2026!important}
.ccm-search button{height:44px;margin-right:7px;border:0;border-radius:13px;background:#111;color:#fff;padding:0 24px;font-size:14px;font-weight:900;cursor:pointer}
.ccm-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid var(--ccm-line);border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 7px 22px rgba(20,23,30,.06)}
.ccm-tab{height:58px;border:0;border-right:1px solid var(--ccm-line);background:#fff;color:#15171c;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:800;cursor:pointer;transition:.18s}
.ccm-tab:last-child{border-right:0}.ccm-tab:hover{background:#fafafa}.ccm-tab.is-active{background:linear-gradient(135deg,#e90022,#ff3348);color:#fff}
.ccm-tab svg,.ccm-heading-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ccm-tab svg path:first-child{fill:none}
.ccm-tab[data-view=star] svg,.ccm-tab.is-active svg{filter:none}
.ccm-results-section{margin-top:31px}
.ccm-results-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px;min-height:54px}
.ccm-heading-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff0f2;color:var(--ccm-red);flex:none}
.ccm-heading-popular{background:#fff0e7;color:#f15b21}.ccm-heading-new{background:#eef3ff;color:#326ee8}.ccm-heading-random{background:#eff8f2;color:#188f50}
.ccm-results-heading h2{font-size:25px;line-height:1.1;margin:0 0 5px;font-weight:900;letter-spacing:-.5px}
.ccm-results-heading p{font-size:14px;margin:0;color:var(--ccm-muted)}
.ccm-reroll{margin-left:auto;border:1px solid var(--ccm-line);background:#fff;border-radius:999px;padding:9px 15px;font-weight:800;cursor:pointer}
.ccm-member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;transition:opacity .15s}.ccm-member-grid.is-loading{opacity:.45}
.ccm-member-card{min-width:0;background:#fff;border:1px solid var(--ccm-line);border-radius:20px;padding:20px 14px 16px;text-align:center;box-shadow:0 8px 24px rgba(25,29,38,.045);transition:.2s}
.ccm-member-card:hover{transform:translateY(-3px);box-shadow:0 13px 29px rgba(25,29,38,.09)}
.ccm-avatar-wrap{display:inline-block;border-radius:50%}.ccm-avatar-wrap img{display:block;width:94px;height:94px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 0 0 3px var(--ccm-red)}
.ccm-member-name{display:block;margin:16px 0 3px;color:var(--ccm-text)!important;text-decoration:none!important;font-size:16px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccm-member-handle,.ccm-member-meta{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccm-member-handle{font-size:13px;color:#747983}.ccm-member-meta{font-size:12px;color:#9a9ea6;margin:7px 0 13px}
.ccm-view-button{display:block;width:100%;border-radius:999px;background:#111;color:#fff!important;text-decoration:none!important;padding:10px 12px;font-size:13px;font-weight:900;transition:.18s}.ccm-view-button:hover{background:var(--ccm-red)}
.ccm-loading{font-size:13px;color:var(--ccm-muted);margin-bottom:10px}.ccm-empty{grid-column:1/-1;border:1px dashed #d6d9df;background:#fff;border-radius:20px;padding:48px 20px;text-align:center}.ccm-empty strong,.ccm-empty span{display:block}.ccm-empty span{color:var(--ccm-muted);margin-top:6px}
.ccm-side-card{background:#fff;border:1px solid var(--ccm-line);border-radius:22px;padding:20px;margin-bottom:18px;box-shadow:0 8px 24px rgba(25,29,38,.045)}
.ccm-side-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ccm-side-card h3{font-size:20px;margin:0;font-weight:900}.ccm-side-card header button{border:0;background:transparent;color:var(--ccm-red);font-size:13px;font-weight:900;cursor:pointer}
.ccm-side-member{display:flex;align-items:center;gap:10px;padding:10px 0}.ccm-side-member img{width:48px;height:48px;border-radius:50%;object-fit:cover}.ccm-side-member>div{min-width:0;flex:1}.ccm-side-member>div a{display:block;color:var(--ccm-text)!important;text-decoration:none!important;font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccm-side-member>div span{display:block;color:#8b9099;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccm-side-view{background:#111;color:#fff!important;text-decoration:none!important;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:900}.ccm-side-view:hover{background:var(--ccm-red)}
.ccm-side-featured .ccm-side-member{display:grid;grid-template-columns:70px minmax(0,1fr);grid-template-areas:"photo text" "button button";padding:13px 0}.ccm-side-featured .ccm-side-member>a:first-child{grid-area:photo}.ccm-side-featured .ccm-side-member img{width:66px;height:66px;box-shadow:0 0 0 2px var(--ccm-red)}.ccm-side-featured .ccm-side-member>div{grid-area:text}.ccm-side-featured .ccm-side-view{grid-area:button;text-align:center;margin-top:3px}.ccm-side-empty{color:var(--ccm-muted);font-size:13px}
@media(max-width:1200px){.ccm-directory-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.ccm-member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ccm-hero-content h1{font-size:43px}}
@media(max-width:980px){.ccm-directory-layout{display:block}.ccm-rightbar{display:none}.ccm-main{padding-top:14px}.ccm-member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.ccm-main{padding:8px 0 80px}.ccm-hero{min-height:300px;border-radius:19px}.ccm-hero-content{padding:31px 24px 112px}.ccm-hero-content h1{font-size:39px}.ccm-hero-content p{font-size:16px;max-width:270px}.ccm-search{left:12px;right:12px;bottom:12px;height:56px}.ccm-search button{padding:0 16px}.ccm-tabs{margin-top:12px}.ccm-tab{height:54px;gap:5px;font-size:12px;flex-direction:column}.ccm-tab svg{width:18px;height:18px}.ccm-results-section{margin-top:24px}.ccm-results-heading{align-items:flex-start}.ccm-results-heading h2{font-size:21px}.ccm-results-heading p{font-size:13px}.ccm-heading-icon{width:40px;height:40px;border-radius:12px}.ccm-reroll{font-size:11px;padding:8px 10px}.ccm-member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ccm-member-card{padding:17px 10px 13px;border-radius:17px}.ccm-avatar-wrap img{width:82px;height:82px}.ccm-member-name{font-size:14px;margin-top:13px}.ccm-member-handle{font-size:12px}.ccm-view-button{padding:9px 8px}}
@media(max-width:390px){.ccm-hero-content h1{font-size:35px}.ccm-search button{display:none}.ccm-search-icon{width:48px}.ccm-member-grid{gap:8px}.ccm-avatar-wrap img{width:74px;height:74px}}


/* v1.0.1: Keep the directory inside the Sitewide Shell content columns. */
body.ccm-members-page .ccm-members-directory,
body.ccm-members-page .ccm-directory-layout,
body.ccm-members-page .ccm-main,
body.ccm-members-page .ccm-rightbar{
    position:relative;
    left:auto;
    right:auto;
    transform:none;
    margin-left:0;
    margin-right:0;
    max-width:100%;
}
body.ccm-members-page .ccm-members-directory{overflow:visible;min-width:0}
body.ccm-members-page .ccm-directory-layout{min-width:0;overflow:visible}
body.ccm-members-page .ccm-main{display:block;width:auto;min-width:0}
body.ccm-members-page .ccm-rightbar{display:block;width:auto;min-width:0}
body.ccm-members-page .ccm-hero,
body.ccm-members-page .ccm-tabs,
body.ccm-members-page .ccm-results-section{width:100%;max-width:100%;margin-left:0;margin-right:0}
.ccm-tab-emoji{font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.ccm-heading-icon{font-size:24px;line-height:1}
.ccm-heading-emoji{font-size:24px;line-height:1}
.ccm-side-card h3 span{font-size:19px;vertical-align:-1px}
@media(max-width:680px){.ccm-tab-emoji{font-size:18px}.ccm-heading-icon,.ccm-heading-emoji{font-size:21px}}

/* v1.0.2: Explicit Sitewide Shell desktop integration.
   The shell only positions plugin canvases it knows by class, so the Members
   directory must reserve the fixed left-sidebar width itself. */
@media (min-width:1081px){
  body.ccsws-active.ccm-members-page .ccm-members-directory{
    width:calc(100% - var(--ccsws-sidebar-width,224px))!important;
    max-width:1320px!important;
    margin-left:var(--ccsws-sidebar-width,224px)!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
    overflow:visible!important;
  }

  /* Neutralize full-bleed theme rules applied to entry-content children. */
  body.ccsws-active.ccm-members-page .ccm-members-directory,
  body.ccsws-active.ccm-members-page .ccm-members-directory > *,
  body.ccsws-active.ccm-members-page .ccm-directory-layout,
  body.ccsws-active.ccm-members-page .ccm-directory-layout > *,
  body.ccsws-active.ccm-members-page .ccm-main > *,
  body.ccsws-active.ccm-members-page .ccm-hero > *,
  body.ccsws-active.ccm-members-page .ccm-tabs,
  body.ccsws-active.ccm-members-page .ccm-results-section{
    box-sizing:border-box!important;
  }

  body.ccsws-active.ccm-members-page .ccm-directory-layout,
  body.ccsws-active.ccm-members-page .ccm-main,
  body.ccsws-active.ccm-members-page .ccm-rightbar,
  body.ccsws-active.ccm-members-page .ccm-hero,
  body.ccsws-active.ccm-members-page .ccm-tabs,
  body.ccsws-active.ccm-members-page .ccm-results-section,
  body.ccsws-active.ccm-members-page .ccm-member-grid{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }

  body.ccsws-active.ccm-members-page .ccm-hero-content{
    width:auto!important;
    max-width:470px!important;
    margin:0!important;
    padding:42px 38px 110px!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }

  body.ccsws-active.ccm-members-page .ccm-search{
    left:24px!important;
    right:24px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
  }

  body.ccsws-active.ccm-members-page .ccm-tab{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
  }
}

/* v1.0.3: Clean hero artwork with no baked-in search controls or labels. */
@media(max-width:680px){.ccm-hero-image{object-position:61% center}.ccm-hero-shade{background:linear-gradient(90deg,rgba(3,7,13,.93) 0%,rgba(4,8,14,.68) 54%,rgba(4,8,14,.15) 100%)}}