:root{--cc-red:#DA31D6;--cc-red-dark:#B625B2;--cc-black:#111214;--cc-text:#17181b;--cc-muted:#737781;--cc-line:#e8e9ed;--cc-bg:#f6f7f9;--cc-card:#fff;--cc-radius:22px}
*{box-sizing:border-box}.ccsd-dashboard-page{margin:0;background:var(--cc-bg)!important}.ccsd-dashboard-page .site-header,.ccsd-dashboard-page header.wp-block-template-part,.ccsd-dashboard-page .wp-site-blocks>header,.ccsd-dashboard-page .site-footer,.ccsd-dashboard-page footer.wp-block-template-part{display:none!important}.ccsd-dashboard-page .wp-site-blocks,.ccsd-dashboard-page main,.ccsd-dashboard-page .entry-content{margin:0!important;padding:0!important;max-width:none!important}.ccsd-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,720px) 340px;gap:28px;max-width:1400px;margin:0 auto;padding:0 24px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cc-text)}
.ccsd-leftbar{position:sticky;top:0;height:100vh;padding:20px 16px 28px 4px;border-right:1px solid var(--cc-line);display:flex;flex-direction:column;background:#fff}.ccsd-brand{display:none}.ccsd-brand-mark{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cc-red),#ff4a56);color:#fff;border-radius:14px;font-weight:900;letter-spacing:-1px;box-shadow:0 10px 24px rgba(226,29,47,.23)}.ccsd-brand-copy{display:flex;flex-direction:column;line-height:.94}.ccsd-brand-copy strong{font-size:17px;letter-spacing:.4px}.ccsd-brand-copy em{font-size:15px;font-style:normal;color:var(--cc-red);font-weight:900;letter-spacing:1.7px;margin-top:5px}.ccsd-nav{display:flex;flex-direction:column;gap:8px}.ccsd-nav a{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:15px;color:#2d3036!important;text-decoration:none!important;font-size:16px;font-weight:700;transition:.2s}.ccsd-nav a:hover,.ccsd-nav a.is-active{background:#f2f3f5;color:#0d0e10!important;transform:translateX(2px)}.ccsd-nav-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;box-shadow:0 7px 16px rgba(0,0,0,.09)}.ccsd-nav-icon svg,.ccsd-post-actions svg,.ccsd-create-button svg,.ccsd-mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ccsd-nav-icon.red{background:#ff4150}.ccsd-nav-icon.blue{background:#397af6}.ccsd-nav-icon.gold{background:#f2a41a}.ccsd-nav-icon.purple{background:#8b5cf6}.ccsd-nav-icon.green{background:#22b573}.ccsd-nav-icon.dark{background:#24262b}.ccsd-create-button{margin:24px 12px 0;border:0;border-radius:15px;background:linear-gradient(135deg,var(--cc-red),#ff4d59);color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 12px 25px rgba(226,29,47,.23)}.ccsd-left-footer{margin:auto 12px 0;color:#a0a3aa;font-size:12px}.ccsd-main{padding:28px 0 100px}.ccsd-mobile-header{display:none}.ccsd-hero{position:relative;overflow:hidden;background:var(--cc-black);border-radius:26px;padding:34px 38px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 40px rgba(17,18,20,.15)}.ccsd-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(226,29,47,.7),rgba(226,29,47,0));right:-50px;top:-80px}.ccsd-eyebrow,.ccsd-section-heading span,.ccsd-mini-label{font-size:11px;font-weight:900;letter-spacing:1.8px;color:#ff6974}.ccsd-hero h1{font-size:34px;line-height:1.08;margin:10px 0 12px;max-width:540px;letter-spacing:-1px}.ccsd-hero p{margin:0;color:#c7c9ce;font-size:15px;max-width:520px}.ccsd-hero-star{position:relative;z-index:1;font-size:58px;color:#fff;opacity:.9}.ccsd-section{margin-top:30px}.ccsd-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.ccsd-section-heading h2{margin:4px 0 0;font-size:24px;letter-spacing:-.5px}.ccsd-section-heading a{font-size:13px;font-weight:800;color:var(--cc-red)!important;text-decoration:none!important}.ccsd-people-row{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.ccsd-people-row::-webkit-scrollbar{display:none}.ccsd-person-card{flex:0 0 154px;background:#fff;border:1px solid var(--cc-line);border-radius:20px;padding:16px;text-align:center;box-shadow:0 8px 24px rgba(25,29,38,.05);transition:.2s}.ccsd-person-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(25,29,38,.09)}.ccsd-person-photo{display:inline-block;position:relative}.ccsd-person-photo img{width:78px;height:78px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 3px #ff3f4c}.ccsd-online-dot{position:absolute;width:16px;height:16px;background:#23d366;border:3px solid #fff;border-radius:50%;right:2px;bottom:6px}.ccsd-person-name{display:block;color:var(--cc-text)!important;text-decoration:none!important;font-size:14px;font-weight:900;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccsd-person-handle{display:block;color:var(--cc-muted);font-size:12px;margin:3px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccsd-follow{border:0;border-radius:999px;background:#111;color:#fff;padding:9px 16px;font-size:12px;font-weight:900;cursor:pointer;transition:.2s}.ccsd-follow:hover{background:var(--cc-red)}.ccsd-follow.is-following{background:#eef0f3;color:#32343a}.ccsd-composer{display:flex;gap:14px;background:#fff;border:1px solid var(--cc-line);border-radius:22px;padding:18px;margin-top:24px;box-shadow:0 8px 24px rgba(25,29,38,.04)}.ccsd-composer-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.ccsd-composer-body{flex:1}.ccsd-composer textarea{width:100%;min-height:82px;border:0;outline:0;resize:vertical;font:600 16px/1.45 inherit;color:var(--cc-text);padding:8px 4px;background:transparent}.ccsd-composer textarea::placeholder{color:#a1a4ab}.ccsd-composer-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--cc-line);padding-top:12px}.ccsd-helper{font-size:12px;color:var(--cc-muted)}.ccsd-composer-actions button{border:0;border-radius:12px;background:var(--cc-red);color:#fff;padding:10px 20px;font-weight:900;cursor:pointer}.ccsd-login-prompt{display:block;background:#f4f5f7;border-radius:14px;padding:15px;color:#555!important;text-decoration:none!important;font-weight:700}.ccsd-feed-section{margin-top:28px}.ccsd-feed{display:flex;flex-direction:column;gap:16px}.ccsd-post-card{background:#fff;border:1px solid var(--cc-line);border-radius:22px;padding:20px;box-shadow:0 8px 24px rgba(25,29,38,.04)}.ccsd-post-head{display:flex;align-items:center}.ccsd-post-head img{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:12px}.ccsd-post-head>div{display:flex;flex-direction:column}.ccsd-post-name{font-weight:900;color:var(--cc-text)!important;text-decoration:none!important}.ccsd-post-head span{font-size:12px;color:var(--cc-muted);margin-top:3px}.ccsd-more{margin-left:auto;border:0;background:transparent;color:#999;font-weight:900;letter-spacing:1px;cursor:pointer}.ccsd-post-content{font-size:15px;line-height:1.65;margin:16px 0}.ccsd-post-content p{margin:.5em 0}.ccsd-post-content img{max-width:100%;border-radius:18px;margin-top:12px}.ccsd-post-actions{display:flex;border-top:1px solid var(--cc-line);padding-top:12px}.ccsd-post-actions button{flex:1;border:0;background:transparent;color:#6d7179;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;border-radius:12px;font-weight:800;cursor:pointer}.ccsd-post-actions button:hover{background:#f4f5f7;color:var(--cc-red)}.ccsd-post-actions svg{width:19px;height:19px}.ccsd-empty-feed{background:#fff;border:1px dashed #d9dbe0;border-radius:22px;text-align:center;padding:50px 24px}.ccsd-empty-feed>span{width:54px;height:54px;border-radius:16px;background:#ffe9ec;color:var(--cc-red);display:grid;place-items:center;margin:0 auto;font-size:26px}.ccsd-empty-feed h3{margin:15px 0 7px}.ccsd-empty-feed p{margin:0;color:var(--cc-muted)}.ccsd-rightbar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:28px 0 40px}.ccsd-sidebar-card{background:#fff;border:1px solid var(--cc-line);border-radius:22px;padding:20px;margin-bottom:16px;box-shadow:0 8px 24px rgba(25,29,38,.04)}.ccsd-welcome-card{background:linear-gradient(145deg,#fff,#fff5f6)}.ccsd-welcome-card h3{font-size:24px;margin:7px 0 8px}.ccsd-welcome-card p{color:var(--cc-muted);font-size:14px;line-height:1.55}.ccsd-welcome-card a{display:inline-block;margin-top:6px;color:var(--cc-red)!important;text-decoration:none!important;font-weight:900}.ccsd-sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ccsd-sidebar-heading h3{margin:0;font-size:18px}.ccsd-sidebar-heading a{font-size:12px;font-weight:900;color:var(--cc-red)!important;text-decoration:none!important}.ccsd-suggested-row{display:flex;align-items:center;gap:10px;padding:9px 0}.ccsd-suggested-row img{width:44px;height:44px;border-radius:50%;object-fit:cover}.ccsd-suggested-row>div{min-width:0;flex:1;display:flex;flex-direction:column}.ccsd-suggested-row>div a{color:var(--cc-text)!important;text-decoration:none!important;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccsd-suggested-row>div span{font-size:11px;color:var(--cc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccsd-follow.compact{font-size:11px;padding:7px 10px}.ccsd-trend{display:flex;gap:12px;align-items:center;text-decoration:none!important;color:var(--cc-text)!important;padding:11px 0;border-top:1px solid var(--cc-line)}.ccsd-trend:first-of-type{border-top:0}.ccsd-trend>span{font-size:12px;font-weight:900;color:var(--cc-red)}.ccsd-trend div{display:flex;flex-direction:column}.ccsd-trend strong{font-size:13px}.ccsd-trend small{color:var(--cc-muted);font-size:11px;margin-top:2px}.ccsd-right-footer{display:flex;flex-wrap:wrap;gap:9px 14px;padding:4px 8px}.ccsd-right-footer a{font-size:11px;color:#989ba2!important;text-decoration:none!important}.ccsd-mobile-nav{display:none}
@media(max-width:1180px){.ccsd-shell{grid-template-columns:230px minmax(0,1fr);max-width:1040px}.ccsd-rightbar{display:none}}
@media(max-width:820px){.ccsd-shell{display:block;padding:0 14px}.ccsd-leftbar{display:none}.ccsd-main{padding:14px 0 92px}.ccsd-mobile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ccsd-brand.compact{margin:0}.ccsd-brand.compact .ccsd-brand-mark{width:40px;height:40px;border-radius:12px}.ccsd-brand.compact .ccsd-brand-copy strong{font-size:14px}.ccsd-brand.compact .ccsd-brand-copy em{font-size:12px}.ccsd-mobile-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.ccsd-hero{padding:26px 22px;border-radius:22px}.ccsd-hero h1{font-size:28px}.ccsd-hero-star{display:none}.ccsd-people-section{margin-top:24px}.ccsd-person-card{flex-basis:142px}.ccsd-mobile-nav{display:grid;grid-template-columns:1fr 1fr 70px 1fr 1fr;position:fixed;bottom:0;left:0;right:0;height:70px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid var(--cc-line);z-index:99;padding:6px 10px max(6px,env(safe-area-inset-bottom))}.ccsd-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#777!important;text-decoration:none!important;font-size:10px;font-weight:800}.ccsd-mobile-nav a.is-active{color:var(--cc-red)!important}.ccsd-mobile-nav svg{width:22px;height:22px}.ccsd-mobile-create{align-self:start;justify-self:center;margin-top:-18px;width:58px;height:58px;border:5px solid #fff;border-radius:50%;background:var(--cc-red);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(226,29,47,.3)}.ccsd-mobile-create svg{width:26px;height:26px}.ccsd-composer{padding:15px}.ccsd-helper{display:none}}
@media(max-width:520px){.ccsd-shell{padding:0 10px}.ccsd-hero{padding:24px 18px}.ccsd-hero h1{font-size:25px}.ccsd-hero p{font-size:14px}.ccsd-section-heading h2{font-size:21px}.ccsd-person-card{flex-basis:132px;padding:14px}.ccsd-person-photo img{width:68px;height:68px}.ccsd-composer-avatar{width:42px;height:42px}.ccsd-post-card{padding:16px}.ccsd-post-actions span{display:none}.ccsd-post-actions button{padding:8px}.ccsd-brand-copy{display:none}}

/* v1.1 responsive layout corrections */
html,body{overflow-x:hidden}
.ccsd-dashboard-page .wp-site-blocks,.ccsd-dashboard-page .entry-content,.ccsd-dashboard-page main{width:100%!important}
.ccsd-shell{width:100%;max-width:1360px;grid-template-columns:minmax(220px,250px) minmax(0,1fr) minmax(280px,320px);gap:24px;padding:0 20px}
.ccsd-leftbar,.ccsd-main,.ccsd-rightbar{min-width:0}
.ccsd-main{width:100%;max-width:700px;justify-self:center}
.ccsd-rightbar{width:100%}
.ccsd-hero h1{overflow-wrap:anywhere}
.ccsd-person-card,.ccsd-sidebar-card,.ccsd-composer,.ccsd-post-card{max-width:100%}

@media (min-width:1361px){
  .ccsd-shell{grid-template-columns:250px minmax(0,700px) 320px}
}

@media (max-width:1280px){
  .ccsd-shell{max-width:1040px;grid-template-columns:230px minmax(0,700px);gap:24px}
  .ccsd-rightbar{display:none}
  .ccsd-main{max-width:700px}
}

@media (max-width:900px){
  .ccsd-shell{display:block;max-width:760px;padding:0 18px}
  .ccsd-leftbar{display:none}
  .ccsd-main{max-width:none;padding:14px 0 96px}
  .ccsd-mobile-header{display:flex}
  .ccsd-rightbar{display:none}
  .ccsd-hero{padding:28px 26px}
  .ccsd-hero h1{font-size:30px;max-width:620px}
  .ccsd-hero p{max-width:620px}
  .ccsd-mobile-nav{display:grid}
}

@media (max-width:600px){
  .ccsd-shell{padding:0 14px}
  .ccsd-main{padding-top:12px}
  .ccsd-mobile-header{margin-bottom:12px}
  .ccsd-hero{padding:24px 20px;border-radius:22px}
  .ccsd-hero:after{width:190px;height:190px;right:-64px;top:-58px}
  .ccsd-hero h1{font-size:27px;line-height:1.08;margin:9px 0 12px}
  .ccsd-hero p{font-size:14px;line-height:1.55}
  .ccsd-section{margin-top:24px}
  .ccsd-section-heading{align-items:flex-end;margin-bottom:12px}
  .ccsd-section-heading h2{font-size:22px}
  .ccsd-people-row{gap:12px;padding-bottom:4px}
  .ccsd-person-card{flex:0 0 138px;padding:14px 12px;border-radius:18px}
  .ccsd-person-photo img{width:70px;height:70px}
  .ccsd-composer{margin-top:20px;padding:14px;border-radius:20px}
  .ccsd-composer textarea{min-height:66px;font-size:15px}
  .ccsd-post-card{border-radius:20px}
}

@media (max-width:380px){
  .ccsd-shell{padding:0 10px}
  .ccsd-hero{padding:21px 17px}
  .ccsd-hero h1{font-size:24px}
  .ccsd-person-card{flex-basis:128px}
  .ccsd-mobile-nav{grid-template-columns:1fr 1fr 62px 1fr 1fr;padding-left:4px;padding-right:4px}
  .ccsd-mobile-nav a{font-size:9px}
}


/* Remove theme hyperlink decorations */
.ccsd-shell a,
.ccsd-shell a:hover,
.ccsd-shell a:focus,
.ccsd-shell a:active{
text-decoration:none!important;
text-decoration-line:none!important;
border-bottom:0!important;
box-shadow:none!important;
background-image:none!important;
}
.ccsd-shell a::before,
.ccsd-shell a::after{
border-bottom:0!important;
box-shadow:none!important;
}

/* v1.3 authentication, mobile logo, and signup modal */
.ccsd-guest-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:-4px 0 18px}
.ccsd-guest-actions a,.ccsd-guest-actions button,.ccsd-mobile-auth a,.ccsd-mobile-auth button{appearance:none;border:0;font:inherit;font-weight:900;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;text-align:center}
.ccsd-login-button{display:grid;place-items:center;min-height:44px;color:var(--cc-text)!important;background:#fff;border:1px solid var(--cc-line)!important;border-radius:14px}
.ccsd-apply-button{min-height:44px;color:#fff;background:var(--cc-text);border-radius:14px}
.ccsd-mobile-brand{display:flex;align-items:center;gap:11px;min-width:0}
.ccsd-mobile-brand .ccsd-brand-mark{width:46px;height:46px;border-radius:14px;flex:0 0 auto;font-size:18px}
.ccsd-mobile-brand-name{display:flex;flex-direction:column;line-height:1}
.ccsd-mobile-brand-name strong{font-size:17px;letter-spacing:.02em;color:var(--cc-text)}
.ccsd-mobile-brand-name em{font-size:15px;font-style:normal;font-weight:900;letter-spacing:.15em;color:var(--cc-red);margin-top:5px}
.ccsd-mobile-auth{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.ccsd-mobile-auth a,.ccsd-mobile-auth button{padding:10px 13px;border-radius:12px;font-size:11px}
.ccsd-mobile-auth a{color:var(--cc-text)!important;background:transparent}
.ccsd-mobile-auth button{color:#fff;background:var(--cc-text)}
.ccsd-login-prompt-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}
.ccsd-inline-apply{appearance:none;border:0;border-radius:999px;background:var(--cc-red);color:#fff;font:inherit;font-size:12px;font-weight:900;padding:10px 15px;white-space:nowrap;cursor:pointer}
.ccsd-signup-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:20px}
.ccsd-signup-modal.is-open{display:flex}
.ccsd-signup-backdrop{position:absolute;inset:0;background:rgba(10,11,14,.72);backdrop-filter:blur(7px)}
.ccsd-signup-dialog{position:relative;z-index:1;width:min(100%,680px);max-height:min(90vh,840px);overflow:auto;background:#fff;border-radius:28px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.ccsd-signup-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f2f4;color:#222;font-size:28px;line-height:1;cursor:pointer}
.ccsd-signup-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-right:42px}
.ccsd-signup-heading .ccsd-brand-mark{width:50px;height:50px;border-radius:15px;flex:0 0 auto}
.ccsd-signup-heading>div{display:flex;flex-direction:column}
.ccsd-signup-heading span:not(.ccsd-brand-mark){font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--cc-red)}
.ccsd-signup-heading h2{margin:3px 0 0;font-size:27px;line-height:1.1}
.ccsd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ccsd-form-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800;color:#303239}
.ccsd-form-grid label b,.ccsd-terms-check b{color:var(--cc-red)}
.ccsd-form-grid input{width:100%;height:48px;border:1px solid #dfe1e5;border-radius:13px;background:#fafbfc;padding:0 14px;color:#171717;outline:0;transition:border-color .15s,box-shadow .15s}
.ccsd-form-grid input:focus{border-color:var(--cc-red);box-shadow:0 0 0 3px rgba(237,28,36,.11);background:#fff}
.ccsd-form-wide{grid-column:1/-1}
.ccsd-terms-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0 14px;font-size:12px;line-height:1.5;color:#60646c;cursor:pointer}
.ccsd-terms-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--cc-red);flex:0 0 auto}
.ccsd-terms-check a{color:var(--cc-red)!important;font-weight:800}
.ccsd-signup-message{display:none;margin-bottom:12px;padding:11px 13px;border-radius:12px;font-size:13px;font-weight:700}
.ccsd-signup-message.is-error{display:block;background:#fff0f1;color:#a20e17}
.ccsd-signup-message.is-success{display:block;background:#eafaf0;color:#11753b}
.ccsd-signup-submit{width:100%;height:50px;border:0;border-radius:14px;background:linear-gradient(135deg,#ed1c24,#ff4757);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 12px 26px rgba(237,28,36,.22)}
.ccsd-signup-submit:disabled{opacity:.65;cursor:wait}
body.ccsd-modal-open{overflow:hidden!important}

@media(max-width:900px){
  .ccsd-mobile-header{min-height:62px;padding:4px 0 10px}
}
@media(max-width:600px){
  .ccsd-mobile-brand-name strong{font-size:14px}
  .ccsd-mobile-brand-name em{font-size:12px}
  .ccsd-mobile-auth a,.ccsd-mobile-auth button{padding:9px 10px;font-size:10px}
  .ccsd-login-prompt-wrap{align-items:flex-start;flex-direction:column}
  .ccsd-signup-dialog{padding:24px 18px 20px;border-radius:22px}
  .ccsd-form-grid{grid-template-columns:1fr;gap:13px}
  .ccsd-form-wide{grid-column:auto}
}
@media(max-width:420px){
  .ccsd-mobile-brand-name{display:none}
  .ccsd-mobile-auth{gap:3px}
  .ccsd-mobile-auth a,.ccsd-mobile-auth button{padding:8px 9px}
}

/* v1.4 prominent logged-out conversion bar */
.ccsd-guest-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
  padding:14px 16px 14px 18px;
  border:1px solid rgba(226,29,47,.16);
  border-radius:20px;
  background:linear-gradient(120deg,#fff 0%,#fff7f8 100%);
  box-shadow:0 10px 30px rgba(20,22,28,.06);
}
.ccsd-guest-topbar-copy{display:flex;flex-direction:column;min-width:0}
.ccsd-guest-topbar-copy strong{font-size:15px;line-height:1.2;color:var(--cc-text)}
.ccsd-guest-topbar-copy span{margin-top:3px;font-size:12px;color:var(--cc-muted)}
.ccsd-guest-topbar-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.ccsd-top-login,.ccsd-top-apply{
  min-width:118px;
  min-height:52px;
  display:grid;
  place-items:center;
  appearance:none;
  border:0;
  border-radius:15px;
  font:900 15px/1 inherit;
  letter-spacing:.045em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.ccsd-top-login{background:#111214;color:#fff!important;box-shadow:0 10px 24px rgba(17,18,20,.18)}
.ccsd-top-apply{
  background:linear-gradient(135deg,#ff1730 0%,#ff3f56 55%,#ff0f27 100%);
  color:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.7) inset,0 12px 28px rgba(237,28,47,.34),0 0 24px rgba(255,40,66,.2);
}
.ccsd-top-login:hover,.ccsd-top-apply:hover{transform:translateY(-2px)}
.ccsd-top-apply:hover{filter:saturate(1.12);box-shadow:0 0 0 1px rgba(255,255,255,.75) inset,0 16px 32px rgba(237,28,47,.42),0 0 30px rgba(255,40,66,.3)}
.ccsd-guest-actions-desktop{display:none!important}

@media(max-width:900px){
  .ccsd-guest-topbar{display:none}
  .ccsd-mobile-header{
    position:sticky;
    top:0;
    z-index:80;
    margin:0 -18px 14px;
    padding:10px 18px;
    min-height:72px;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--cc-line);
  }
  .ccsd-mobile-auth a,.ccsd-mobile-auth button{
    min-height:44px;
    display:grid;
    place-items:center;
    border-radius:13px;
    font-size:11px;
    letter-spacing:.035em;
    text-transform:uppercase;
  }
  .ccsd-mobile-auth a{
    min-width:74px;
    padding:0 13px;
    color:#fff!important;
    background:#111214;
    box-shadow:0 8px 20px rgba(17,18,20,.16);
  }
  .ccsd-mobile-auth button{
    min-width:88px;
    padding:0 14px;
    background:linear-gradient(135deg,#ff1730,#ff4559);
    box-shadow:0 9px 24px rgba(237,28,47,.32),0 0 18px rgba(255,45,70,.2);
  }
}
@media(max-width:600px){
  .ccsd-mobile-header{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
  .ccsd-mobile-brand .ccsd-brand-mark{width:44px;height:44px;border-radius:13px}
  .ccsd-mobile-brand-name{display:flex!important}
  .ccsd-mobile-brand-name strong{font-size:13px;white-space:nowrap}
  .ccsd-mobile-brand-name em{font-size:11px;white-space:nowrap}
}
@media(max-width:440px){
  .ccsd-mobile-header{gap:8px}
  .ccsd-mobile-brand{gap:8px}
  .ccsd-mobile-brand-name strong{font-size:11px}
  .ccsd-mobile-brand-name em{font-size:10px;letter-spacing:.11em}
  .ccsd-mobile-auth{gap:5px}
  .ccsd-mobile-auth a{min-width:62px;padding:0 9px;font-size:9px}
  .ccsd-mobile-auth button{min-width:72px;padding:0 9px;font-size:9px}
}
@media(max-width:360px){
  .ccsd-mobile-brand-name{display:none!important}
}

/* v1.5 conversion placement, composer and post gate */
.ccsd-guest-topbar{
  justify-content:flex-end;
  padding:0;
  margin:0 0 14px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.ccsd-guest-topbar-actions{margin-left:auto}
.ccsd-top-apply{min-width:136px}

.ccsd-composer{background:var(--cc-black);border-color:var(--cc-black);color:#fff;box-shadow:0 16px 34px rgba(17,18,20,.14)}
.ccsd-composer-avatar{border:3px solid rgba(255,255,255,.18)}
.ccsd-composer textarea{color:#fff}
.ccsd-composer textarea::placeholder{color:#aeb1b8}
.ccsd-composer-actions{border-top-color:rgba(255,255,255,.16)}
.ccsd-helper{color:#b8bbc2}
.ccsd-guest-connect{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:4px 2px}
.ccsd-guest-connect>div:first-child{min-width:0}
.ccsd-guest-connect span{display:block;color:#ff6974;font-size:10px;font-weight:900;letter-spacing:.18em}
.ccsd-guest-connect h3{margin:4px 0 3px;color:#fff;font-size:21px;line-height:1.1}
.ccsd-guest-connect p{margin:0;color:#b9bcc3;font-size:13px}
.ccsd-guest-connect-actions{display:flex;gap:9px;flex:0 0 auto}
.ccsd-guest-connect-actions a,.ccsd-guest-connect-actions button{min-width:102px;min-height:44px;display:grid;place-items:center;border:0;border-radius:13px;font:900 12px/1 inherit;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.ccsd-guest-connect-actions a{background:#fff;color:#111!important}
.ccsd-guest-connect-actions button{background:linear-gradient(135deg,#ff1730,#ff475b);color:#fff;box-shadow:0 10px 24px rgba(237,28,47,.32),0 0 18px rgba(255,45,70,.18)}

.ccsd-auth-modal{position:fixed;inset:0;z-index:999998;display:none;align-items:center;justify-content:center;padding:20px}
.ccsd-auth-modal.is-open{display:flex}
.ccsd-auth-backdrop{position:absolute;inset:0;background:rgba(10,11,14,.74);backdrop-filter:blur(7px)}
.ccsd-auth-dialog{position:relative;z-index:1;width:min(100%,440px);padding:34px 30px 30px;border-radius:28px;background:#fff;text-align:center;box-shadow:0 28px 80px rgba(0,0,0,.3)}
.ccsd-auth-dialog>.ccsd-brand-mark{margin:0 auto 14px;width:56px;height:56px;border-radius:17px}
.ccsd-auth-dialog h2{margin:7px 0 8px;font-size:30px;line-height:1.05}
.ccsd-auth-dialog p{margin:0;color:var(--cc-muted)}
.ccsd-auth-close{position:absolute;top:13px;right:15px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f1f3;color:#222;font-size:28px;line-height:1;cursor:pointer}
.ccsd-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.ccsd-auth-actions a,.ccsd-auth-actions button{min-height:54px;display:grid;place-items:center;border:0;border-radius:15px;font:900 14px/1 inherit;text-transform:uppercase;letter-spacing:.045em;cursor:pointer}
.ccsd-auth-actions a{background:#111214;color:#fff!important}
.ccsd-auth-actions button{background:linear-gradient(135deg,#ff1730,#ff475b);color:#fff;box-shadow:0 12px 28px rgba(237,28,47,.36),0 0 24px rgba(255,45,70,.2)}

@media(max-width:900px){
  .ccsd-guest-topbar{display:none}
}
@media(max-width:600px){
  .ccsd-guest-connect{align-items:flex-start;flex-direction:column}
  .ccsd-guest-connect-actions{width:100%}
  .ccsd-guest-connect-actions a,.ccsd-guest-connect-actions button{flex:1}
  .ccsd-auth-dialog{padding:30px 18px 22px;border-radius:22px}
}


/* v1.5.1 desktop CTA placement and spacing */
@media (min-width:901px){
  .ccsd-main{
    padding-top:24px;
  }

  .ccsd-guest-topbar{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin:0 0 18px;
    padding:0;
    overflow:visible;
  }

  .ccsd-guest-topbar-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    width:auto;
    margin-left:auto;
  }

  .ccsd-top-login,
  .ccsd-top-apply{
    min-height:54px;
  }

  .ccsd-top-login{
    min-width:122px;
  }

  .ccsd-top-apply{
    min-width:142px;
  }

  .ccsd-hero{
    margin-top:0;
  }
}


/* v1.6.0 — desktop account controls belong to the top-right sidebar */
@media (min-width:1201px){
  .ccsd-main{
    padding-top:0;
  }

  .ccsd-rightbar{
    padding-top:24px;
  }

  .ccsd-sidebar-auth{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    width:100%;
    margin:0 0 18px;
    padding:0;
    overflow:visible;
  }

  .ccsd-sidebar-auth .ccsd-top-login,
  .ccsd-sidebar-auth .ccsd-top-apply{
    min-height:54px;
    border-radius:15px;
    font-size:14px;
  }

  .ccsd-sidebar-auth .ccsd-top-login{
    min-width:116px;
  }

  .ccsd-sidebar-auth .ccsd-top-apply{
    min-width:136px;
  }

  .ccsd-hero{
    margin-top:0;
  }
}

/* Hide desktop-only sidebar controls whenever the right rail collapses. */
@media (max-width:1200px){
  .ccsd-sidebar-auth{
    display:none!important;
  }
}


/* v1.6.1 — desktop spacing and smoother neon glow */
@media (min-width:1201px){
  .ccsd-main{
    padding-top:18px;
  }

  .ccsd-rightbar{
    padding-top:18px;
    overflow-x:visible;
  }

  .ccsd-sidebar-auth{
    position:relative;
    overflow:visible;
    isolation:isolate;
  }

  .ccsd-sidebar-auth .ccsd-top-apply{
    position:relative;
    z-index:1;
    box-shadow:
      0 12px 28px rgba(255,34,65,.20),
      0 0 44px rgba(255,34,65,.22);
  }

  .ccsd-sidebar-auth .ccsd-top-apply::before{
    content:"";
    position:absolute;
    inset:-14px -24px -14px -20px;
    z-index:-1;
    pointer-events:none;
    border-radius:28px;
    background:radial-gradient(
      circle at center,
      rgba(255,38,70,.28) 0%,
      rgba(255,38,70,.14) 42%,
      rgba(255,38,70,0) 76%
    );
    filter:blur(10px);
  }

  .ccsd-sidebar-auth .ccsd-top-login{
    position:relative;
    z-index:2;
  }
}


/* v1.7.0 — unified responsive layout and clean account buttons */

/* Large and compact desktop: retain all three columns. */
@media (min-width:1081px){
  .ccsd-shell{
    width:100%;
    max-width:1440px;
    grid-template-columns:
      clamp(205px,17vw,250px)
      minmax(0,1fr)
      clamp(270px,22vw,320px);
    gap:clamp(16px,1.6vw,24px);
    padding:0 clamp(12px,1.5vw,22px);
  }

  .ccsd-main{
    width:100%;
    max-width:700px;
    min-width:0;
    padding-top:18px;
  }

  .ccsd-rightbar{
    display:block;
    width:100%;
    min-width:0;
    padding-top:18px;
    overflow-x:visible;
  }

  .ccsd-sidebar-auth{
    display:flex!important;
    width:100%;
    gap:10px;
    overflow:visible;
  }

  .ccsd-sidebar-auth .ccsd-top-login,
  .ccsd-sidebar-auth .ccsd-top-apply{
    flex:1 1 0;
    min-width:0;
    min-height:52px;
    padding:0 12px;
    border-radius:15px;
    font-size:clamp(12px,1.05vw,14px);
    white-space:nowrap;
  }

  /* Use a clean solid button and a soft shadow only. */
  .ccsd-sidebar-auth .ccsd-top-apply{
    background:#ff263f!important;
    box-shadow:0 12px 28px rgba(255,38,63,.22)!important;
    filter:none!important;
  }

  .ccsd-sidebar-auth .ccsd-top-apply::before,
  .ccsd-sidebar-auth .ccsd-top-apply::after{
    content:none!important;
    display:none!important;
  }

  .ccsd-hero{
    padding:clamp(27px,2.3vw,34px) clamp(28px,2.6vw,38px);
  }

  .ccsd-hero h1{
    font-size:clamp(29px,2.45vw,34px);
  }
}

/* Switch directly to the full app/mobile shell—no two-column in-between state. */
@media (max-width:1080px){
  .ccsd-shell{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
  }

  .ccsd-leftbar,
  .ccsd-rightbar,
  .ccsd-sidebar-auth{
    display:none!important;
  }

  .ccsd-main{
    width:100%!important;
    max-width:none!important;
    padding:0 18px 96px!important;
    margin:0!important;
  }

  .ccsd-mobile-header{
    display:flex!important;
    width:100vw!important;
    max-width:none!important;
    min-height:82px;
    align-items:center;
    justify-content:space-between;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    margin:0 0 18px!important;
    padding:12px 18px!important;
    background:#fff;
    border-bottom:1px solid var(--cc-line);
  }

  .ccsd-mobile-nav{
    display:grid!important;
  }

  .ccsd-hero{
    margin-top:0!important;
  }
}

@media (max-width:600px){
  .ccsd-main{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .ccsd-mobile-header{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* v1.7.1 — rounded avatar, compact viewport padding, profile menu */
.ccsd-profile-menu{
  position:relative;
  flex:0 0 auto;
}

.ccsd-mobile-avatar{
  width:46px;
  height:46px;
  display:block;
  padding:0;
  margin:0;
  border:0;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#eef0f2;
  cursor:pointer;
  appearance:none;
  line-height:0;
}

.ccsd-mobile-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  border-radius:50%!important;
  clip-path:circle(50%)!important;
}

.ccsd-profile-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:250;
  width:220px;
  padding:8px;
  background:#fff;
  border:1px solid var(--cc-line);
  border-radius:18px;
  box-shadow:0 18px 45px rgba(17,18,20,.16);
}

.ccsd-profile-dropdown[hidden]{
  display:none!important;
}

.ccsd-profile-dropdown a{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:42px;
  padding:9px 11px;
  border-radius:12px;
  color:var(--cc-text)!important;
  font-size:14px;
  font-weight:800;
}

.ccsd-profile-dropdown a:hover,
.ccsd-profile-dropdown a:focus{
  background:#f3f4f6;
}

.ccsd-profile-dropdown svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ccsd-profile-dropdown .ccsd-profile-logout{
  min-height:30px;
  margin-top:6px;
  padding:7px 11px 5px;
  border-top:1px solid var(--cc-line)!important;
  border-radius:0 0 10px 10px;
  color:#8a8e95!important;
  font-size:11px;
  font-weight:700;
}

@media (hover:hover){
  .ccsd-profile-menu:hover .ccsd-profile-dropdown{
    display:block!important;
  }
}

/* Full-width tablet/mobile shell with a small readable inner gutter. */
@media (max-width:1080px){
  .ccsd-main{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .ccsd-mobile-header{
    box-sizing:border-box!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .ccsd-hero,
  .ccsd-section,
  .ccsd-composer,
  .ccsd-feed-section{
    max-width:100%!important;
  }
}

@media (max-width:600px){
  .ccsd-main{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .ccsd-mobile-header{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .ccsd-mobile-avatar{
    width:42px;
    height:42px;
  }

  .ccsd-profile-dropdown{
    width:min(220px,calc(100vw - 24px));
  }
}


/* v1.8.0 media posting integration */
.ccsd-composer .ccmp-controls{
  margin-top:10px;
}
.ccsd-media-plugin-note{
  margin-top:10px;
  color:#9da1a9;
  font-size:12px;
}
.ccsd-post-card .ccmp-activity-media{
  margin-top:14px;
}
@media(max-width:600px){
  .ccsd-composer .ccmp-option-row{
    gap:7px;
  }
}


/* v1.9.0 desktop profile, resilient logo, compact composer, footer */
.ccsd-brand-mark{
  flex:0 0 46px!important;
  min-width:46px!important;
  width:46px!important;
  height:46px!important;
}
.ccsd-brand-copy{min-width:0}
.ccsd-brand-copy strong,.ccsd-brand-copy em{white-space:nowrap}

.ccsd-desktop-profile-wrap{
  display:flex;justify-content:flex-end;align-items:center;width:100%;
  min-height:56px;margin:0 0 18px;overflow:visible;
}
.ccsd-desktop-avatar{width:52px!important;height:52px!important;border-radius:50%!important;overflow:hidden!important}
.ccsd-desktop-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.ccsd-desktop-profile-wrap .ccsd-profile-dropdown{top:calc(100% + 10px)}

.ccsd-composer{padding:16px 18px!important}
.ccsd-composer textarea{min-height:74px!important}
.ccsd-composer-actions{margin-top:8px!important}
.ccsd-composer .ccsd-helper{display:none!important}

.ccsd-footer{width:100%;margin-top:42px;background:#101113;color:#fff}
.ccsd-footer-inner{width:min(100% - 40px,1360px);margin:0 auto;padding:26px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.ccsd-footer-brand{display:flex;align-items:center;gap:10px;color:#fff!important}
.ccsd-footer-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ed1c24;color:#fff;font-size:14px;font-weight:900}
.ccsd-footer-brand>span:last-child{display:flex;flex-direction:column;line-height:.95}
.ccsd-footer-brand strong{font-size:13px;letter-spacing:.03em}
.ccsd-footer-brand em{margin-top:4px;color:#ff4150;font-size:11px;font-style:normal;font-weight:900;letter-spacing:.14em}
.ccsd-footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px}
.ccsd-footer-links a{color:#d6d8dc!important;font-size:12px;font-weight:700}
.ccsd-footer-links a:hover{color:#fff!important}
.ccsd-footer-copy{color:#8f939a;font-size:11px;white-space:nowrap}

@media (min-width:1081px) and (max-width:1220px){
  .ccsd-brand-copy strong{font-size:15px!important}
  .ccsd-brand-copy em{font-size:13px!important}
}
@media (max-width:1080px){
  .ccsd-desktop-profile-wrap{display:none!important}
  .ccsd-footer{margin-top:0;padding-bottom:78px}
  .ccsd-footer-inner{width:min(100% - 24px,760px);grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px}
}


/* v1.9.2 — consistent profile menu icons */
.ccsd-profile-dropdown a svg{
  display:block;
  flex:0 0 20px;
  width:20px;
  height:20px;
}


/* v1.9.3 — connected, accessible profile dropdown */
.ccsd-profile-menu{
  z-index:260;
}

/* Invisible hover bridge fills the gap between avatar and dropdown. */
.ccsd-profile-menu::after{
  content:"";
  position:absolute;
  top:100%;
  right:0;
  width:220px;
  height:14px;
  background:transparent;
}

.ccsd-profile-menu:focus-within .ccsd-profile-dropdown{
  display:block!important;
}

@media (max-width:600px){
  .ccsd-profile-menu::after{
    width:min(220px,calc(100vw - 24px));
  }
}


/* v1.9.6 — concise action labels and protected tablet/mobile gutters */
@media (max-width:1080px){
  .ccsd-shell{
    overflow-x:hidden!important;
  }

  .ccsd-main{
    width:100%!important;
    max-width:100%!important;
    padding-left:clamp(18px,2.6vw,24px)!important;
    padding-right:clamp(18px,2.6vw,24px)!important;
  }

  .ccsd-hero,
  .ccsd-section,
  .ccsd-composer,
  .ccsd-feed-section{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .ccsd-section-heading{
    padding-left:2px;
    padding-right:2px;
    gap:14px;
  }

  .ccsd-section-heading > div{
    min-width:0;
  }

  .ccsd-section-heading > a{
    flex:0 0 auto;
    margin-right:2px;
  }

  .ccsd-people-row{
    padding-right:4px;
  }
}

@media (max-width:600px){
  .ccsd-main{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .ccsd-hero{
    border-radius:24px;
  }

  .ccsd-section-heading{
    padding-left:1px;
    padding-right:1px;
  }
}

/* v1.9.7 — sitewide shell desktop rail compatibility */
@media (min-width:1081px){
 body.ccsws-active .ccsd-main{min-width:0!important}
 body.ccsws-active .ccsd-rightbar{min-width:0!important}
}

/* v1.9.8 persistent activity link previews */
.ccsd-link-preview{
  display:block;
  margin-top:16px;
  overflow:hidden;
  border:1px solid #dfe2e7;
  border-radius:18px;
  background:#17191d;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.ccsd-link-preview:hover{transform:none;color:#fff!important}
.ccsd-link-preview-image{
  display:block;
  width:100%;
  aspect-ratio:1.9/1;
  object-fit:cover;
  background:#e9ebef;
}
.ccsd-link-preview-copy{display:block;padding:16px 18px 18px}
.ccsd-link-preview-host{
  display:block;
  margin-bottom:8px;
  color:#aeb3bc;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
}
.ccsd-link-preview-copy strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.25;
  font-weight:800;
}
.ccsd-link-preview-description{
  display:block;
  margin-top:7px;
  color:#c5c8cf;
  font-size:14px;
  line-height:1.45;
}
@media(max-width:600px){
  .ccsd-link-preview{border-radius:14px}
  .ccsd-link-preview-copy{padding:13px 14px 15px}
  .ccsd-link-preview-copy strong{font-size:16px}
  .ccsd-link-preview-description{font-size:13px}
}

/* Randomized preferred-user feed + automatic infinite scroll */
.ccsd-feed-loader{display:flex;align-items:center;justify-content:center;gap:10px;min-height:28px;margin:10px 0 0;color:#747984;font-weight:700;text-align:center}
.ccsd-feed-loader:not(.is-loading):not(.is-complete){min-height:1px;margin:0;overflow:hidden}
.ccsd-feed-loader:not(.is-loading):not(.is-complete) .ccsd-feed-status{display:none}
.ccsd-feed-spinner{width:20px;height:20px;border:3px solid rgba(116,121,132,.22);border-top-color:#f51f2d;border-radius:50%;animation:ccsd-feed-spin .8s linear infinite}
.ccsd-feed-spinner[hidden]{display:none!important}
.ccsd-feed-loader.is-loading{min-height:72px}
.ccsd-feed-loader.is-complete{min-height:92px;border-top:1px solid #e5e7eb;margin-top:8px}
.ccsd-feed-loader.is-complete .ccsd-feed-status{color:#8a8f99}
@keyframes ccsd-feed-spin{to{transform:rotate(360deg)}}

/* v1.12.2 — compact logged-out Start Connecting card */
.ccsd-composer.is-guest{
  min-height:0!important;
  height:auto!important;
  padding:22px 28px!important;
  margin-top:24px!important;
  align-items:center!important;
  gap:22px!important;
  overflow:hidden!important;
}
.ccsd-composer.is-guest .ccsd-composer-avatar{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  margin:0!important;
}
.ccsd-composer.is-guest .ccsd-composer-body{
  min-height:0!important;
  height:auto!important;
  display:block!important;
}
.ccsd-composer.is-guest .ccsd-guest-connect{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  align-items:center!important;
}
.ccsd-composer.is-guest .ccsd-guest-connect h3{
  margin:5px 0 4px!important;
}
.ccsd-composer.is-guest .ccsd-guest-connect p{
  margin:0!important;
}
.ccsd-composer.is-guest .ccsd-guest-connect-actions{
  align-self:center!important;
}

@media (max-width:600px){
  .ccsd-composer.is-guest{
    padding:24px 28px 26px!important;
    gap:18px!important;
    align-items:flex-start!important;
  }
  .ccsd-composer.is-guest .ccsd-composer-avatar{
    width:50px!important;
    height:50px!important;
    flex-basis:50px!important;
  }
  .ccsd-composer.is-guest .ccsd-guest-connect{
    gap:18px!important;
    align-items:flex-start!important;
  }
  .ccsd-composer.is-guest .ccsd-guest-connect-actions{
    margin-top:0!important;
  }
}


/* v1.13.0 homepage membership redesign */
.ccsd-join-hero{
  min-height:390px;
  border-radius:26px;
  overflow:hidden;
  position:relative;
  display:flex;
  align-items:center;
  padding:42px 44px;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(8,10,13,.98) 0%,rgba(8,10,13,.88) 42%,rgba(8,10,13,.18) 72%,rgba(8,10,13,.08) 100%),
    url("join-community-hero.jpg") center right/cover no-repeat;
  box-shadow:0 18px 40px rgba(17,18,20,.16)
}
.ccsd-join-hero-copy{position:relative;z-index:2;width:min(55%,540px)}
.ccsd-join-hero h1{margin:0 0 15px;font-size:48px;line-height:1.02;letter-spacing:-1.8px;color:#fff}
.ccsd-join-hero h1 strong{display:block;color:#ef2637}
.ccsd-join-hero p{margin:0 0 24px;font-size:19px;color:#f4f4f5}
.ccsd-join-primary{display:flex;align-items:center;justify-content:center;width:min(100%,370px);min-height:66px;border-radius:16px;background:linear-gradient(135deg,#e51d2f,#f12b3b);color:#fff!important;text-decoration:none!important;text-transform:uppercase;font-size:23px;font-weight:900;box-shadow:0 15px 32px rgba(226,29,47,.3)}
.ccsd-member-login{display:block;width:min(100%,370px);margin-top:15px;text-align:center;font-size:14px;color:#fff}
.ccsd-member-login a{color:#ff3447!important;font-weight:900;text-decoration:none!important}

.ccsd-people-row{gap:18px}
.ccsd-person-card{flex:1 0 170px;min-width:170px}
.ccsd-view-member{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#111;color:#fff!important;text-decoration:none!important;padding:9px 18px;font-size:12px;font-weight:900;transition:.2s}
.ccsd-view-member:hover{background:var(--cc-red);transform:translateY(-1px)}
.ccsd-view-member.compact{padding:7px 13px;font-size:11px;flex:0 0 auto}
.ccsd-view-member.large{min-height:44px;padding:0 22px;font-size:13px}

.ccsd-why-join h3{font-size:25px;margin:0 0 15px}
.ccsd-why-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--cc-line)}
.ccsd-why-item>span{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:50%;background:#e92535;color:#fff;font-weight:900}
.ccsd-why-item>div{display:flex;flex-direction:column;gap:3px}
.ccsd-why-item strong{font-size:14px}
.ccsd-why-item small{font-size:11px;color:var(--cc-muted);line-height:1.35}
.ccsd-why-join-button{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:16px;border-radius:9px;background:linear-gradient(135deg,#e51d2f,#ef2d3d);color:#fff!important;text-decoration:none!important;text-transform:uppercase;font-weight:900}
.ccsd-why-learn{display:block;margin-top:13px;text-align:center;color:var(--cc-red)!important;text-decoration:none!important;font-size:11px;font-weight:800}

.ccsd-editor-member-list{display:grid;gap:18px}
.ccsd-editor-member-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 15px;border:1px solid var(--cc-line);border-radius:20px;background:#fff}
.ccsd-editor-member-card img{width:116px;height:116px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 0 0 4px #ff3f4c}
.ccsd-editor-name{margin-top:15px;color:var(--cc-text)!important;text-decoration:none!important;font-size:18px;font-weight:900}
.ccsd-editor-member-card>span{margin:4px 0 14px;color:var(--cc-muted);font-size:13px}

@media(min-width:821px){
  .ccsd-people-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}
  .ccsd-person-card{min-width:0;width:auto}
}
@media(max-width:1100px) and (min-width:821px){
  .ccsd-people-row{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ccsd-join-hero h1{font-size:39px}
}
@media(max-width:820px){
  .ccsd-join-hero{min-height:440px;padding:30px 24px;align-items:flex-end;background-position:64% center}
  .ccsd-join-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,10,13,.98) 0%,rgba(8,10,13,.68) 47%,rgba(8,10,13,.08) 78%)}
  .ccsd-join-hero-copy{width:100%}
  .ccsd-join-hero h1{font-size:37px}
  .ccsd-join-primary,.ccsd-member-login{width:100%}
}
@media(max-width:520px){
  .ccsd-join-hero{min-height:420px;padding:24px 18px}
  .ccsd-join-hero h1{font-size:32px}
  .ccsd-join-hero p{font-size:16px}
  .ccsd-join-primary{min-height:57px;font-size:20px}
}


/* v1.13.1 — polished membership hero and member rails */
.ccsd-main .ccsd-join-hero{
  min-height:360px!important;
  padding:38px 42px!important;
  background:
    linear-gradient(90deg,rgba(6,8,11,.98) 0%,rgba(6,8,11,.93) 37%,rgba(6,8,11,.48) 58%,rgba(6,8,11,.06) 82%),
    url("join-community-hero.jpg") 88% center/cover no-repeat!important;
}
.ccsd-main .ccsd-join-hero-copy{width:min(52%,500px)!important}
.ccsd-main .ccsd-join-hero h1{font-size:45px!important;line-height:1.01!important;margin-bottom:14px!important}
.ccsd-main .ccsd-join-hero p{margin-bottom:25px!important}
.ccsd-main .ccsd-join-primary,
.ccsd-rightbar .ccsd-why-join-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,#f21f34 0%,#e5162b 100%)!important;
  border:0!important;
  border-radius:15px!important;
  min-height:62px!important;
  font-size:20px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  box-shadow:0 14px 30px rgba(235,25,45,.32)!important;
}
.ccsd-main .ccsd-join-primary:hover,
.ccsd-rightbar .ccsd-why-join-button:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.04)!important;
}
.ccsd-rightbar .ccsd-why-join{
  padding:25px 24px 22px!important;
}
.ccsd-rightbar .ccsd-why-join h3{margin-bottom:8px!important}
.ccsd-rightbar .ccsd-why-item{padding:10px 0!important}
.ccsd-rightbar .ccsd-why-join-button{
  min-height:50px!important;
  margin-top:14px!important;
  border-radius:10px!important;
  font-size:15px!important;
}
.ccsd-rightbar .ccsd-why-learn{margin-top:12px!important}
.ccsd-members-section{margin-top:25px!important}
.ccsd-members-section .ccsd-section-heading{margin-bottom:14px!important}
.ccsd-members-section .ccsd-people-row{
  display:flex!important;
  gap:15px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity;
  padding:2px 2px 14px!important;
  scrollbar-width:thin;
}
.ccsd-members-section .ccsd-person-card{
  flex:0 0 158px!important;
  min-width:158px!important;
  width:158px!important;
  padding:18px 12px!important;
  scroll-snap-align:start;
}
.ccsd-members-section .ccsd-person-photo img{width:92px!important;height:92px!important}
.ccsd-members-section .ccsd-person-name{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
}
.ccsd-members-section .ccsd-person-handle{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
}
.ccsd-members-section .ccsd-view-member{
  min-width:82px!important;
  min-height:39px!important;
  margin-top:12px!important;
  padding:0 18px!important;
  background:#111!important;
  color:#fff!important;
  font-size:12px!important;
}
.ccsd-members-section .ccsd-view-member:hover{background:#f21f34!important}
.ccsd-rightbar .ccsd-suggested-row{gap:10px!important}
.ccsd-rightbar .ccsd-suggested-row>div{min-width:0!important}
.ccsd-rightbar .ccsd-suggested-row>div>a,
.ccsd-rightbar .ccsd-suggested-row>div>span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:820px){
  .ccsd-main .ccsd-join-hero{
    min-height:375px!important;
    padding:25px 20px 27px!important;
    align-items:flex-end!important;
    background:
      linear-gradient(0deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.80) 38%,rgba(5,7,10,.18) 69%,rgba(5,7,10,.05) 100%),
      url("join-community-hero.jpg") 82% center/cover no-repeat!important;
  }
  .ccsd-main .ccsd-join-hero:after{display:none!important}
  .ccsd-main .ccsd-join-hero-copy{width:100%!important}
  .ccsd-main .ccsd-join-hero h1{font-size:34px!important;max-width:360px!important}
  .ccsd-main .ccsd-join-hero p{font-size:16px!important;margin-bottom:18px!important}
  .ccsd-main .ccsd-join-primary{
    width:100%!important;
    min-height:57px!important;
    font-size:19px!important;
  }
  .ccsd-main .ccsd-member-login{width:100%!important;margin-top:13px!important}
  .ccsd-members-section .ccsd-person-card{
    flex-basis:154px!important;
    min-width:154px!important;
    width:154px!important;
  }
}
@media(max-width:520px){
  .ccsd-main .ccsd-join-hero{
    min-height:350px!important;
    background-position:86% center!important;
  }
  .ccsd-main .ccsd-join-hero h1{font-size:31px!important}
}


/* v1.13.2 — persistent red CTA hover states and logged-in/member sidebar refinements */
.ccsd-join-primary,
.ccsd-join-primary:link,
.ccsd-join-primary:visited,
.ccsd-join-primary:hover,
.ccsd-join-primary:focus,
.ccsd-join-primary:active,
.ccsd-why-join-button,
.ccsd-why-join-button:link,
.ccsd-why-join-button:visited,
.ccsd-why-join-button:hover,
.ccsd-why-join-button:focus,
.ccsd-why-join-button:active{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:linear-gradient(135deg,#ff243b 0%,#e8182e 100%)!important;
  border-color:transparent!important;
  text-decoration:none!important;
  text-shadow:none!important;
  box-shadow:0 14px 30px rgba(235,25,45,.32)!important;
}
.ccsd-join-primary:hover,
.ccsd-join-primary:focus,
.ccsd-why-join-button:hover,
.ccsd-why-join-button:focus{
  background:linear-gradient(135deg,#ff354a 0%,#f01b32 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  filter:none!important;
}
.ccsd-featured-member-list{
  display:grid;
  gap:18px;
}
.ccsd-featured-member-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:22px 15px;
  text-align:center;
  background:#fff;
  border:1px solid var(--cc-line);
  border-radius:20px;
}
.ccsd-featured-member-card img{
  width:116px;
  height:116px;
  object-fit:cover;
  border-radius:50%;
  border:5px solid #fff;
  box-shadow:0 0 0 4px #ff3f4c;
}
.ccsd-featured-name{
  max-width:100%;
  margin-top:15px;
  overflow:hidden;
  color:var(--cc-text)!important;
  font-size:18px;
  font-weight:900;
  text-decoration:none!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ccsd-featured-member-card>span{
  max-width:100%;
  margin:4px 0 14px;
  overflow:hidden;
  color:var(--cc-muted);
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ccsd-shell:has(.ccsd-composer.is-member) .ccsd-main{
  padding-top:0;
}
@media(max-width:820px){
  .ccsd-featured-member-list{
    display:flex;
    gap:14px;
    overflow-x:auto;
    padding-bottom:8px;
    scroll-snap-type:x proximity;
  }
  .ccsd-featured-member-card{
    flex:0 0 240px;
    scroll-snap-align:start;
  }
}


/* v1.13.3 — hard override for theme hover rules on Join Free CTAs */
html body .ccsd-shell .ccsd-main a.ccsd-join-primary,
html body .ccsd-shell .ccsd-main a.ccsd-join-primary:link,
html body .ccsd-shell .ccsd-main a.ccsd-join-primary:visited,
html body .ccsd-shell .ccsd-main a.ccsd-join-primary:hover,
html body .ccsd-shell .ccsd-main a.ccsd-join-primary:focus,
html body .ccsd-shell .ccsd-main a.ccsd-join-primary:active,
html body .ccsd-shell .ccsd-rightbar a.ccsd-why-join-button,
html body .ccsd-shell .ccsd-rightbar a.ccsd-why-join-button:link,
html body .ccsd-shell .ccsd-rightbar a.ccsd-why-join-button:visited,
html body .ccsd-shell .ccsd-rightbar a.ccsd-why-join-button:hover,
html body .ccsd-shell .ccsd-rightbar a.ccsd-why-join-button:focus,
html body .ccsd-shell .ccsd-rightbar a.ccsd-why-join-button:active{
  position:relative!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background-color:#f21f34!important;
  background-image:linear-gradient(135deg,#ff243b 0%,#e8182e 100%)!important;
  border:0!important;
  outline:0!important;
  text-decoration:none!important;
  text-shadow:none!important;
  box-shadow:0 14px 30px rgba(235,25,45,.32)!important;
}
html body .ccsd-shell .ccsd-main a.ccsd-join-primary:hover,
html body .ccsd-shell .ccsd-main a.ccsd-join-primary:focus,
html body .ccsd-shell .ccsd-rightbar a.ccsd-why-join-button:hover,
html body .ccsd-shell .ccsd-rightbar a.ccsd-why-join-button:focus{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background-color:#ff4054!important;
  background-image:linear-gradient(135deg,#ff5365 0%,#ff263d 100%)!important;
  box-shadow:0 17px 34px rgba(235,25,45,.38)!important;
  transform:translateY(-2px)!important;
}
html body .ccsd-shell a.ccsd-join-primary::before,
html body .ccsd-shell a.ccsd-join-primary::after,
html body .ccsd-shell a.ccsd-why-join-button::before,
html body .ccsd-shell a.ccsd-why-join-button::after{
  display:none!important;
  content:none!important;
}


/* v1.13.4 — raise logged-in member discovery content above the fold */
@media (min-width:821px){
  .ccsd-shell.ccsd-is-logged-in .ccsd-main > .ccsd-people-section:first-child{
    margin-top:12px!important;
  }
}
@media (max-width:820px){
  .ccsd-shell.ccsd-is-logged-in .ccsd-main > .ccsd-people-section:first-child{
    margin-top:16px!important;
  }
}


/* v1.13.6 — responsive New Members rail */
/* The actual section class is .ccsd-people-section. Previous rules targeted a class
   that is not present in the rendered dashboard, so they never took effect. */
@media (min-width:1101px){
  .ccsd-main .ccsd-people-section .ccsd-people-row{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:14px!important;
    overflow:visible!important;
  }
  .ccsd-main .ccsd-people-section .ccsd-person-card{
    display:block!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    flex:none!important;
  }
}
@media (min-width:821px) and (max-width:1100px){
  .ccsd-main .ccsd-people-section .ccsd-people-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    overflow:visible!important;
  }
  .ccsd-main .ccsd-people-section .ccsd-person-card{
    display:block!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    flex:none!important;
  }
  .ccsd-main .ccsd-people-section .ccsd-person-card:nth-child(n+5){
    display:none!important;
  }
}
@media (max-width:820px){
  .ccsd-main .ccsd-people-section .ccsd-people-row{
    display:flex!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .ccsd-main .ccsd-people-section .ccsd-person-card{
    display:block!important;
    flex:0 0 142px!important;
    min-width:142px!important;
    scroll-snap-align:start;
  }
}
@media (max-width:520px){
  .ccsd-main .ccsd-people-section .ccsd-person-card{
    flex-basis:132px!important;
    min-width:132px!important;
  }
}

/* v1.13.7 — clean responsive membership hero crop
   Desktop keeps the original wide composition. Tablet and mobile use a
   dedicated portrait crop so the artwork contains only the member photo and
   never clashes with the live hero copy. */
@media (min-width:821px) and (max-width:1100px){
  .ccsd-main .ccsd-join-hero{
    min-height:410px!important;
    padding:34px 32px!important;
    align-items:center!important;
    background:
      linear-gradient(90deg,rgba(5,7,10,.97) 0%,rgba(5,7,10,.88) 38%,rgba(5,7,10,.38) 63%,rgba(5,7,10,.04) 100%),
      url("join-community-hero-responsive.jpg") 78% 34%/cover no-repeat!important;
  }
  .ccsd-main .ccsd-join-hero-copy{
    width:min(54%,500px)!important;
  }
  .ccsd-main .ccsd-join-hero h1{
    max-width:430px!important;
    font-size:40px!important;
  }
}
@media (max-width:820px){
  .ccsd-main .ccsd-join-hero{
    min-height:430px!important;
    padding:26px 22px 28px!important;
    align-items:flex-end!important;
    background:
      linear-gradient(0deg,rgba(5,7,10,.99) 0%,rgba(5,7,10,.88) 35%,rgba(5,7,10,.30) 62%,rgba(5,7,10,.03) 100%),
      url("join-community-hero-responsive.jpg") center 24%/cover no-repeat!important;
  }
  .ccsd-main .ccsd-join-hero-copy{
    width:100%!important;
  }
}
@media (max-width:520px){
  .ccsd-main .ccsd-join-hero{
    min-height:410px!important;
    background-position:center 20%!important;
  }
}

/* v1.13.8 — compact Instagram-style activity controls */
.ccsd-post-card{
  padding:16px 16px 8px!important;
  border-radius:20px!important;
}
.ccsd-post-content{
  margin:11px 0 5px!important;
  line-height:1.5!important;
}
.ccsd-post-content p:last-child{margin-bottom:0!important}
.ccsd-post-card img,.ccsd-post-card video{display:block}
.ccsd-post-card .ccmp-media-wrap,
.ccsd-post-card .ccmp-activity-media,
.ccsd-post-card [class*="media-preview"],
.ccsd-post-card [class*="link-preview"]{
  margin-bottom:3px!important;
}
.ccsd-post-actions,
.ccsd-post-card .ccmp-activity-actions,
.ccsd-post-card .ccmp-interactions,
.ccsd-post-card .ccmp-activity-interactions,
.ccsd-post-card [class*="interaction"]{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  min-height:38px!important;
  margin-top:4px!important;
  padding:3px 0 0!important;
  border-top:0!important;
}
.ccsd-post-actions button,
.ccsd-post-card .ccmp-activity-actions button,
.ccsd-post-card .ccmp-activity-actions a,
.ccsd-post-card .ccmp-interactions button,
.ccsd-post-card .ccmp-interactions a,
.ccsd-post-card .ccmp-activity-interactions button,
.ccsd-post-card .ccmp-activity-interactions a{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:36px!important;
  min-height:34px!important;
  padding:4px 6px!important;
  margin:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#17181b!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:0!important;
  line-height:1!important;
  box-shadow:none!important;
}
.ccsd-post-actions button:hover,
.ccsd-post-card .ccmp-activity-actions button:hover,
.ccsd-post-card .ccmp-activity-actions a:hover,
.ccsd-post-card .ccmp-interactions button:hover,
.ccsd-post-card .ccmp-interactions a:hover,
.ccsd-post-card .ccmp-activity-interactions button:hover,
.ccsd-post-card .ccmp-activity-interactions a:hover{
  background:#f3f4f6!important;
  color:#111!important;
}
.ccsd-post-card .ccsd-action-icon{
  width:24px!important;
  height:24px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.ccsd-post-card .ccsd-action-count{
  display:inline!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  color:inherit!important;
}
.ccsd-post-card .ccsd-action-share{margin-left:auto!important}
.ccsd-post-card .is-liked,
.ccsd-post-card [aria-pressed="true"]{
  color:var(--cc-red)!important;
}
.ccsd-post-card .is-liked .ccsd-action-icon,
.ccsd-post-card [aria-pressed="true"] .ccsd-action-icon{
  fill:currentColor!important;
}
@media(max-width:720px){
  .ccsd-feed{gap:10px!important}
  .ccsd-post-card{padding:12px 11px 6px!important;border-radius:17px!important}
  .ccsd-post-head img{width:42px!important;height:42px!important;margin-right:10px!important}
  .ccsd-post-content{margin:8px 0 3px!important;line-height:1.4!important}
  .ccsd-post-actions,
  .ccsd-post-card .ccmp-activity-actions,
  .ccsd-post-card .ccmp-interactions,
  .ccsd-post-card .ccmp-activity-interactions,
  .ccsd-post-card [class*="interaction"]{margin-top:2px!important;min-height:36px!important}
}

/* v1.13.9 — compact story-style member rail and tighter dashboard rhythm */
.ccsd-main .ccsd-people-section{
  margin:0 0 10px!important;
  padding:0!important;
}
.ccsd-main .ccsd-people-section .ccsd-section-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 0 8px!important;
  padding:0 2px!important;
}
.ccsd-main .ccsd-people-section .ccsd-section-heading h2{
  margin:0!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  color:#111318!important;
}
.ccsd-main .ccsd-people-section .ccsd-section-heading>a{
  margin:0!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  color:var(--cc-red)!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.ccsd-main .ccsd-people-section .ccsd-people-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:2px 2px 7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
.ccsd-main .ccsd-people-section .ccsd-people-row::-webkit-scrollbar{display:none!important}
.ccsd-main .ccsd-people-section .ccsd-person-photo{
  display:block!important;
  flex:0 0 76px!important;
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  scroll-snap-align:start!important;
  text-decoration:none!important;
}
.ccsd-main .ccsd-people-section .ccsd-story-ring{
  display:grid!important;
  place-items:center!important;
  width:76px!important;
  height:76px!important;
  padding:3px!important;
  border-radius:50%!important;
  background:conic-gradient(from 210deg,#ffb000,#ff304f,#d300c5,#7638fa,#ff304f,#ffb000)!important;
  transition:transform .18s ease,filter .18s ease!important;
}
.ccsd-main .ccsd-people-section .ccsd-person-photo:hover .ccsd-story-ring,
.ccsd-main .ccsd-people-section .ccsd-person-photo:focus-visible .ccsd-story-ring{
  transform:scale(1.035)!important;
  filter:saturate(1.08)!important;
}
.ccsd-main .ccsd-people-section .ccsd-story-ring img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  box-shadow:none!important;
}
.ccsd-main .ccsd-composer{
  margin-top:4px!important;
  margin-bottom:10px!important;
}
.ccsd-main .ccsd-feed-section{
  margin-top:0!important;
  padding-top:0!important;
}
.ccsd-main .ccsd-feed{gap:10px!important}
.ccsd-main .ccsd-feed-section>.ccsd-section-heading{display:none!important}

@media(min-width:821px){
  .ccsd-main .ccsd-people-section{margin-top:0!important}
  .ccsd-main .ccsd-people-section .ccsd-person-photo,
  .ccsd-main .ccsd-people-section .ccsd-story-ring{
    flex-basis:72px!important;
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
  }
}
@media(max-width:820px){
  .ccsd-main{padding-top:10px!important}
  .ccsd-main .ccsd-people-section{margin-bottom:7px!important}
  .ccsd-main .ccsd-people-section .ccsd-section-heading{margin-bottom:7px!important}
  .ccsd-main .ccsd-people-section .ccsd-section-heading h2{font-size:22px!important}
  .ccsd-main .ccsd-people-section .ccsd-people-row{gap:10px!important;padding-bottom:5px!important}
  .ccsd-main .ccsd-people-section .ccsd-person-photo,
  .ccsd-main .ccsd-people-section .ccsd-story-ring{
    flex-basis:70px!important;
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
  }
  .ccsd-main .ccsd-composer{margin-top:2px!important;margin-bottom:8px!important}
}
@media(max-width:520px){
  .ccsd-main{padding-top:6px!important}
  .ccsd-main .ccsd-people-section .ccsd-section-heading{padding:0 1px!important}
  .ccsd-main .ccsd-people-section .ccsd-section-heading h2{font-size:21px!important}
  .ccsd-main .ccsd-people-section .ccsd-person-photo,
  .ccsd-main .ccsd-people-section .ccsd-story-ring{
    flex-basis:66px!important;
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
  }
}

/* v1.13.10 — tighter mobile/tablet top rhythm and left-aligned composer tools */
@media (max-width:900px){
  /* The shared mobile masthead already supplies breathing room. Pull the first
     dashboard section into that space instead of stacking another large gap. */
  .ccsd-main .ccsd-people-section{
    margin-top:-48px!important;
  }
  .ccsd-main .ccsd-people-section .ccsd-section-heading{
    padding-right:10px!important;
  }
  .ccsd-main .ccsd-people-section .ccsd-section-heading>a{
    padding-right:2px!important;
  }

  /* Let the composer body span the card. The avatar stays beside the prompt,
     while photo/video tools begin at the card's left edge. */
  .ccsd-composer.is-member{
    position:relative!important;
    display:block!important;
  }
  .ccsd-composer.is-member .ccsd-composer-avatar{
    position:absolute!important;
    top:15px!important;
    left:15px!important;
    z-index:2!important;
  }
  .ccsd-composer.is-member .ccsd-composer-body{
    width:100%!important;
    min-width:0!important;
  }
  .ccsd-composer.is-member textarea{
    padding-left:62px!important;
  }
  .ccsd-composer.is-member .ccmp-controls{
    margin-left:0!important;
    padding-left:0!important;
  }
  .ccsd-composer.is-member .ccmp-option-row{
    justify-content:flex-start!important;
    margin-left:0!important;
    padding-left:0!important;
  }
}

@media (max-width:600px){
  .ccsd-main .ccsd-people-section{
    margin-top:-56px!important;
  }
  .ccsd-main .ccsd-people-section .ccsd-section-heading{
    padding-right:8px!important;
  }
  .ccsd-composer.is-member .ccsd-composer-avatar{
    top:14px!important;
    left:14px!important;
  }
  .ccsd-composer.is-member textarea{
    padding-left:58px!important;
  }
}

/* v1.13.11 — remove residual mobile/tablet masthead gap */
@media (max-width:1080px){
  /* The shared sitewide masthead already provides its own lower spacing.
     Pull the complete dashboard stack upward so New Members begins directly
     beneath it, with the rest of the page following naturally. */
  .ccsd-main{
    position:relative!important;
    top:-66px!important;
    margin-bottom:-66px!important;
  }

  .ccsd-main .ccsd-people-section{
    margin-top:0!important;
  }

  .ccsd-main .ccsd-people-section .ccsd-section-heading{
    padding-left:2px!important;
    padding-right:14px!important;
  }

  .ccsd-main .ccsd-people-section .ccsd-section-heading>a{
    padding-right:2px!important;
  }

  /* Media Posts positions this row absolutely with a large left offset.
     Override that placement so the photo/video tools sit at the card's
     actual lower-left corner. */
  #ccsd-composer.ccsd-composer .ccmp-option-row,
  .ccsd-composer.is-member .ccmp-option-row{
    left:16px!important;
    right:auto!important;
    margin-left:0!important;
    padding-left:0!important;
    justify-content:flex-start!important;
  }
}

@media (max-width:600px){
  .ccsd-main{
    top:-72px!important;
    margin-bottom:-72px!important;
  }

  .ccsd-main .ccsd-people-section .ccsd-section-heading{
    padding-right:12px!important;
  }

  #ccsd-composer.ccsd-composer .ccmp-option-row,
  .ccsd-composer.is-member .ccmp-option-row{
    left:14px!important;
  }
}


/* v1.13.12 mobile compact new members */
@media (max-width:1024px){
.cc-new-members-header{
display:flex;
align-items:center;
justify-content:space-between;
padding:8px 16px 6px!important;
margin:0!important;
}
.cc-new-members-header h2,
.cc-new-members-title{
font-size:30px!important;
line-height:1.05!important;
font-weight:800!important;
margin:0!important;
}
.cc-new-members-header .view-all,
.cc-new-members-view-all{
font-size:17px!important;
font-weight:700!important;
margin-right:6px!important;
}
.cc-member-stories,
.cc-story-row{
margin-top:8px!important;
margin-bottom:12px!important;
padding-top:0!important;
}
.cc-composer,
.cc-post-composer{
margin-top:12px!important;
}
}


/* v1.13.13 — restore compact New Members heading for logged-in mobile/tablet */
@media (max-width:1080px){
  /* The previous upward shift hid the heading beneath the fixed masthead.
     Keep the dashboard compact, but leave enough room for the title row. */
  .ccsd-shell.ccsd-is-logged-in .ccsd-main{
    top:-32px!important;
    margin-bottom:-32px!important;
  }

  .ccsd-shell.ccsd-is-logged-in .ccsd-people-section{
    margin-top:0!important;
    padding-top:4px!important;
  }

  .ccsd-main .ccsd-people-section .ccsd-section-heading{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:3!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:30px!important;
    margin:0 0 6px!important;
    padding:0 14px 0 4px!important;
  }

  .ccsd-main .ccsd-people-section .ccsd-section-heading h2{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin:0!important;
    font-size:22px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    color:#111318!important;
    white-space:nowrap!important;
  }

  .ccsd-main .ccsd-people-section .ccsd-section-heading>a{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin:0!important;
    padding-right:2px!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    color:var(--cc-red)!important;
    white-space:nowrap!important;
  }

  /* A small breathing gap keeps the story rings from touching the masthead. */
  .ccsd-main .ccsd-people-section .ccsd-people-row{
    padding-top:3px!important;
  }
}

@media (max-width:600px){
  .ccsd-shell.ccsd-is-logged-in .ccsd-main{
    top:-34px!important;
    margin-bottom:-34px!important;
  }

  .ccsd-main .ccsd-people-section .ccsd-section-heading{
    padding-left:2px!important;
    padding-right:12px!important;
    margin-bottom:5px!important;
  }

  .ccsd-main .ccsd-people-section .ccsd-section-heading h2{
    font-size:22px!important;
  }

  .ccsd-main .ccsd-people-section .ccsd-section-heading>a{
    font-size:13px!important;
  }
}


/* v1.13.14 shared live interaction state */
.ccsd-post-card .ccmp-interactions [data-ccmp-like].is-liked,
.ccsd-post-card .ccmp-interactions [data-ccmp-like][aria-pressed="true"]{color:var(--cc-red,#ed1c24)!important}
.ccsd-post-card .ccmp-interactions [data-ccmp-like].is-liked .ccmp-heart-icon,
.ccsd-post-card .ccmp-interactions [data-ccmp-like][aria-pressed="true"] .ccmp-heart-icon{fill:currentColor!important;stroke:currentColor!important}
.ccsd-post-card .ccmp-comment-icon,.ccsd-post-card .ccmp-send-icon{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.ccsd-post-card .ccmp-comments-preview{margin-top:1px!important;margin-bottom:7px!important}
.ccsd-post-card .ccmp-comments-panel{padding-top:7px!important}


/* v1.13.19 — keep composer media controls anchored at the card's lower-left on every screen size */
#ccsd-composer.ccsd-composer .ccmp-option-row,
.ccsd-composer.is-member .ccmp-option-row{
  left:18px!important;
  right:auto!important;
  margin-left:0!important;
  padding-left:0!important;
  justify-content:flex-start!important;
}
@media(max-width:600px){
  #ccsd-composer.ccsd-composer .ccmp-option-row,
  .ccsd-composer.is-member .ccmp-option-row{left:14px!important}
}

/* Conservative Connect Stories integration */
.ccsd-stories-wrap{margin:0 0 18px}.ccsd-stories-wrap .ccs-shell{margin:0}.ccsd-stories-wrap:empty{display:none}
@media(max-width:700px){.ccsd-stories-wrap{margin-bottom:14px}}

/* Stories action dialog integration: keep options centered above fixed app navigation. */
.ccsd-app .ccs-story-actions-card,.ccsd-wrap .ccs-story-actions-card{top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important}


/* v2.6.1 — remove unused caption space from media-only cards. */
.ccsd-post-card.ccmp-media-only-card .ccsd-post-head{margin-bottom:5px!important}
.ccsd-post-card.ccmp-media-only-card>.ccmp-activity-media,
.ccsd-post-card.ccmp-media-only-card>.ccmp-link-card,
.ccsd-post-card.ccmp-media-only-card>.ccmp-repost-card{margin-top:0!important}

/* v2.6.2 — remove inherited feed gaps from captionless media posts. */
.ccsd-post-card.ccmp-media-only-card{display:block!important;gap:0!important}
.ccsd-post-card.ccmp-media-only-card>.ccsd-post-head{margin:0 0 8px!important;padding-bottom:0!important;min-height:0!important}
.ccsd-post-card.ccmp-media-only-card>.ccmp-activity-media,
.ccsd-post-card.ccmp-media-only-card>.ccmp-link-card,
.ccsd-post-card.ccmp-media-only-card>.ccmp-repost-card{margin:0!important;padding-top:0!important}

/* v2.6.4 — subtle Instagram-style live-story neon border around the dashboard Stories rail. */
.ccsd-stories-wrap .ccs-shell{
  border:1px solid transparent!important;
  border-radius:18px!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(115deg,rgba(255,138,0,.82),rgba(255,45,85,.86) 38%,rgba(193,53,132,.78) 68%,rgba(131,58,180,.72)) border-box!important;
  box-shadow:0 0 14px rgba(225,48,108,.09),0 1px 4px rgba(17,24,39,.04)!important;
}
@media(max-width:700px){
  .ccsd-stories-wrap .ccs-shell{
    border-radius:16px!important;
    box-shadow:0 0 11px rgba(225,48,108,.08),0 1px 3px rgba(17,24,39,.035)!important;
  }
}

/* v2.6.6 — mobile/tablet: preserve a real breathing gap above the Stories rail.
   Use wrapper padding (not a collapsing margin) so the neon top edge cannot slide
   beneath the fixed/reappearing masthead. Desktop remains unchanged. */
@media(max-width:1080px){
  .ccsd-stories-wrap{
    margin-top:0!important;
    padding-top:10px!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:600px){
  .ccsd-stories-wrap{
    padding-top:12px!important;
  }
}

/* v2.6.8 — desktop right rail participates in normal document scrolling.
   Remove its independent sticky viewport and nested scrollbar so the entire
   dashboard scrolls as one conventional desktop page. */
@media (min-width:1081px){
  .ccsd-rightbar{
    position:static!important;
    top:auto!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    align-self:start!important;
  }
}


/* v2.7.0 — guest homepage cleanup: hero → New Members → activity feed */
.ccsd-shell.ccsd-is-guest .ccsd-main .ccsd-join-hero{
  margin-bottom:16px!important;
}
.ccsd-shell.ccsd-is-guest .ccsd-main .ccsd-people-section{
  margin-top:0!important;
  margin-bottom:10px!important;
}
.ccsd-shell.ccsd-is-guest .ccsd-main .ccsd-feed-section{
  margin-top:0!important;
}
@media(max-width:820px){
  .ccsd-shell.ccsd-is-guest .ccsd-main .ccsd-join-hero{margin-bottom:12px!important}
  .ccsd-shell.ccsd-is-guest .ccsd-main .ccsd-people-section{margin-bottom:7px!important}
}


/* v2.7.1 — permanently retire the legacy logged-out Ready to Connect composer on ALL screen sizes. */
.ccsd-shell.ccsd-is-guest .ccsd-composer.is-guest,
.ccsd-shell.ccsd-is-guest #ccsd-composer.is-guest{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
}


/* v2.7.3 — compact caption field only; media preview height is controlled by Media Posts. */
#ccsd-composer.ccsd-composer textarea#ccsd-post-text{min-height:48px!important;height:48px;max-height:180px!important;resize:none!important;overflow-y:auto!important}
@media(max-width:782px){#ccsd-composer.ccsd-composer textarea#ccsd-post-text{min-height:46px!important;height:46px}}

/* v2.7.4 — Media Posts owns a media-only Tag People control; keep it compact in the dashboard composer. */
#ccsd-composer .ccmp-tag-toggle[hidden],.ccsd-composer .ccmp-tag-toggle[hidden]{display:none!important}
#ccsd-composer .ccmp-tag-toggle,.ccsd-composer .ccmp-tag-toggle{width:auto!important;min-width:92px!important;padding:0 13px!important;font-size:13px!important;white-space:nowrap!important}
@media(max-width:782px){#ccsd-composer .ccmp-tag-toggle,.ccsd-composer .ccmp-tag-toggle{min-width:86px!important;padding:0 10px!important;font-size:12px!important}}


/* v2.7.7 — hard-contain New Members avatars inside the neon story ring.
   Some BuddyPress/avatar markup and theme image rules can otherwise change the
   rendered box dimensions on particular images. Keep every layer border-box,
   clip the child image to the ring, and explicitly neutralize max/min sizing. */
.ccsd-main .ccsd-people-section .ccsd-person-photo{
  box-sizing:border-box!important;
  overflow:visible!important;
  aspect-ratio:1 / 1!important;
}
.ccsd-main .ccsd-people-section .ccsd-story-ring{
  box-sizing:border-box!important;
  overflow:hidden!important;
  flex:0 0 76px!important;
  min-width:76px!important;
  min-height:76px!important;
  max-width:76px!important;
  max-height:76px!important;
  aspect-ratio:1 / 1!important;
}
.ccsd-main .ccsd-people-section .ccsd-story-ring > img,
.ccsd-main .ccsd-people-section .ccsd-story-ring img.avatar,
.ccsd-main .ccsd-people-section .ccsd-story-ring img[class*="avatar"]{
  box-sizing:border-box!important;
  display:block!important;
  position:static!important;
  inset:auto!important;
  float:none!important;
  flex:none!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  overflow:hidden!important;
}

/* v2.7.8 — mobile/small-tablet New Members ring clearance.
   Keep desktop/large-tablet unchanged. On narrow touch layouts the horizontal
   rail could clip the final pixels of the neon ring at its bottom edge. Give
   the rail explicit vertical breathing room and keep vertical overflow visible. */
@media (max-width:820px){
  .ccsd-main .ccsd-people-section .ccsd-people-row{
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    align-items:flex-start!important;
    padding-top:2px!important;
    padding-bottom:10px!important;
    min-height:82px!important;
  }
  .ccsd-main .ccsd-people-section .ccsd-person-photo{
    overflow:visible!important;
    flex:0 0 70px!important;
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    min-height:70px!important;
  }
  .ccsd-main .ccsd-people-section .ccsd-story-ring{
    flex:0 0 70px!important;
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    min-height:70px!important;
    max-width:70px!important;
    max-height:70px!important;
  }
}
@media (max-width:520px){
  .ccsd-main .ccsd-people-section .ccsd-people-row{
    padding-bottom:10px!important;
    min-height:78px!important;
  }
  .ccsd-main .ccsd-people-section .ccsd-person-photo{
    flex-basis:66px!important;
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    min-height:66px!important;
  }
  .ccsd-main .ccsd-people-section .ccsd-story-ring{
    flex-basis:66px!important;
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    min-height:66px!important;
    max-width:66px!important;
    max-height:66px!important;
  }
}
@media (hover:none) and (pointer:coarse) and (max-width:820px){
  .ccsd-main .ccsd-people-section .ccsd-person-photo:hover .ccsd-story-ring,
  .ccsd-main .ccsd-people-section .ccsd-person-photo:focus-visible .ccsd-story-ring{
    transform:none!important;
  }
}

/* v2.8.0 — feed discovery breaks */
.ccsd-feed-break{background:#fff;border:1px solid var(--cc-line);border-radius:22px;padding:18px 0;overflow:hidden;box-shadow:0 8px 24px rgba(25,29,38,.04)}
.ccsd-break-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px 14px}.ccsd-break-head h3{margin:0;font-size:18px}.ccsd-break-head a{font-size:13px;font-weight:800;color:var(--cc-red)!important;text-decoration:none!important}
.ccsd-video-rail,.ccsd-follow-rail{display:flex;gap:12px;overflow-x:auto;padding:0 18px 4px;scroll-snap-type:x proximity;scrollbar-width:none}.ccsd-video-rail::-webkit-scrollbar,.ccsd-follow-rail::-webkit-scrollbar{display:none}
.ccsd-video-tile{flex:0 0 190px;color:#111!important;text-decoration:none!important;scroll-snap-align:start}.ccsd-video-crop{height:260px;border-radius:18px;overflow:hidden;background:#111}.ccsd-video-crop video,.ccsd-video-crop img{width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;border-radius:0!important}.ccsd-video-crop .ccmp-video-wrap{height:100%!important;margin:0!important}.ccsd-video-tile>span{display:block;margin-top:8px;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccsd-follow-card{position:relative;flex:0 0 172px;border:1px solid var(--cc-line);border-radius:20px;padding:16px;text-align:center;scroll-snap-align:start}.ccsd-follow-card img{width:92px;height:92px;border-radius:50%;object-fit:cover}.ccsd-follow-card-name{display:block;margin-top:10px;color:#111!important;text-decoration:none!important;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccsd-follow-card>span{display:block;color:var(--cc-muted);font-size:12px;margin:3px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccsd-follow-card .ccsd-follow{width:100%}
@media(max-width:767px){.ccsd-feed-break{border-left:0;border-right:0;border-radius:0}.ccsd-video-tile{flex-basis:154px}.ccsd-video-crop{height:220px}.ccsd-follow-card{flex-basis:150px}.ccsd-follow-card img{width:82px;height:82px}}

/* v2.8.2 — Desktop-only horizontal rail affordance. Touch/tablet keeps native swipe. */
.ccsd-scroll-section{position:relative}
.ccsd-desktop-scroll-next{display:none}
@media (min-width:1081px){
  .ccsd-desktop-scroll-next{
    display:grid;place-items:center;position:absolute;right:8px;top:50%;transform:translateY(-10%);
    z-index:8;width:34px;height:34px;border:1px solid rgba(17,24,39,.10);border-radius:50%;
    background:rgba(255,255,255,.88);color:rgba(17,24,39,.50);font:400 29px/1 Arial,sans-serif;
    box-shadow:0 3px 12px rgba(0,0,0,.05);cursor:pointer;backdrop-filter:blur(5px);
  }
  .ccsd-desktop-scroll-next:hover{color:rgba(17,24,39,.78);background:#fff;border-color:rgba(17,24,39,.16)}
  .ccsd-people-section .ccsd-desktop-scroll-next{top:62%}
  .ccsd-feed-break .ccsd-desktop-scroll-next{right:10px;top:56%}
}
/* Suggested tiles are navigation previews, not inline players. */
.ccsd-suggested-videos .ccsd-video-crop video,
.ccsd-suggested-videos .ccsd-video-crop .ccmp-video-wrap,
.ccsd-suggested-videos .ccsd-video-crop .ccmp-video-wrap *{pointer-events:none!important}


/* v2.8.3 — Feed badges: Verified first; all member badges stay tight beside display names. */
.ccsd-post-head .ccsd-post-identity{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important}
.ccsd-post-head .ccsd-post-name-badges,
.ccsd-shell .ccsd-comment-name-badges{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:2px!important;flex-wrap:nowrap!important;width:auto!important;max-width:100%!important;min-width:0!important;white-space:nowrap!important;margin:0!important;padding:0!important}
.ccsd-post-head .ccsd-post-name,
.ccsd-shell .ccmp-comment-author-link{display:inline-flex!important;align-items:center!important;gap:2px!important;flex:0 1 auto!important;min-width:0!important;width:auto!important;white-space:nowrap!important;margin:0!important;padding:0!important;text-decoration:none!important}
.ccsd-post-head .cc-verified-name,
.ccsd-shell .ccmp-comment-author-link .cc-verified-name{display:inline-flex!important;align-items:center!important;gap:2px!important;flex-wrap:nowrap!important;width:auto!important;min-width:0!important;white-space:nowrap!important;margin:0!important;padding:0!important}
.ccsd-post-head img.cc-verified-badge,
.ccsd-shell .ccmp-comment-head img.cc-verified-badge{display:inline-block!important;position:static!important;transform:none!important;flex:0 0 auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.ccsd-post-head .ccbadge-public-badges,
.ccsd-shell .ccmp-comment-head .ccbadge-public-badges{display:inline-flex!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:1px!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;position:static!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important;line-height:1!important}
.ccsd-post-head .ccbadge-public-badge,
.ccsd-post-head .ccbadge-public-emoji,
.ccsd-shell .ccmp-comment-head .ccbadge-public-badge,
.ccsd-shell .ccmp-comment-head .ccbadge-public-emoji{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:20px!important;max-height:20px!important;margin:0!important;padding:0!important;position:static!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important;line-height:1!important}
.ccsd-shell .ccmp-comment-head{align-items:center!important}
.ccsd-shell .ccmp-comment-head .ccsd-comment-name-badges{align-self:center!important}
.ccsd-post-head .ccsd-post-time{margin-top:3px!important}
@media(max-width:850px){
  .ccsd-post-head .ccsd-post-name-badges,.ccsd-shell .ccsd-comment-name-badges{gap:1px!important}
  .ccsd-post-head .ccbadge-public-badge,.ccsd-post-head .ccbadge-public-emoji,.ccsd-shell .ccmp-comment-head .ccbadge-public-badge,.ccsd-shell .ccmp-comment-head .ccbadge-public-emoji{max-width:18px!important;max-height:18px!important}
}


/* v2.8.4 — Dashboard author identity: strong black display name + tight badges. */
.ccsd-shell .ccsd-post-head .ccsd-post-name,
.ccsd-shell .ccsd-post-head .ccsd-post-name:visited,
.ccsd-shell .ccsd-post-head .ccsd-post-name:hover,
.ccsd-shell .ccsd-post-head .ccsd-post-name:focus,
.ccsd-shell .ccsd-post-head .ccsd-post-name .cc-verified-name {
  color:#111318!important;
  opacity:1!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.15!important;
}
.ccsd-shell .ccsd-post-head .ccsd-post-name-badges {
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:2px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.ccsd-shell .ccsd-post-head .ccsd-post-name-badges img.cc-verified-badge,
.ccsd-shell .ccsd-post-head .ccsd-post-name-badges .ccbadge-public-badges,
.ccsd-shell .ccsd-post-head .ccsd-post-name-badges .ccbadge-public-badge,
.ccsd-shell .ccsd-post-head .ccsd-post-name-badges .ccbadge-public-emoji {
  position:static!important;
  transform:none!important;
  margin:0!important;
}
@media (max-width:850px){
  .ccsd-shell .ccsd-post-head .ccsd-post-name,
  .ccsd-shell .ccsd-post-head .ccsd-post-name .cc-verified-name {
    font-size:17px!important;
  }
}


/* v2.8.5 — keep the mobile composer row contained after Tag is shortened. */
@media(max-width:430px){
  #ccsd-composer.ccsd-composer .ccsd-composer-actions{
    margin-top:7px!important;
  }
  #ccsd-composer.ccsd-composer .ccsd-composer-actions #ccsd-submit-post{
    min-width:0!important;
    width:auto!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  #ccsd-composer.ccsd-composer .ccmp-option-row{
    max-width:calc(100% - 92px)!important;
    gap:6px!important;
  }
}


/* v2.8.6 — SMALL PHONES ONLY (<=390px).
   Preserve the existing composer on normal mobile/tablet. */
@media (max-width:390px){
  #ccsd-composer.ccsd-composer{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  #ccsd-composer.ccsd-composer .ccmp-option-row,
  .ccsd-composer.is-member .ccmp-option-row{
    left:12px!important;
    right:auto!important;
    bottom:14px!important;
    gap:5px!important;
    width:auto!important;
    max-width:none!important;
  }

  #ccsd-composer.ccsd-composer .ccsd-composer-actions{
    right:12px!important;
    bottom:12px!important;
    margin:0!important;
  }

  #ccsd-composer.ccsd-composer .ccsd-composer-actions #ccsd-submit-post{
    width:auto!important;
    min-width:70px!important;
    min-height:40px!important;
    height:40px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:14px!important;
    line-height:40px!important;
  }

  /* A small visual breath between the important display name and Verified.
     Badge-to-badge spacing remains compact. */
  .ccsd-shell .ccsd-post-head .ccsd-post-name img.cc-verified-badge,
  .ccsd-shell .ccsd-post-head .ccsd-post-name .cc-verified-badge{
    margin-left:4px!important;
  }
  .ccsd-shell .ccsd-post-head .ccsd-post-name-badges > .ccbadge-public-badges{
    margin-left:2px!important;
  }
}


/* v2.8.8 — desktop back arrow for Suggested Videos only. */
.ccsd-desktop-scroll-prev{display:none}
@media (min-width:1081px){
  .ccsd-suggested-videos .ccsd-desktop-scroll-prev{
    display:none;place-items:center;position:absolute;left:10px;top:56%;transform:translateY(-10%);
    z-index:8;width:34px;height:34px;border:1px solid rgba(17,24,39,.10);border-radius:50%;
    background:rgba(255,255,255,.88);color:rgba(17,24,39,.50);font:400 29px/1 Arial,sans-serif;
    box-shadow:0 3px 12px rgba(0,0,0,.05);cursor:pointer;backdrop-filter:blur(5px);
  }
  .ccsd-suggested-videos .ccsd-desktop-scroll-prev.is-visible{display:grid}
  .ccsd-suggested-videos .ccsd-desktop-scroll-prev:hover{color:rgba(17,24,39,.78);background:#fff;border-color:rgba(17,24,39,.16)}
  .ccsd-desktop-scroll-next.is-hidden{display:none!important}
}


/* v2.8.9 — native in-house app install unit between discovery and creation. */
.ccsd-app-promo{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;margin:10px 0 14px;padding:12px 40px 12px 13px;border:1px solid rgba(181,37,25,.16);border-radius:15px;background:linear-gradient(135deg,#fff 0%,#fff7f6 100%);box-shadow:0 7px 20px rgba(20,20,20,.045)}
.ccsd-app-promo[hidden]{display:none!important}.ccsd-app-promo-mark{width:42px;height:42px;border-radius:12px;display:block;overflow:hidden;box-shadow:0 6px 14px rgba(181,37,25,.18);flex:0 0 42px}.ccsd-app-promo-mark img{display:block;width:100%;height:100%;object-fit:cover}.ccsd-app-promo-copy{display:flex;flex-direction:column;gap:2px}.ccsd-app-promo-copy strong{font-size:15px;color:#171717}.ccsd-app-promo-copy span{font-size:12px;color:#686868}.ccsd-app-promo-actions{display:flex;gap:7px}.ccsd-app-promo-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border-radius:9px;background:#171717;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800;white-space:nowrap}.ccsd-app-promo-close{position:absolute;right:9px;top:7px;border:0;background:transparent;color:#888;font-size:21px;cursor:pointer}
@media(max-width:700px){.ccsd-app-promo{grid-template-columns:40px minmax(0,1fr);margin:8px 0 11px;padding:11px 35px 11px 11px;border-radius:13px}.ccsd-app-promo-mark{width:38px;height:38px;border-radius:10px}.ccsd-app-promo-actions{grid-column:1/-1;width:100%}.ccsd-app-promo-actions a{flex:1;min-height:39px}}

/* v2.9.1 — show uploaded activity photos in full instead of cropping/zooming them.
   Landscape and portrait photos are scaled down to fit the feed card. Any unused
   area is intentionally black so the complete image remains readable. */
.ccsd-post-card .ccmp-activity-media{
  background:#000!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.ccsd-post-card .ccmp-activity-media .ccmp-media-wrap{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  background:#000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.ccsd-post-card .ccmp-activity-media img:not(.avatar):not(.cc-verified-badge){
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:620px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
  background:#000!important;
  transform:none!important;
}
@media(max-width:700px){
  .ccsd-post-card .ccmp-activity-media img:not(.avatar):not(.cc-verified-badge){
    max-height:72vh!important;
  }
}

/* v2.9.2 — natural-ratio activity photos.
   Horizontal photos fill the available width and let the card height collapse to
   the image's real aspect ratio. Portrait photos are contained and centered
   without zoom/crop. This also clears fixed/aspect-ratio wrappers coming from the
   media plugin so there is no giant empty area above the image. */
.ccsd-post-card .ccmp-activity-media{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  padding:0!important;
  background:#000!important;
  overflow:hidden!important;
}
.ccsd-post-card .ccmp-activity-media .ccmp-media-wrap,
.ccsd-post-card .ccmp-activity-media .ccmp-media-wrap > a,
.ccsd-post-card .ccmp-activity-media .ccmp-media-wrap > figure,
.ccsd-post-card .ccmp-activity-media [data-ccmp-media-wrap]{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  padding:0!important;
  margin:0!important;
  position:relative!important;
  inset:auto!important;
  overflow:hidden!important;
  background:#000!important;
  line-height:0!important;
}
.ccsd-post-card .ccmp-activity-media.ccsd-photo-landscape .ccmp-media-wrap,
.ccsd-post-card .ccmp-activity-media.ccsd-photo-square .ccmp-media-wrap{
  display:block!important;
}
.ccsd-post-card .ccmp-activity-media.ccsd-photo-landscape img:not(.avatar):not(.cc-verified-badge),
.ccsd-post-card .ccmp-activity-media.ccsd-photo-square img:not(.avatar):not(.cc-verified-badge){
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  transform:none!important;
}
.ccsd-post-card .ccmp-activity-media.ccsd-photo-portrait .ccmp-media-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.ccsd-post-card .ccmp-activity-media.ccsd-photo-portrait img:not(.avatar):not(.cc-verified-badge){
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:620px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  transform:none!important;
}
@media(max-width:700px){
  .ccsd-post-card .ccmp-activity-media.ccsd-photo-portrait img:not(.avatar):not(.cc-verified-badge){max-height:72vh!important}
}


/* v2.9.3 — resilient single-photo stage for mixed upload dimensions.
   A modern feed should never crop a basic photo just to fill a fixed box. The
   media stage now follows the image's intrinsic height. Landscape/square photos
   use the full card width. Portrait photos are height-capped and centered on a
   black stage, creating side bars only when needed. Any plugin-created wrapper
   between the activity container and the image is normalized by JS with the
   ccsd-photo-stage class, eliminating inherited gray/fixed-height dead space. */
.ccsd-post-card .ccmp-activity-media.ccsd-single-photo{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  padding:0!important;
  background:#000!important;
  overflow:hidden!important;
  display:block!important;
}
.ccsd-post-card .ccmp-activity-media.ccsd-single-photo .ccsd-photo-stage{
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  padding:0!important;
  margin:0!important;
  position:relative!important;
  inset:auto!important;
  float:none!important;
  overflow:hidden!important;
  background:#000!important;
  line-height:0!important;
}
.ccsd-post-card .ccmp-activity-media.ccsd-single-photo.ccsd-photo-landscape .ccsd-photo-stage,
.ccsd-post-card .ccmp-activity-media.ccsd-single-photo.ccsd-photo-square .ccsd-photo-stage{
  display:block!important;
}
.ccsd-post-card .ccmp-activity-media.ccsd-single-photo.ccsd-photo-landscape img:not(.avatar):not(.cc-verified-badge),
.ccsd-post-card .ccmp-activity-media.ccsd-single-photo.ccsd-photo-square img:not(.avatar):not(.cc-verified-badge){
  display:block!important;
  position:static!important;
  inset:auto!important;
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  transform:none!important;
}
.ccsd-post-card .ccmp-activity-media.ccsd-single-photo.ccsd-photo-portrait,
.ccsd-post-card .ccmp-activity-media.ccsd-single-photo.ccsd-photo-portrait .ccsd-photo-stage{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#000!important;
}
.ccsd-post-card .ccmp-activity-media.ccsd-single-photo.ccsd-photo-portrait img:not(.avatar):not(.cc-verified-badge){
  display:block!important;
  position:static!important;
  inset:auto!important;
  float:none!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:620px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  padding:0!important;
  background:#000!important;
  transform:none!important;
}
@media(max-width:700px){
  .ccsd-post-card .ccmp-activity-media.ccsd-single-photo.ccsd-photo-portrait img:not(.avatar):not(.cc-verified-badge){max-height:72vh!important}
}

/* Conservative Smokeshows v3 dashboard */
.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{display:grid!important;grid-template-columns:minmax(0,760px) minmax(260px,360px)!important;gap:28px!important;max-width:1180px!important;margin:0 auto!important;padding:24px 20px 80px!important;background:#f6f6f6!important;min-height:70vh}.ccsd-smokeshows-dashboard .ccsd-leftbar,.ccsd-smokeshows-dashboard .ccsd-mobile-nav{display:none!important}.ccsd-smokeshows-dashboard .ccsd-main{width:auto!important;max-width:none!important;margin:0!important;min-width:0}.ccsd-smokeshows-dashboard .ccsd-rightbar{display:block!important;position:static!important;width:auto!important;min-width:0!important}.ccsd-custom-sidebar{position:sticky;top:92px}.ccsd-smokeshows-dashboard #ccsd-submit-post{background:#DA31D6!important;color:#fff!important}.ccsd-subscription-modal[hidden]{display:none!important}.ccsd-subscription-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}.ccsd-subscription-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.ccsd-subscription-dialog{position:relative;background:#fff;border-radius:18px;padding:30px 26px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 70px rgba(0,0,0,.28)}.ccsd-subscription-dialog strong{display:block;font-size:21px;margin:6px 0 18px}.ccsd-subscription-dialog a{display:inline-flex;background:#DA31D6;color:#fff!important;text-decoration:none!important;font-weight:900;border-radius:10px;padding:11px 18px}.ccsd-subscription-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;cursor:pointer}@media(max-width:900px){.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{display:block!important;padding:14px 12px 86px!important}.ccsd-smokeshows-dashboard .ccsd-rightbar{margin-top:20px}.ccsd-custom-sidebar{position:static}}
\n\n/* Conservative Smokeshows v3.0.1 — cooperate with the fixed Sitewide Shell rail.\n   The dashboard owns only the center feed + editable right rail. The global shell\n   owns the desktop/tablet left navigation, so reserve that width before centering. */\n@media (min-width:721px){\n  body.ccsws-active.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard,\n  body.ccsws-active .ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{\n    box-sizing:border-box!important;\n    width:calc(100% - var(--ccsws-sidebar-width,224px))!important;\n    max-width:none!important;\n    margin-left:var(--ccsws-sidebar-width,224px)!important;\n    margin-right:0!important;\n    padding:24px clamp(18px,2.4vw,34px) 80px!important;\n    grid-template-columns:minmax(0,760px) minmax(260px,360px)!important;\n    justify-content:center!important;\n    align-items:start!important;\n    column-gap:28px!important;\n  }\n  body.ccsws-active.ccsd-dashboard-page .ccsd-smokeshows-dashboard .ccsd-main,\n  body.ccsws-active .ccsd-dashboard-page .ccsd-smokeshows-dashboard .ccsd-main{\n    width:100%!important;\n    max-width:760px!important;\n    min-width:0!important;\n    justify-self:end!important;\n    margin:0!important;\n    padding-left:0!important;\n    padding-right:0!important;\n  }\n  body.ccsws-active.ccsd-dashboard-page .ccsd-smokeshows-dashboard .ccsd-rightbar,\n  body.ccsws-active .ccsd-dashboard-page .ccsd-smokeshows-dashboard .ccsd-rightbar{\n    width:100%!important;\n    max-width:360px!important;\n    min-width:0!important;\n    justify-self:start!important;\n    margin:0!important;\n  }\n}\n@media (min-width:721px) and (max-width:1180px){\n  body.ccsws-active.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard,\n  body.ccsws-active .ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{\n    grid-template-columns:minmax(0,760px)!important;\n    justify-content:center!important;\n  }\n  body.ccsws-active.ccsd-dashboard-page .ccsd-smokeshows-dashboard .ccsd-rightbar,\n  body.ccsws-active .ccsd-dashboard-page .ccsd-smokeshows-dashboard .ccsd-rightbar{display:none!important}\n  body.ccsws-active.ccsd-dashboard-page .ccsd-smokeshows-dashboard .ccsd-main,\n  body.ccsws-active .ccsd-dashboard-page .ccsd-smokeshows-dashboard .ccsd-main{justify-self:center!important}\n}\n@media (max-width:720px){\n  body.ccsws-active.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard,\n  body.ccsws-active .ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{\n    width:100%!important;\n    max-width:none!important;\n    margin:0!important;\n    padding:12px 12px 86px!important;\n    display:block!important;\n  }\n}\n

/* Conservative Smokeshows v3.0.2 — primary composer action must stay brand pink. */
html body #ccsd-composer.ccsd-composer .ccsd-composer-actions #ccsd-submit-post,
html body .ccsd-smokeshows-dashboard #ccsd-submit-post,
html body .ccsd-dashboard-page #ccsd-submit-post,
html body #ccsd-submit-post:hover,
html body #ccsd-submit-post:focus,
html body #ccsd-submit-post:active,
html body .ccsd-dashboard-page .ccmp-submit,
html body .ccsd-dashboard-page .ccmp-submit:hover,
html body .ccsd-dashboard-page .ccmp-submit:focus,
html body .ccsd-dashboard-page .ccmp-submit:active{
  background:#DA31D6!important;
  background-image:none!important;
  border-color:#DA31D6!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Conservative Smokeshows v3.0.3 — cooperate with the Sitewide Shell sidebar.
   The dashboard markup only contains main + right rail, so never reserve a legacy first column. */
@media (min-width:768px){
  body.ccsws-active .ccsd-shell,
  .ccsd-shell.ccsd-smokeshows-dashboard{
    display:grid!important;
    grid-template-columns:minmax(0,720px) minmax(260px,340px)!important;
    justify-content:center!important;
    align-items:start!important;
    gap:28px!important;
    max-width:1120px!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.ccsws-active .ccsd-shell{
    width:calc(100% - var(--ccsws-sidebar-width,224px))!important;
    margin-left:var(--ccsws-sidebar-width,224px)!important;
    margin-right:0!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
  body.ccsws-active .ccsd-main{grid-column:1!important;min-width:0!important;width:100%!important;margin:0!important}
  body.ccsws-active .ccsd-rightbar{grid-column:2!important;min-width:0!important;width:100%!important;margin:0!important}
  body.ccsws-active .ccsd-leftbar{display:none!important;width:0!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important}
}
@media (min-width:768px) and (max-width:1180px){
  body.ccsws-active .ccsd-shell,
  .ccsd-shell.ccsd-smokeshows-dashboard{grid-template-columns:minmax(0,760px)!important;max-width:820px!important}
  body.ccsws-active .ccsd-rightbar{display:none!important}
}
@media (max-width:767px){
  .ccsd-shell.ccsd-smokeshows-dashboard{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 12px!important}
  .ccsd-main{width:100%!important;min-width:0!important;margin:0!important}
  .ccsd-rightbar{display:none!important}
}

/* Conservative Smokeshows v3.0.4 — one authoritative desktop/tablet rail offset.
   The Sitewide Shell rail is fixed to the viewport, so position the dashboard
   against the viewport once (not relative to whichever theme wrapper happens to render it). */
@media (min-width:768px){
  html body.ccsws-active .ccsd-dashboard-page .ccsd-shell,
  html body.ccsws-active .ccsd-shell.ccsd-smokeshows-dashboard{
    position:relative!important;
    left:var(--ccsws-sidebar-width,224px)!important;
    width:calc(100vw - var(--ccsws-sidebar-width,224px))!important;
    max-width:none!important;
    margin:0!important;
    padding:24px clamp(18px,2.2vw,34px) 80px!important;
    display:grid!important;
    grid-template-columns:minmax(0,720px) minmax(260px,340px)!important;
    justify-content:center!important;
    align-items:start!important;
    gap:28px!important;
    overflow:visible!important;
  }
  html body.ccsws-active .ccsd-dashboard-page .ccsd-main,
  html body.ccsws-active .ccsd-smokeshows-dashboard .ccsd-main{
    grid-column:1!important;
    width:100%!important;
    max-width:720px!important;
    min-width:0!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    justify-self:center!important;
  }
  html body.ccsws-active .ccsd-dashboard-page .ccsd-rightbar,
  html body.ccsws-active .ccsd-smokeshows-dashboard .ccsd-rightbar{
    grid-column:2!important;
    width:100%!important;
    max-width:340px!important;
    min-width:0!important;
    margin:0!important;
    justify-self:start!important;
  }
  html body.ccsws-active .ccsd-dashboard-page .ccsd-leftbar,
  html body.ccsws-active .ccsd-smokeshows-dashboard .ccsd-leftbar{
    display:none!important;
  }
}

/* When there is not enough room for feed + right rail, hide only the right rail
   and keep the feed centered in the space to the right of the shell sidebar. */
@media (min-width:768px) and (max-width:1299px){
  html body.ccsws-active .ccsd-dashboard-page .ccsd-shell,
  html body.ccsws-active .ccsd-shell.ccsd-smokeshows-dashboard{
    grid-template-columns:minmax(0,760px)!important;
  }
  html body.ccsws-active .ccsd-dashboard-page .ccsd-main,
  html body.ccsws-active .ccsd-smokeshows-dashboard .ccsd-main{
    max-width:760px!important;
    grid-column:1!important;
    justify-self:center!important;
  }
  html body.ccsws-active .ccsd-dashboard-page .ccsd-rightbar,
  html body.ccsws-active .ccsd-smokeshows-dashboard .ccsd-rightbar{
    display:none!important;
  }
}

@media (max-width:767px){
  html body.ccsws-active .ccsd-dashboard-page .ccsd-shell,
  html body.ccsws-active .ccsd-shell.ccsd-smokeshows-dashboard{
    position:relative!important;
    left:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:12px 12px 86px!important;
    display:block!important;
  }
  html body.ccsws-active .ccsd-dashboard-page .ccsd-main,
  html body.ccsws-active .ccsd-smokeshows-dashboard .ccsd-main{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}


/* Conservative Smokeshows v3.0.5 — viewport-centered dashboard beside Sitewide Shell. */
@media (min-width:768px){
  /* The theme/page wrapper must remain full viewport width on the dashboard.
     The fixed shell rail is accounted for exactly once below. */
  html body.ccsws-active.ccsd-dashboard-page > #page,
  html body.ccsws-active.ccsd-dashboard-page > .site,
  html body.ccsws-active.ccsd-dashboard-page > .wp-site-blocks,
  html body.ccsws-active.ccsd-dashboard-page #content,
  html body.ccsws-active.ccsd-dashboard-page .site-content,
  html body.ccsws-active.ccsd-dashboard-page #primary,
  html body.ccsws-active.ccsd-dashboard-page .content-area,
  html body.ccsws-active.ccsd-dashboard-page main,
  html body.ccsws-active.ccsd-dashboard-page .site-main,
  html body.ccsws-active.ccsd-dashboard-page article:not(.ccsd-post-card),
  html body.ccsws-active.ccsd-dashboard-page .entry-content{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  html body.ccsws-active.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{
    box-sizing:border-box!important;
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding-top:22px!important;
    padding-bottom:80px!important;
    padding-left:calc(var(--ccsws-sidebar-width,224px) + 24px)!important;
    padding-right:24px!important;
    display:grid!important;
    grid-template-columns:minmax(0,720px) minmax(260px,340px)!important;
    justify-content:center!important;
    align-items:start!important;
    gap:28px!important;
    overflow:visible!important;
  }
  html body.ccsws-active.ccsd-dashboard-page .ccsd-main{
    grid-column:1!important;
    justify-self:center!important;
    width:100%!important;
    max-width:720px!important;
    min-width:0!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  html body.ccsws-active.ccsd-dashboard-page .ccsd-rightbar{
    grid-column:2!important;
    justify-self:start!important;
    width:100%!important;
    max-width:340px!important;
    min-width:0!important;
    margin:0!important;
  }
  html body.ccsws-active.ccsd-dashboard-page .ccsd-leftbar{display:none!important}
}

/* With a tablet/small desktop rail, center only the feed in the available
   viewport instead of squeezing it under the fixed sidebar. */
@media (min-width:768px) and (max-width:1299px){
  html body.ccsws-active.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{
    grid-template-columns:minmax(0,760px)!important;
    padding-left:calc(var(--ccsws-sidebar-width,190px) + 22px)!important;
    padding-right:22px!important;
  }
  html body.ccsws-active.ccsd-dashboard-page .ccsd-main{
    grid-column:1!important;
    justify-self:center!important;
    max-width:760px!important;
  }
  html body.ccsws-active.ccsd-dashboard-page .ccsd-rightbar{display:none!important}
}

@media (max-width:767px){
  html body.ccsws-active.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{
    left:0!important;
    width:100%!important;
    margin:0!important;
    padding:12px 12px 86px!important;
    display:block!important;
  }
}


/* Conservative Smokeshows v3.0.6 — slight horizontal inset on activity cards.
   v3.0.5 zeroed padding-left/right on every dashboard article, which also
   flattened .ccsd-post-card. Keep the page wrapper flush, but inset the feed
   card itself so the avatar, text, and media sit off the edges. */
html body.ccsws-active.ccsd-dashboard-page article.ccsd-post-card,
html body.ccsd-dashboard-page article.ccsd-post-card{
  padding-top:12px!important;
  padding-right:14px!important;
  padding-bottom:8px!important;
  padding-left:14px!important;
}
html body.ccsws-active.ccsd-dashboard-page article.ccsd-post-card .ccmp-activity-media,
html body.ccsd-dashboard-page article.ccsd-post-card .ccmp-activity-media{
  margin-left:0!important;
  margin-right:0!important;
}

/* v3.0.7: Match the compact profile stories strip. Do not reserve any empty area. */
.ccsd-stories-wrap:empty{display:none!important;margin:0!important;padding:0!important}
.ccsd-stories-wrap{margin:0 0 8px!important;padding:8px 0 0!important;background:transparent!important}
.ccsd-stories-wrap .ccs-shell{width:100%!important;box-sizing:border-box!important;margin:0!important;padding:6px 12px 8px!important;overflow:hidden!important}
.ccsd-stories-wrap .ccs-row{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
.ccsd-stories-wrap .ccs-row::-webkit-scrollbar{display:none}
@media(max-width:1080px){.ccsd-stories-wrap{padding-top:9px!important}}
@media(max-width:700px){.ccsd-stories-wrap{margin-bottom:6px!important;padding-top:8px!important}.ccsd-stories-wrap .ccs-shell{padding:8px 10px 7px!important}}

/* Post audience control */
.ccmp-post-access{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;line-height:1.4;cursor:pointer;flex-wrap:wrap;margin:9px 0;color:inherit}.ccmp-post-access input{accent-color:#e83e86;width:16px;height:16px}.ccsd-locked-media{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:360px;margin:12px 0;padding:28px 18px;text-align:center;background:url("locked-preview.jpg") center center/cover no-repeat;border:1px solid #ead6e5;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.ccsd-locked-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,8,18,.16) 0%,rgba(14,8,18,.08) 22%,rgba(14,8,18,.16) 38%,rgba(14,8,18,.1) 100%)}.ccsd-locked-media>*{position:relative;z-index:1}.ccsd-locked-media strong{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:min(100%,840px);padding:18px 30px;border-radius:28px;background:linear-gradient(180deg,#ff57ef 0%,#da31d6 100%);color:#fff;font-size:clamp(24px,4vw,42px);line-height:1.05;font-weight:900;letter-spacing:-.03em;box-shadow:0 12px 28px rgba(218,49,214,.28)}.ccsd-locked-media p{display:none}.ccsd-locked-media a{display:inline-flex;align-items:center;justify-content:center;min-width:min(100%,700px);max-width:700px;padding:16px 30px;border-radius:22px;background:#050505;color:#fff!important;font-size:clamp(18px,2.1vw,28px);line-height:1.1;font-weight:900;text-decoration:none!important;box-shadow:0 12px 25px rgba(0,0,0,.22)}@media(max-width:680px){.ccsd-locked-media{min-height:230px;padding:20px 14px;gap:12px}.ccsd-locked-media strong{padding:14px 18px;font-size:clamp(18px,6.8vw,30px);border-radius:22px}.ccsd-locked-media a{min-width:0;width:min(100%,360px);padding:12px 18px;font-size:clamp(15px,4.7vw,22px);border-radius:18px}}

/* Premium-only feed presentation */
.ccsd-locked-media{background:#050505!important;justify-content:center!important;min-height:320px!important}
.ccsd-locked-media:before{display:none!important}
.ccsd-locked-media .ccsd-premium-cta{display:inline-flex!important;align-items:center;justify-content:center;padding:18px 30px!important;max-width:95%!important;width:auto!important;min-width:0!important;background:linear-gradient(180deg,#ff57ef,#da31d6)!important;color:#fff!important;border-radius:28px!important;text-decoration:none!important;font-size:clamp(19px,3.8vw,38px)!important;font-weight:900!important;box-shadow:0 12px 28px rgba(218,49,214,.28)!important}

/* Site-wide disclosure between composer and first feed card. */
.ccsd-ai-content-notice{font-family:inherit!important;font-size:11px!important;font-weight:400!important;line-height:1.4!important;text-align:center!important;color:#a1a1a6!important;letter-spacing:0!important;margin:5px 0 10px!important;padding:0 8px!important;}
@media(max-width:600px){.ccsd-ai-content-notice{font-size:10px!important;margin:4px 0 8px!important;}}

/* v3.0.15 Premium Content lock card */
.ccsd-locked-media{background:#080808!important;border-color:#161616!important;box-shadow:none!important;}
.ccsd-locked-media:before{display:none!important;}
.ccsd-locked-media .ccsd-premium-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;background:#df2bd2!important;color:#fff!important;text-decoration:none!important;}
.cc-premium-lock{font-size:.78em;line-height:1;flex-shrink:0;}

/* v3.0.16: prevent fixed site navigation from covering the composer */
html body.ccsws-active.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{position:relative!important;top:auto!important;transform:none!important;margin-top:clamp(20px,3vw,36px)!important;}
html body.ccsws-active.ccsd-dashboard-page #ccsd-composer{position:relative!important;z-index:1!important;}
/* Logged-out and unpaid-user homepage */
.ccsd-guest-landing{max-width:1050px;margin:0 auto;padding:42px 18px 70px;text-align:center;font-family:Montserrat,'Arial Black',Arial,sans-serif;color:#111}
.ccsd-guest-landing h1{font-family:Montserrat,'Arial Black',Arial,sans-serif;font-size:clamp(28px,4.3vw,52px);font-weight:800;line-height:1.13;letter-spacing:-.035em;margin:0 0 12px}
.ccsd-guest-landing h1 span{color:#e22ad4}.ccsd-guest-tagline{font-size:clamp(17px,2.3vw,25px);font-weight:800;font-style:italic;margin:0 0 22px}
.ccsd-guest-hero{display:block;max-width:420px;margin:0 auto 22px}.ccsd-guest-hero-image{display:block;width:100%;height:auto;border-radius:14px;object-fit:cover}
.ccsd-guest-join{display:inline-flex;justify-content:center;align-items:center;min-width:234px;padding:13px 35px;border-radius:12px;background:linear-gradient(110deg,#9c30d3,#e227d3);color:white!important;text-decoration:none!important;font:800 38px/1.1 Montserrat,Arial,sans-serif;box-shadow:0 8px 18px #da31d635}
.ccsd-guest-price{font-weight:800;color:#db29cd;margin:8px 0 32px}.ccsd-guest-signin{font-size:20px;font-weight:800}.ccsd-guest-signin a,.ccsd-guest-apply{color:#db29cd!important;font-weight:800;text-decoration:none}.ccsd-guest-apply{display:inline-block;margin-top:12px;text-decoration:underline}
@media(max-width:700px){.ccsd-guest-landing{padding:35px 16px 80px}.ccsd-guest-hero{max-width:320px}.ccsd-guest-signin{font-size:17px}}

/* v3.0.17: Guest homepage is a standalone section, not the member feed grid.
   Reserve the fixed shell rail only for guests on desktop; leave the member layout intact. */
html body.ccsd-guest-homepage,
html body.ccsd-guest-homepage #cs-site,
html body.ccsd-guest-homepage #page,
html body.ccsd-guest-homepage .site,
html body.ccsd-guest-homepage .site-content,
html body.ccsd-guest-homepage .content-area,
html body.ccsd-guest-homepage .entry-content,
html body.ccsd-guest-homepage main {background-color:#fff!important;}
html body.ccsd-guest-homepage .ccsd-guest-landing {
  box-sizing:border-box!important; background:#fff!important;
  width:100%!important; max-width:1050px!important;
  margin-left:auto!important; margin-right:auto!important;
  padding-top:42px!important;
}
@media (min-width:1081px){
  html body.ccsws-active.ccsd-guest-homepage .ccsd-guest-landing {
    width:calc(100vw - var(--ccsws-sidebar-width,224px))!important;
    max-width:none!important; margin-left:var(--ccsws-sidebar-width,224px)!important;
    margin-right:0!important; padding-left:clamp(18px,4vw,75px)!important;
    padding-right:clamp(18px,4vw,75px)!important;
  }
}
@media (max-width:1080px){
  html body.ccsd-guest-homepage .ccsd-guest-landing {
    width:100%!important; max-width:100%!important;
    margin-left:0!important; padding-left:16px!important; padding-right:16px!important;
  }
}

/* v3.0.18 - dashboard starts immediately below shell masthead.
   The parent shell owns vertical reserve; avoid extra story placeholders. */
html body.ccsws-active.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{
 margin-top:0!important;top:auto!important;transform:none!important;
}
html body.ccsws-active.ccsd-dashboard-page .ccsd-smokeshows-dashboard .ccsd-main{padding-top:0!important;margin-top:0!important}
html body.ccsws-active.ccsd-dashboard-page .ccsd-smokeshows-dashboard .ccsd-rightbar{padding-top:0!important}
html body.ccsws-active.ccsd-dashboard-page .ccsd-smokeshows-dashboard .ccsd-stories-wrap:empty{display:none!important;padding:0!important;margin:0!important}
@media(min-width:768px){
 html body.ccsws-active.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{padding-top:12px!important}
}
@media(max-width:767px){
 html body.ccsws-active.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{padding-top:calc(var(--ccsws-header-height,64px) + 12px)!important}
 html body.admin-bar.ccsws-active.ccsd-dashboard-page .ccsd-shell.ccsd-smokeshows-dashboard{padding-top:calc(var(--ccsws-header-height,64px) + 58px)!important}
}


/* Editor-only, non-overlapping two-card recommendation rail. */
.ccs-random-sidebar-card{background:#fff;border:1px solid #e1e2e6;border-radius:23px;padding:22px;margin:0 0 18px;min-width:0;box-shadow:0 8px 22px rgba(25,25,30,.03)}
.ccs-random-sidebar-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}
.ccs-random-sidebar-heading h3{font-size:23px;font-weight:900;line-height:1.2;color:#141414;margin:0}
.ccs-random-sidebar-heading>a{color:#d62bd2!important;font-size:13px;font-weight:800;text-decoration:none!important;white-space:nowrap}
.ccs-random-sidebar-member{border:1px solid #e3e3e7;border-radius:20px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 12px 20px;min-width:0}
.ccs-random-sidebar-avatar{height:158px;width:158px;max-width:100%;border:5px solid #f65b90;border-radius:50%;padding:5px;display:block;overflow:hidden}
.ccs-random-sidebar-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.ccs-random-sidebar-name{font-weight:900;font-size:20px;color:#151515!important;text-decoration:none!important;margin-top:14px;line-height:1.25;overflow-wrap:anywhere}
.ccs-random-sidebar-handle{color:#888b92;font-size:14px;margin-top:7px;overflow-wrap:anywhere}
.ccs-random-sidebar-view{background:#101010;color:#fff!important;text-decoration:none!important;border-radius:30px;padding:10px 24px;min-width:90px;font-weight:800;margin-top:16px}
.ccs-random-sidebar-empty{padding:16px;color:#777;text-align:center}

/* v3.0.22 — guest-only poster-weight headline and high-contrast JOIN CTA. */
html body.ccsd-guest-homepage .ccsd-guest-landing h1 {
  font-family:Montserrat,'Arial Black',Arial,sans-serif!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  line-height:1.08!important;
  text-wrap:balance;
}
html body.ccsd-guest-homepage .ccsd-guest-join {
  font-family:Montserrat,'Arial Black',Arial,sans-serif!important;
  font-weight:900!important;
  font-size:clamp(30px,4vw,43px)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase!important;
  padding:17px 38px!important;
  border-radius:13px!important;
  text-shadow:0 1px 0 rgba(0,0,0,.08);
}
@media(max-width:700px){
  html body.ccsd-guest-homepage .ccsd-guest-join{padding:15px 34px!important;}
}