.clec-app{--r:#ef172c;--red2:#8f0917;--bg:#050505;--panel:#101011;--panel2:#0a0a0b;--line:#2b2b2e;--text:#f7f7f7;--muted:#9a9aa1;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.clec-app *{box-sizing:border-box}.clec-top{height:84px;padding:0 34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#070707}.clec-brand{font-weight:900;font-size:25px;line-height:.9;letter-spacing:-1px}.clec-brand span{color:var(--r)}.clec-brand small{display:block;font-size:8px;letter-spacing:.6px;margin-top:7px;color:#fff}.clec-nav{display:flex;gap:30px;height:100%;align-items:center}.clec-nav a{height:100%;display:flex;align-items:center;color:#ddd!important;text-decoration:none!important;font-size:14px;border-bottom:3px solid transparent}.clec-nav a.is-active{color:#fff!important;border-color:var(--r)}
.clec-layout{display:grid;grid-template-columns:230px minmax(0,820px) 270px;gap:24px;max-width:1400px!important;padding:28px 24px 60px;margin:0 auto;min-height:760px}.clec-side{padding:2px 16px 0 0;border-right:1px solid var(--line)}.clec-side h3{font-size:25px;margin:0 12px 18px;color:#fff}.clec-side>a{display:flex;align-items:center;gap:11px;padding:12px 14px;color:#ddd!important;text-decoration:none!important;border-radius:10px;margin:4px 0;font-size:14px}.clec-side>a.is-active{background:linear-gradient(90deg,#b00d1f,#510810);color:#fff!important}.clec-side-icon{width:18px;text-align:center;color:#fff}.clec-info{border:1px solid var(--r);border-radius:14px;padding:17px;margin:28px 0 0 0;background:#0a0a0b}.clec-info strong{font-size:16px}.clec-info p{color:var(--muted);font-size:12px;line-height:1.55;margin-bottom:8px}.clec-radio-mark{font-size:42px;text-align:center;color:var(--r);line-height:1}
.clec-right-card.clec-speakpipe-card{padding:14px;overflow:hidden}.clec-speakpipe-button{display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%;box-sizing:border-box;background:#ef172c;border:1px solid #ef172c!important;border-radius:8px!important;padding:12px 10px!important;color:#fff!important;text-align:center;text-decoration:none!important;font-size:13px!important;font-weight:800!important;line-height:1.35}.clec-speakpipe-button:hover,.clec-speakpipe-button:focus-visible{background:#b80d20;border-color:#b80d20!important;color:#fff!important;outline:2px solid rgba(239,23,44,.35);outline-offset:2px}.clec-speakpipe-button span{font-size:17px;line-height:1}#-speakpipe-widget-side-button{display:none!important}
.clec-main{min-width:0;padding:0}.clec-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.clec-heading h1{font-size:31px;line-height:1;margin:0 0 8px;color:#fff}.clec-heading p{margin:0;color:var(--muted);font-size:14px}.clec-feed-tools{display:flex;gap:7px}.clec-feed-tools button{background:#111;border:1px solid #343438;color:#ddd;border-radius:8px;padding:8px 11px}.clec-feed{width:100%;max-width:none}.clec-post{border:1px solid var(--r);border-radius:14px;padding:16px 16px 0;margin-bottom:15px;background:linear-gradient(180deg,#111112,#0b0b0c);overflow:hidden}.clec-posthead{display:flex;align-items:center;gap:11px}.clec-avatar{border-radius:50%;object-fit:cover;border:2px solid #3a3a3d}.clec-author{min-width:0}.clec-posthead strong{display:block;font-size:14px;color:#fff}.clec-posthead small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.clec-posthead small span{color:#d5d5d8}.clec-more{margin-left:auto;border:0;background:transparent;color:#ccc;font-size:16px;letter-spacing:2px}.clec-postbody{font-size:14px;line-height:1.5;padding:13px 0 14px;color:#f1f1f1;overflow-wrap:anywhere}.clec-postbody p{margin:0 0 10px}.clec-postbody a{color:#eee!important;text-decoration:none!important}.clec-postbody>a{display:block;color:#bbb!important;font-size:12px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clec-postbody img{display:block;width:100%;max-width:100%;height:auto;max-height:410px;object-fit:cover;border-radius:10px;border:1px solid #27272a;margin:10px 0 0}.clec-postbody iframe,.clec-postbody video{display:block;width:100%;max-height:410px;border-radius:10px;margin-top:10px}.clec-actions{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding:11px 2px;color:#d7d7da;font-size:12px}.clec-action{cursor:default}.clec-action b{color:var(--r);font-size:17px;margin-right:3px}.clec-save{margin-left:auto;font-size:18px}.clec-right{padding-top:0}.clec-right-card{border:1px solid #ef172c;border-radius:13px;background:#0b0b0c;padding:16px;margin-bottom:14px}.clec-right-card h4{margin:0 0 8px;font-size:15px;color:#fff}.clec-right-card p{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 12px}.clec-right-card a{display:block;border:1px solid var(--r);border-radius:8px;padding:9px 10px;text-align:center;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:700}
.clec-wide{padding:28px;max-width:1400px;margin:auto;min-height:650px}.clec-grid,.clec-groupgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.clec-card,.clec-groupcard{border:1px solid var(--r);border-radius:15px;background:#0b0b0c;padding:22px;text-align:center}.clec-card .clec-avatar{margin:auto}.clec-card h3,.clec-groupcard h3{color:#fff}.clec-muted{color:var(--muted);font-size:13px}.clec-btn{background:var(--r);border:1px solid var(--r);color:#fff!important;border-radius:9px;padding:10px 18px;text-decoration:none!important;display:inline-block;font-weight:700}.clec-groupcard{padding:0;overflow:hidden;text-align:left}.clec-cover{height:110px;background:radial-gradient(circle at 25% 20%,#6f101a,transparent 32%),linear-gradient(135deg,#201014,#090909 60%,#36070d)}.clec-groupcontent{padding:0 18px 18px}.clec-groupavatar{margin-top:-35px;width:74px;height:74px;border-radius:50%;overflow:hidden;border:3px solid #fff;background:#111}.clec-groupavatar img{width:100%!important;height:100%!important;object-fit:cover}.clec-groupcard .clec-btn{width:100%;text-align:center}.clec-empty{border:1px dashed #555;border-radius:14px;padding:30px;color:var(--muted);background:#0a0a0a}
body:has(#cle-community-preview-page){background:#050505!important}#cle-community-preview-page.cle-community-preview-page{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#050505!important;overflow:hidden!important}#cle-community-preview-page .clec-app{width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;min-height:calc(100vh - 70px)!important}#cle-community-preview-page .clec-top{padding-left:max(28px,calc((100vw - 1600px)/2));padding-right:max(28px,calc((100vw - 1600px)/2))}
@media(max-width:1180px){.clec-layout{grid-template-columns:210px minmax(0,1fr)}.clec-right{display:none}}@media(max-width:820px){.clec-top{height:auto;min-height:76px;padding-top:14px!important;padding-bottom:0!important;align-items:flex-start;flex-direction:column}.clec-nav{height:44px;width:100%;overflow:auto}.clec-layout{grid-template-columns:1fr;padding:20px 14px}.clec-side{display:none}.clec-grid,.clec-groupgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.clec-heading h1{font-size:27px}.clec-feed-tools{display:none}.clec-post{border-radius:12px;padding:13px 12px 0}.clec-postbody img{max-height:320px}.clec-grid,.clec-groupgrid{grid-template-columns:1fr}.clec-wide{padding:18px}}

/* v0.1.6 Activity refinement */
.clec-layout{grid-template-columns:210px minmax(0,700px) 250px;gap:22px;max-width:1240px!important;padding-top:24px}
.clec-side h3{font-size:23px}.clec-side>a{padding:11px 13px}.clec-info{margin-top:22px;padding:15px}
.clec-heading{margin-bottom:14px}.clec-heading h1{font-size:29px}.clec-heading p{font-size:13px}
.clec-post{padding:14px 14px 0;border-radius:13px;margin-bottom:13px}.clec-postbody{padding:11px 0 12px;font-size:13px;line-height:1.45}
.clec-postbody img{width:100%;height:280px;max-height:280px;object-fit:cover;margin-top:8px}.clec-postbody iframe,.clec-postbody video{height:280px;max-height:280px}
.clec-actions{padding:10px 2px;gap:20px}.clec-right{padding-top:0}.clec-right-card{padding:14px;margin-bottom:12px}.clec-right-card>p{margin-bottom:0}
.clec-mini-list{display:flex;flex-direction:column;gap:11px;margin:10px 0 13px}.clec-mini{display:flex!important;align-items:center;gap:9px!important;border:0!important;padding:0!important;text-align:left!important;color:#fff!important}.clec-mini img{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover}.clec-mini span{min-width:0}.clec-mini strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clec-mini small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.clec-card-button{display:block!important;border:1px solid var(--r)!important;border-radius:8px!important;padding:8px 10px!important;text-align:center!important;color:#fff!important;text-decoration:none!important;font-size:11px!important;font-weight:700}.clec-card-button-dark{border-color:#353538!important}.clec-member-stack{display:flex;align-items:center;margin:12px 0 14px;padding-left:4px}.clec-member-stack a{display:block!important;margin-left:-6px;border:2px solid #0b0b0c;border-radius:50%;padding:0!important}.clec-member-stack a:first-child{margin-left:0}.clec-member-stack img{display:block;width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover}.clec-compact-card p{font-size:11px!important;line-height:1.5!important}
@media(max-width:1180px){.clec-layout{grid-template-columns:200px minmax(0,700px);max-width:950px!important}.clec-right{display:none}}
@media(max-width:600px){.clec-postbody img,.clec-postbody iframe,.clec-postbody video{height:auto;max-height:300px}}


/* v0.1.9 admin Activity composer */
.clec-composer{border:1px solid var(--r);border-radius:13px;background:linear-gradient(180deg,#111112,#0b0b0c);margin:0 0 14px;overflow:hidden}.clec-composer-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);padding:0 14px}.clec-composer-tabs span{padding:11px 13px;color:var(--muted);font-size:12px}.clec-composer-tabs span.is-active{color:#fff;border-bottom:2px solid var(--r)}.clec-composer-main{display:flex;gap:11px;align-items:flex-start;padding:14px}.clec-composer-main textarea{flex:1;min-height:78px;resize:vertical;background:#09090a;border:1px solid #303034;border-radius:10px;color:#fff;padding:12px 13px;font:inherit;line-height:1.45;outline:none}.clec-composer-main textarea:focus{border-color:var(--r)}.clec-composer-main textarea::placeholder{color:#7e7e85}.clec-composer-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:10px 14px}.clec-composer-foot small{color:var(--muted);font-size:11px}.clec-composer-foot button{background:var(--r);border:1px solid var(--r);color:#fff;border-radius:8px;padding:8px 20px;font-weight:800;cursor:pointer}.clec-notice{border:1px solid #3c3c40;background:#101011;color:#ddd;border-radius:9px;padding:9px 12px;margin:0 0 12px;font-size:12px}

/* v0.1.10 - Use the real Youzify wall composer inside the CLE Radio shell. */
.clec-youzify-composer{margin:0 0 14px;border:1px solid var(--r);border-radius:13px;overflow:hidden;background:linear-gradient(180deg,#111112,#0b0b0c)}
.clec-youzify-composer #youzify-wall-form{margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.clec-youzify-composer .youzify-wall-options{background:#0e0e0f!important;border-bottom:1px solid var(--line)!important}
.clec-youzify-composer .youzify-wall-content,.clec-youzify-composer .youzify-wall-actions{background:transparent!important}
.clec-youzify-composer textarea#whats-new{color:#fff!important;background:#09090a!important;border-color:#303034!important;font-size:16px!important;line-height:1.5!important;font-weight:500!important}
.clec-youzify-composer textarea#whats-new::placeholder{color:#fff!important;opacity:1!important;font-size:16px!important;font-weight:500!important}
.clec-youzify-composer .youzify-wall-post{background:var(--r)!important;color:#fff!important;border-radius:8px!important}
.clec-youzify-composer .youzify-wall-opts-item label,.clec-youzify-composer .youzify-form-tool,.clec-youzify-composer #whats-new-post-in-box{color:#ddd!important}
.clec-postbody .youzify-post-attachments{margin-top:10px}
.clec-postbody .youzify-post-attachments img{width:100%;max-height:300px;object-fit:cover;border-radius:10px}
.clec-postbody .youzify-post-attachments iframe,.clec-postbody .youzify-post-attachments video{width:100%;max-height:360px;border-radius:10px}


/* v0.1.11 - CLE Radio styling for the real Youzify composer. */
.clec-youzify-composer #youzify-wall-form .youzify-wall-options{
    background:#0e0e0f!important;
    padding:12px 18px!important;
}
.clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item label{
    background:#0a0a0b!important;
    border:1px solid #343438!important;
    border-radius:7px!important;
    color:#fff!important;
    min-width:92px!important;
    margin:5px 7px 5px 0!important;
    padding:8px 14px!important;
    box-shadow:none!important;
}
.clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item label span,
.clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item label i{
    color:#fff!important;
}
.clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item input:checked + label{
    background:var(--r)!important;
    border-color:var(--r)!important;
    color:#fff!important;
}
.clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item input:checked + label span,
.clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item input:checked + label i{
    color:#fff!important;
}
.clec-youzify-composer #youzify-wall-form .youzify-wall-actions .youzify-wall-post,
.clec-youzify-composer #youzify-wall-form button.youzify-wall-post{
    background:var(--r)!important;
    border:1px solid var(--r)!important;
    color:#fff!important;
    border-radius:8px!important;
    padding:11px 28px!important;
    font-size:11px!important;
    font-weight:800!important;
    box-shadow:none!important;
}
.clec-youzify-composer #youzify-wall-form .youzify-wall-actions .youzify-wall-post:hover,
.clec-youzify-composer #youzify-wall-form .youzify-wall-actions .youzify-wall-post:focus{
    background:#c90f22!important;
    border-color:#c90f22!important;
}
/* Privacy selector: compact dark control and dropdown. */
.clec-youzify-composer .youzify-activity-privacy.nice-select,
.clec-youzify-composer .youzify-privacy-tool .nice-select{
    background:#0a0a0b!important;
    border:1px solid #343438!important;
    color:#fff!important;
    border-radius:7px!important;
    min-width:125px!important;
    height:36px!important;
    line-height:34px!important;
    font-size:11px!important;
    padding-left:12px!important;
    padding-right:28px!important;
}
.clec-youzify-composer .youzify-activity-privacy.nice-select .current,
.clec-youzify-composer .youzify-privacy-tool .nice-select .current{
    color:#fff!important;
    font-size:11px!important;
}
.clec-youzify-composer .youzify-activity-privacy.nice-select .list,
.clec-youzify-composer .youzify-privacy-tool .nice-select .list{
    background:#0a0a0b!important;
    border:1px solid #343438!important;
    border-radius:7px!important;
    color:#fff!important;
    min-width:125px!important;
    box-shadow:0 8px 24px rgba(0,0,0,.45)!important;
}
.clec-youzify-composer .youzify-activity-privacy.nice-select .list .option,
.clec-youzify-composer .youzify-privacy-tool .nice-select .list .option{
    background:#0a0a0b!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:32px!important;
    min-height:32px!important;
    padding:0 12px!important;
}
.clec-youzify-composer .youzify-activity-privacy.nice-select .list .option:hover,
.clec-youzify-composer .youzify-activity-privacy.nice-select .list .option.focus,
.clec-youzify-composer .youzify-activity-privacy.nice-select .list .option.selected,
.clec-youzify-composer .youzify-privacy-tool .nice-select .list .option:hover,
.clec-youzify-composer .youzify-privacy-tool .nice-select .list .option.focus,
.clec-youzify-composer .youzify-privacy-tool .nice-select .list .option.selected{
    background:#19191b!important;
    color:#fff!important;
}
.clec-youzify-composer .youzify-activity-privacy.nice-select .list .option.selected,
.clec-youzify-composer .youzify-privacy-tool .nice-select .list .option.selected{
    color:var(--r)!important;
}
/* Keep Youzify preview text readable in the dark CLE Radio composer. */
.clec-youzify-composer .youzify-lp-prepost,
.clec-youzify-composer .lp-prepost-container{
    background:#0b0b0c!important;
    color:#ddd!important;
}
.clec-youzify-composer .lp-preview-title,
.clec-youzify-composer .lp-preview-canonical-url,
.clec-youzify-composer .lp-preview-description,
.clec-youzify-composer .lp-preview-no-thubmnail-text{
    color:#b7b7bd!important;
}
/* Feed output assembled by Youzify: keep text and previews visible. */
.clec-postbody .activity-inner{color:#f1f1f1!important;margin-bottom:10px!important}
.clec-postbody .activity-inner p,.clec-postbody .activity-inner a{color:#f1f1f1!important}
.clec-postbody .youzify-post-attachments{display:block!important;color:#ddd!important}
.clec-postbody .youzify-wall-link-content,
.clec-postbody .youzify-wall-link-data{background:#0b0b0c!important;color:#ddd!important;border-color:#2b2b2e!important}
.clec-postbody .youzify-wall-link-title,
.clec-postbody .youzify-wall-link-desc,
.clec-postbody .youzify-wall-link-url{color:#ddd!important}


/* v0.1.12 - compact privacy selector + visible feed video embeds. */
.clec-youzify-composer #whats-new-post-in-box,
.clec-youzify-composer #whats-new-post-in-box *,
.clec-youzify-composer .youzify-privacy-tool,
.clec-youzify-composer .youzify-privacy-tool *,
.clec-youzify-composer .youzify-activity-privacy,
.clec-youzify-composer .youzify-activity-privacy *{
    font-size:12px!important;
}
.clec-youzify-composer #whats-new-post-in-box select,
.clec-youzify-composer select.youzify-activity-privacy{
    background:#0a0a0b!important;
    color:#fff!important;
    border:1px solid #343438!important;
    border-radius:6px!important;
    height:30px!important;
    min-height:30px!important;
    line-height:28px!important;
    padding:0 24px 0 9px!important;
    font-size:12px!important;
}
.clec-youzify-composer .nice-select.youzify-activity-privacy,
.clec-youzify-composer .youzify-privacy-tool .nice-select{
    height:30px!important;
    min-height:30px!important;
    line-height:28px!important;
    font-size:12px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    overflow:visible!important;
}
.clec-youzify-composer .nice-select.youzify-activity-privacy .current,
.clec-youzify-composer .youzify-privacy-tool .nice-select .current{
    display:block!important;
    line-height:28px!important;
    font-size:12px!important;
    color:#fff!important;
}
.clec-youzify-composer .nice-select .list .option{
    font-size:12px!important;
    min-height:29px!important;
    line-height:29px!important;
}
.clec-video-embed{
    margin-top:12px;
    overflow:hidden;
    border:1px solid #2d2d31;
    border-radius:10px;
    background:#000;
    aspect-ratio:16/9;
}
.clec-video-embed iframe,
.clec-video-embed video{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    border:0!important;
}


/* v0.1.14 - remove duplicate community logo and theme gap above preview app. */
#cle-community-preview-page.cle-community-preview-page{margin-top:-36px!important;}
#cle-community-preview-page .clec-top.clec-top-nav-only{height:84px!important;justify-content:flex-end!important;}
#cle-community-preview-page .clec-top.clec-top-nav-only .clec-nav{margin-left:auto!important;}
@media(max-width:820px){#cle-community-preview-page.cle-community-preview-page{margin-top:-20px!important;}#cle-community-preview-page .clec-top.clec-top-nav-only{height:auto!important;min-height:54px!important;align-items:flex-end!important;padding-top:0!important;}}


/* v0.1.16 - activity/discovery layout refinements. */
.clec-side-card{border:1px solid #333;border-radius:13px;background:#0b0b0c;padding:14px;margin:22px 0 0}
.clec-side-card h4{margin:0 0 9px;font-size:15px;color:#fff}
.clec-side-card .clec-member-stack{margin:11px 0 13px}
.clec-trending-list{display:flex;flex-direction:column;gap:2px}
.clec-trending-list a{display:flex;align-items:center;gap:8px;padding:8px 2px;color:#ddd!important;text-decoration:none!important;font-size:12px}
.clec-trending-list a:hover{color:#fff!important}
.clec-trending-list span{color:var(--r);font-weight:700}
.clec-card-empty{margin:4px 0 10px!important;color:var(--muted)!important;font-size:11px!important;line-height:1.45!important}
/* Hide only the visible Video tab. Youzify video handling remains loaded and functional. */
.clec-youzify-composer .youzify-wall-opts-item:has(label[for*="video" i]),
.clec-youzify-composer .youzify-wall-opts-item:has(input[id*="video" i]),
.clec-youzify-composer .youzify-wall-options .youzify-wall-opts-item:nth-child(3){display:none!important}
/* v0.1.17 — group cards consistently show up to 3 groups with avatars. */
.clec-trending-list{gap:11px;margin:10px 0 0}
.clec-trending-list .clec-mini{padding:0!important;font-size:inherit!important}
.clec-trending-list .clec-mini img{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover}
.clec-trending-list .clec-mini span{color:inherit;font-weight:inherit}

/* v0.1.18 — all group links use a consistent visible group avatar. */
#cle-community-preview-page .clec-mini{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important}
#cle-community-preview-page .clec-mini > img,
#cle-community-preview-page .clec-mini > .avatar,
#cle-community-preview-page .clec-mini > img.avatar{display:block!important;flex:0 0 38px!important;width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;object-fit:cover!important;margin:0!important}
#cle-community-preview-page .clec-mini > span{display:flex!important;flex-direction:column!important;min-width:0!important}


/* v0.1.19 — BuddyPress unread Messages indicators. */
#cle-community-preview-page .clec-messages-link{display:flex!important;align-items:center!important}
#cle-community-preview-page .clec-message-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:var(--r);color:#fff;font-size:10px;font-weight:800;line-height:18px}
#cle-community-preview-page .clec-message-badge.is-empty{display:none!important}
#cle-community-preview-page .clec-message-badge-side{margin-left:auto}
#cle-community-preview-page .clec-message-tool{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:46px;border:1px solid #343438;border-radius:9px;background:#0b0b0c;color:#fff!important;text-decoration:none!important;font-size:17px}
#cle-community-preview-page .clec-message-tool:hover{border-color:var(--r);color:#fff!important}
#cle-community-preview-page .clec-message-tool .clec-message-badge{position:absolute;top:-6px;right:-7px}

/* v0.1.21: Founding Member label in member directory */
.clec-card .clec-founding-member{color:#d4af37!important;font-weight:700;}

/* v1.0.3 - Activity post options menu */
.clec-options-wrap{position:relative;margin-left:auto}.clec-options-wrap .clec-more{margin-left:0;cursor:pointer;padding:8px 5px}.clec-options-menu{position:absolute;right:0;top:32px;z-index:50;width:145px;padding:6px;background:#111113;border:1px solid #3a3a3e;border-radius:9px;box-shadow:0 10px 28px rgba(0,0,0,.55)}.clec-options-menu[hidden]{display:none!important}.clec-options-menu form{margin:0}.clec-options-menu button{display:block;width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:9px 10px;border-radius:6px;font-size:12px;cursor:pointer}.clec-options-menu button:hover{background:#222226}.clec-options-menu .clec-option-delete{color:#ff5268}.clec-edit-form{margin:12px 0 0;padding:12px;border:1px solid #343438;border-radius:9px;background:#0b0b0c}.clec-edit-form[hidden]{display:none!important}.clec-edit-form textarea{display:block;width:100%;box-sizing:border-box;background:#080809;color:#fff;border:1px solid #45454a;border-radius:8px;padding:10px;font:inherit;resize:vertical}.clec-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}.clec-edit-actions button{border:1px solid #444;border-radius:7px;padding:8px 12px;color:#fff;background:#171719;cursor:pointer}.clec-edit-actions .clec-edit-save{background:#ff1835;border-color:#ff1835;font-weight:700}.clec-pinned-label{color:#ffbf2f!important}.clec-post-pinned{box-shadow:0 0 0 1px rgba(255,191,47,.35)}

/* v1.0.5: make activity post headline/content prominent. */
.clec-postbody .activity-inner,
.clec-postbody .activity-inner p,
.clec-postbody .activity-inner a{font-size:20px!important;line-height:1.18!important;font-weight:700!important;}
/* v1.0.10 - functional activity controls */
.clec-actions form{margin:0!important;padding:0!important;display:inline-flex!important}
.clec-actions .clec-action{color:#d7d7da!important;text-decoration:none!important}
.clec-action-button{appearance:none;-webkit-appearance:none;background:transparent!important;border:0!important;padding:0!important;margin:0!important;font:inherit!important;color:#d7d7da!important;cursor:pointer!important}
.clec-action-button b,.clec-action-button.is-liked{color:var(--r)!important}
.clec-postbody [class*="clha-activity-publisher"]{display:none!important}


/* v1.0.11 - left-aligned, fully clickable activity actions + inline reply box */
.clec-actions{justify-content:flex-start!important;}
.clec-actions .clec-action,.clec-actions .clec-action-button{display:inline-flex!important;align-items:center!important;gap:5px!important;cursor:pointer!important;}
.clec-actions .clec-action-icon{display:inline-block;pointer-events:none;}
.clec-actions .clec-save{margin-left:auto!important;}
.clec-inline-comment-form{margin:0 0 14px!important;padding:12px!important;border-top:1px solid var(--line);}
.clec-inline-comment-form[hidden]{display:none!important;}
.clec-inline-comment-form textarea{display:block;width:100%;box-sizing:border-box;background:#080809;color:#fff;border:1px solid #3d3d42;border-radius:9px;padding:11px 12px;font:inherit;resize:vertical;}
.clec-inline-comment-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;}
.clec-inline-comment-actions button{border:1px solid #444;border-radius:7px;padding:8px 13px;background:#171719;color:#fff;cursor:pointer;}
.clec-inline-comment-actions .clec-comment-submit{background:var(--r);border-color:var(--r);font-weight:700;}


/* v1.0.12 - Like heart/count stays on the left with the action controls. */
.clec-actions{justify-content:flex-start!important;}
.clec-actions .clec-save{display:none!important;}
.clec-like-button{display:inline-flex!important;align-items:center!important;gap:5px!important;}
.clec-like-heart{font-size:19px!important;line-height:1!important;color:#f1f1f1!important;display:inline-block!important;}
.clec-like-button.has-likes .clec-like-heart{color:var(--r)!important;}
.clec-like-count{display:inline-block!important;line-height:1!important;color:#f1f1f1!important;font-weight:700!important;margin:0 2px 0 0!important;}
.clec-like-label{display:inline-block!important;}

/* v1.0.20 - preserve imported headline size at 20px. */
.clec-headline-import .clec-postbody > a:not(.clha-activity-image){font-size:20px!important;line-height:1.18!important;font-weight:700!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}

/* v1.0.22 - Main Community 20-at-a-time Load More. */
.clec-main-page-item.clec-page-hidden{display:none!important}.clec-load-more{display:block;width:100%;margin:4px 0 20px;padding:12px 18px;border:1px solid var(--r);border-radius:10px;background:#111;color:#fff;font-weight:700;cursor:pointer}.clec-load-more:hover{background:var(--r)}


/* v1.0.31 - Keep both activity-feed sidebars visible while the center feed scrolls on desktop only. */
@media (min-width:1181px){
#cle-community-preview-page .clec-layout > .clec-side,
#cle-community-preview-page .clec-layout > .clec-right{position:sticky!important;top:20px!important;align-self:start!important;}
}

/* v1.0.32 - Allow desktop sticky sidebars to use the viewport as their scroll container. */
@media (min-width:1181px){
#cle-community-preview-page.cle-community-preview-page{overflow:visible!important;}
#cle-community-preview-page .clec-layout > .clec-side,
#cle-community-preview-page .clec-layout > .clec-right{position:sticky!important;top:20px!important;align-self:start!important;height:max-content!important;}
}

/* v1.0.22 — mobile layout: override the later desktop grid declaration.
   Scoped to the community page only; desktop layout is untouched. */
@media screen and (max-width:820px){
  #cle-community-preview-page .clec-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    gap:0!important;
    padding:18px 14px 48px!important;
    margin:0 auto!important;
  }
  #cle-community-preview-page .clec-layout > .clec-side,
  #cle-community-preview-page .clec-layout > .clec-right{display:none!important;}
  #cle-community-preview-page .clec-layout > .clec-main,
  #cle-community-preview-page .clec-feed,
  #cle-community-preview-page .clec-post{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  #cle-community-preview-page .clec-postbody,
  #cle-community-preview-page .clec-postbody *{max-width:100%;}
  #cle-community-preview-page .clec-postbody img,
  #cle-community-preview-page .clec-postbody iframe,
  #cle-community-preview-page .clec-postbody video{max-width:100%!important;}
  #cle-community-preview-page .clec-heading{min-width:0;}
}
@media screen and (max-width:480px){
  #cle-community-preview-page .clec-layout{padding-left:12px!important;padding-right:12px!important;}
  #cle-community-preview-page .clec-post{padding-left:12px!important;padding-right:12px!important;}
}

/* v1.0.23 — The Land tabs: red hover text, solid red active, white active text. */
#cle-community-preview-page .clec-side > a:hover:not(.is-active),
#cle-community-preview-page .clec-composer-tabs span:hover:not(.is-active){color:#ef172c!important;}
#cle-community-preview-page .clec-side > a.is-active,
#cle-community-preview-page .clec-side > a.is-active:hover{background:#ef172c!important;color:#fff!important;}
#cle-community-preview-page .clec-side > a.is-active .clec-side-icon{color:#fff!important;}
#cle-community-preview-page .clec-composer-tabs span.is-active{background:#ef172c!important;color:#fff!important;border-bottom-color:#ef172c!important;}
#cle-community-preview-page .clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item label:hover{color:#ef172c!important;}
#cle-community-preview-page .clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item label:hover span,
#cle-community-preview-page .clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item label:hover i{color:#ef172c!important;}
#cle-community-preview-page .clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item input:checked + label,
#cle-community-preview-page .clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item input:checked + label:hover{background:#ef172c!important;color:#fff!important;border-color:#ef172c!important;}
#cle-community-preview-page .clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item input:checked + label span,
#cle-community-preview-page .clec-youzify-composer #youzify-wall-form .youzify-wall-options .youzify-wall-opts-item input:checked + label i{color:#fff!important;}

/* Favorite Artists: compact left-column card, no changes to other cards. */
.clec-side .cle-fa-side-card{margin-top:16px;color:#fff}
.clec-side .cle-fa-side-search{display:flex;gap:5px;margin:10px 0}
.clec-side .cle-fa-side-search input{width:100%;min-width:0;flex:1;background:#17171a;border:1px solid #444;border-radius:6px;color:#fff;padding:8px;font-size:12px}
.clec-side .cle-fa-side-search button{background:#ed102b;color:#fff;border:0;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:19px}
.clec-side .cle-fa-side-saved{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.clec-side .cle-fa-side-saved a{display:block;color:#fff;font-size:12px;text-decoration:none;padding:4px 0;overflow-wrap:anywhere}
.clec-side .cle-fa-side-saved a:hover{color:#ed102b}
.clec-side .cle-fa-side-results{border-bottom:1px solid #333;padding-bottom:9px;font-size:12px}
.clec-side .cle-fa-side-results strong{display:block;margin:8px 0}
.clec-side .cle-fa-side-entry{padding:7px 0;border-top:1px solid #29292d;overflow-wrap:anywhere}
.clec-side .cle-fa-side-entry span{display:block;margin-bottom:4px}
.clec-side .cle-fa-side-entry form{margin:0;display:block}
.clec-side .cle-fa-side-entry button{background:transparent;border:1px solid #555;border-radius:5px;color:#fff;font-size:11px;padding:5px;cursor:pointer}
.clec-side .cle-fa-side-entry button:hover{border-color:#ed102b;color:#ed102b}

/* v1.0.32: further tighten gap between homepage shortcode and native community feed only. */
/* v1.0.33: close the remaining gap between the portable homepage shortcode
   and The Land feed. Scoped to the editor-homepage wrapper only. */
@media(min-width:821px){#cle-community-preview-page .clec-after-homepage{margin-top:-320px!important;position:relative;}}
@media(max-width:820px){#cle-community-preview-page .clec-after-homepage{margin-top:-75px!important;position:relative;}}

/* v1.0.37: align outer activity frame to hero edges (1% narrower, centered). */
@media (min-width:1181px) {
  #cle-community-preview-page .clec-layout.clec-activity-layout {
    box-sizing:border-box!important; width:90%!important; max-width:none!important;
    grid-template-columns:180px minmax(0,1fr) 210px!important;
    margin:12px auto 24px!important; padding:22px 24px 32px!important;
    border:1px solid #ef172c!important; border-radius:14px!important; background:#050505!important;
  }
}
@media (min-width:821px) and (max-width:1180px) {
  #cle-community-preview-page .clec-layout.clec-activity-layout {
    box-sizing:border-box!important; width:90%!important; max-width:none!important;
    grid-template-columns:170px minmax(0,1fr)!important;
    column-gap:10px!important;
    margin:12px auto 24px!important; padding:20px!important;
    border:1px solid #ef172c!important; border-radius:14px!important; background:#050505!important;
  }
}
@media (max-width:820px) {
  #cle-community-preview-page .clec-layout.clec-activity-layout {
    box-sizing:border-box!important; width:96%!important; max-width:96%!important;
    margin:10px auto 20px!important; border:1px solid #ef172c!important;
    border-radius:14px!important; background:#050505!important;
  }
}

/* v1.0.39: paint a continuous red outline on all four outer edges.
   Overlay avoids side borders being covered by activity columns. */
#cle-community-preview-page .clec-layout.clec-activity-layout {
  position:relative!important;
  isolation:isolate;
  border:1px solid #ef172c!important;
  border-radius:14px!important;
}
#cle-community-preview-page .clec-layout.clec-activity-layout::after {
  content:"";
  position:absolute;
  inset:0;
  border:1px solid #ef172c;
  border-radius:14px;
  pointer-events:none;
  z-index:10;
  box-sizing:border-box;
}

/* v1.0.40: make the Activity navigation's gray vertical divider red.
   Keep all cards, composer separators, and layout unchanged. */
#cle-community-preview-page .clec-layout.clec-activity-layout > .clec-side {
  border-right:1px solid #ef172c!important;
}

/* v1.0.41: Activity sidebar outlines match CLE Radio red. */
#cle-community-preview-page .clec-layout.clec-activity-layout > .clec-side {
  border-right-color:#ef172c!important;
}
#cle-community-preview-page .clec-layout.clec-activity-layout > .clec-side .clec-side-card {
  border-color:#ef172c!important;
}

/* v1.0.42: correct actual Activity sidebar card selectors. */
#cle-community-preview-page .clec-activity-layout .clec-right-card,
#cle-community-preview-page .clec-activity-layout .clec-side-card {
  border-color:#ef172c!important;
}

/* v1.0.43: keep the three right-side Groups card outlines red on desktop. */
@media (min-width:821px) {
  body #cle-community-preview-page .clec-layout.clec-activity-layout .clec-right > .clec-right-card {
    border:1px solid #ef172c!important;
    border-radius:13px;
  }
}

/* v1.0.44 — Activity section: 10px vertical spacing, 10% viewport side margins.
   Desktop only; keep existing mobile and internal card styling intact. */
@media (min-width:821px) {
  #cle-community-preview-page .clec-layout.clec-activity-layout {
    width:80%!important;
    max-width:80%!important;
    margin:10px auto!important;
    padding:10px!important;
    min-height:0!important;
  }
}

/* v1.0.45: desktop activity frame aligns to 10% viewport inset; force
   vertical padding to 10px without changing child card padding. */
@media screen and (min-width:821px) {
  body.home #cle-community-preview-page .clec-layout.clec-activity-layout {
    box-sizing:border-box!important;
    width:57.0154375vw!important;max-width:57.0154375vw!important;
    margin:10px auto!important;
    padding:10px!important;
    min-height:0!important;
  }
}

/* v1.0.46: narrow only the center activity feed within the existing red frame.
   The outer frame, left navigation, and right group cards retain their dimensions. */
@media (min-width:821px) {
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-main {
    width:80%!important;
    max-width:80%!important;
    min-width:0!important;
    justify-self:center!important;
  }
}

/* v1.0.47: narrow actual feed content, keep grid tracks and border unchanged. */
@media screen and (min-width:821px) {
 body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-main {width:100%!important;max-width:100%!important;justify-self:stretch!important;}
 body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-main > .clec-feed,
 body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-main > .clec-heading,
 body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-main > .clec-youzify-composer {box-sizing:border-box!important;width:80%!important;max-width:80%!important;margin-left:auto!important;margin-right:auto!important;}
}

/* v1.0.48: move whitespace from between the feed and sidebars to the
   outer edges of the existing activity frame; preserve the frame itself. */
@media screen and (min-width:1181px) {
 body #cle-community-preview-page .clec-layout.clec-activity-layout {
   column-gap:20px!important;
   padding-left:10px!important;
   padding-right:10px!important;
 }
 body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-main,
 body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-main > .clec-feed,
 body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-main > .clec-heading,
 body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-main > .clec-youzify-composer {
   width:100%!important;max-width:100%!important;
   margin-left:0!important;margin-right:0!important;
 }
}

/* v1.0.52: Video link embeds fill their responsive 16:9 frame.
   Earlier postbody iframe max-height rules truncated the player, leaving black space. */
#cle-community-preview-page .clec-postbody .clec-video-embed {
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16 / 9!important;
  height:auto!important;
  overflow:hidden!important;
}
#cle-community-preview-page .clec-postbody .clec-video-embed iframe,
#cle-community-preview-page .clec-postbody .clec-video-embed video {
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  aspect-ratio:auto!important;
}

/* v1.0.53: Imported story images should display in their original proportions,
   not in the fixed 280px cropped thumbnail used for ordinary feed images.
   This does not affect video embeds, avatars, or the activity layout. */
#cle-community-preview-page .clec-headline-import .clec-postbody img {
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}

/* v1.0.54: Limit unusually tall imported story images without cropping. */
#cle-community-preview-page .clec-headline-import .clec-postbody img {
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:450px!important;
  object-fit:contain!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* v1.0.55: Imported news thumbnails use a consistent edge-to-edge 16:9
   image frame. Cropping is limited to what is needed to fill the frame. */
#cle-community-preview-page .clec-headline-import .clec-postbody img {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:16 / 9!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* v1.0.60: Align Groups with the activity composer; preserve 70px horizontal spacing. */
@media screen and (min-width:1181px) {
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-right {
    padding-top:0!important;
    margin-top:0!important;
  }
}

/* v1.0.73: Remove only the activity sidebar vertical divider. */
#cle-community-preview-page .clec-layout.clec-activity-layout > .clec-side { border-right:0!important; }

/* v1.0.75: Symmetrical dividers, 50px from each adjacent column. */
@media screen and (min-width:1181px) {
  body #cle-community-preview-page .clec-layout.clec-activity-layout {
    column-gap:20px!important;
  }
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-side {
    position:sticky!important;
    border-right:0!important;
  }
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-right {
    position:sticky!important;
    border-left:0!important;
  }
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-side::after,
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-right::before {
    content:""!important;
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    width:1px!important;
    background:#D4AF37!important;
    pointer-events:none!important;
  }
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-side::after {
    right:-10px!important;
  }
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-right::before {
    left:-10px!important;
  }
}

/* v1.0.103: Hide Load More on homepage activity only. Other activity pages unchanged. */
body.home .clec-feed > button.clec-load-more { display: none !important; }


/* Match the desktop activity frame to the Core media player's 6% side inset.
   Override the older 57.0154375vw restriction without changing feed internals. */
@media screen and (min-width:821px) {
  body.home #cle-community-preview-page .clec-layout.clec-activity-layout {
    box-sizing:border-box!important;
    width:88vw!important;
    max-width:88vw!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Activity feed: gold column separators and 15px breathing room beside posts.
   Preserve the existing three-column widths and outer frame. */
@media screen and (min-width:1181px) {
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-side::after,
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-right::before {
    background:#D4AF37!important;
  }
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-main {
    box-sizing:border-box!important;
    padding-left:15px!important;
    padding-right:15px!important;
  }
}

/* Desktop activity columns: +15px to each sidebar, 30px center breathing room,
   and explicitly gold vertical divider rules. No other layout changes. */
@media screen and (min-width:1181px) {
  body #cle-community-preview-page .clec-layout.clec-activity-layout {
    grid-template-columns:195px minmax(0,1fr) 225px!important;
  }
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-main {
    padding-left:30px!important;
    padding-right:30px!important;
  }
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-side,
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-right {
    border-left:0!important;
    border-right:0!important;
  }
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-side::after,
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-right::before {
    background-color:#D4AF37!important;
    border:0!important;
    opacity:1!important;
  }
}

/* Center activity column only: consistent red outlines and horizontal dividers.
   Gold column separators, sidebars, spacing, and controls are untouched. */
#cle-community-preview-page .clec-activity-layout > .clec-main .clec-post,
#cle-community-preview-page .clec-activity-layout > .clec-main .clec-composer,
#cle-community-preview-page .clec-activity-layout > .clec-main .clec-youzify-composer {
  border-color:#ef172c!important;
}
#cle-community-preview-page .clec-activity-layout > .clec-main .clec-composer-tabs,
#cle-community-preview-page .clec-activity-layout > .clec-main .clec-youzify-composer .youzify-wall-options,
#cle-community-preview-page .clec-activity-layout > .clec-main .clec-inline-comment-form {
  border-bottom-color:#ef172c!important;
  border-top-color:#ef172c!important;
}
#cle-community-preview-page .clec-activity-layout > .clec-main .clec-post-pinned {
  box-shadow:0 0 0 1px #ef172c!important;
}

/* Desktop activity spacing: 30px from each sidebar to its gold divider,
   30px outer frame inset, and 10px wider sidebars. */
@media screen and (min-width:1181px) {
  body #cle-community-preview-page .clec-layout.clec-activity-layout {
    grid-template-columns:235.75px minmax(0,1fr) 270.25px!important;
    column-gap:60px!important;
    padding-left:30px!important;
    padding-right:30px!important;
  }
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-side::after {
    right:-30px!important;
  }
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-right::before {
    left:-30px!important;
  }
}

/* Desktop only: override the older body.home 10px frame padding on the
   horizontal sides; preserve vertical padding and every other layout rule. */
@media screen and (min-width:1181px) {
  body.home #cle-community-preview-page .clec-layout.clec-activity-layout {
    padding-left:30px!important;
    padding-right:30px!important;
  }
}

/* Favorite Artists: moved to the top of the activity right sidebar. */
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-card{margin-top:0;margin-bottom:14px;color:#fff}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-search{display:flex;gap:5px;margin:10px 0}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-search input{width:100%;min-width:0;flex:1;background:#17171a;border:1px solid #444;border-radius:6px;color:#fff;padding:8px;font-size:12px}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-search button{background:#ed102b;color:#fff;border:0;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:19px}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-saved{display:flex;flex-direction:column;gap:7px;margin-top:10px}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-saved a{display:block;color:#fff;font-size:12px;text-decoration:none;padding:4px 0;overflow-wrap:anywhere}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-saved a:hover{color:#ed102b}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-results{border-bottom:1px solid #333;padding-bottom:9px;font-size:12px}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-results strong{display:block;margin:8px 0}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-entry{padding:7px 0;border-top:1px solid #29292d;overflow-wrap:anywhere}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-entry span{display:block;margin-bottom:4px}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-entry form{margin:0;display:block}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-entry button{background:transparent;border:1px solid #555;border-radius:5px;color:#fff;font-size:11px;padding:5px;cursor:pointer}
#cle-community-preview-page .clec-activity-layout .clec-right .cle-fa-side-entry button:hover{border-color:#ed102b;color:#ed102b}

/* Login form: scoped to the right-sidebar card only. */
.clec-right .clec-sidebar-login form{margin:0;}
.clec-right .clec-sidebar-login form p{margin:0 0 12px;}
.clec-right .clec-sidebar-login label{display:block;font-size:12px;line-height:1.5;margin-bottom:5px;color:#ddd;}
.clec-right .clec-sidebar-login input[type="text"],.clec-right .clec-sidebar-login input[type="password"]{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:9px 10px;background:#080809;color:#fff;border:1px solid #45454a;border-radius:6px;font-size:14px;}
.clec-right .clec-sidebar-login .login-remember label{display:flex;align-items:center;gap:7px;}
.clec-right .clec-sidebar-login input[type="checkbox"]{margin:0;}
.clec-right .clec-sidebar-login input[type="submit"]{box-sizing:border-box;width:100%;padding:10px 12px;background:#d71930;color:#fff;border:1px solid #d71930;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;}
.clec-right .clec-sidebar-login .clec-login-reset{display:inline-block;color:#ddd;font-size:12px;text-decoration:none;}
.clec-right .clec-sidebar-login .clec-login-reset:hover{color:#ff4655;}

/* Inline group feed controls only. */
.clec-inline-group-toolbar:not([hidden]){display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 15px;padding:12px 14px;border:1px solid #d71930;border-radius:8px;color:#fff;background:#0b0b0c;}
.clec-inline-group-toolbar[hidden]{display:none!important;}
.clec-inline-group-toolbar button{margin-left:auto;padding:7px 12px;background:#171717;color:#fff;border:1px solid #d71930;border-radius:5px;cursor:pointer;font:inherit;}
.clec-inline-group-toolbar [role="status"]{font-size:12px;}
.clec-trending-list .clec-mini.is-active{outline:1px solid #d71930;border-radius:6px;}
.clec-main .clec-youzify-composer[hidden]{display:none!important;}

/* Selected-group post control and composer. */
.clec-inline-group-toolbar .clec-group-post-toggle{margin-left:0;background:transparent;border:0;padding:4px;color:#fff;display:inline-flex;align-items:center;gap:7px;font-size:14px;}
.clec-inline-group-toolbar .clec-group-post-toggle[hidden],.clec-inline-group-postbox[hidden]{display:none!important;}
.clec-group-post-plus{color:#ef1736;font-size:30px;font-weight:700;line-height:1;}
.clec-inline-group-postbox{margin-bottom:15px;padding:16px;border:1px solid #d71930;border-radius:8px;background:#0b0b0c;color:#fff;}
.clec-inline-group-postbox p{margin:0 0 10px;font-size:14px;}
.clec-inline-group-postbox p:empty{display:none;}
.clec-inline-group-postbox textarea{display:block;box-sizing:border-box;width:100%;padding:12px;margin:0 0 10px;background:#111;color:#fff;border:1px solid #555;border-radius:6px;resize:vertical;font:inherit;}
.clec-inline-group-postbox button{background:#d71930;color:#fff;padding:9px 16px;border:1px solid #d71930;border-radius:6px;cursor:pointer;}

/* Activity date and time: larger white text */
.clec-posthead .clec-author small{font-size:13px;color:#fff;}

/* v1.0.131 administrator controls */
.clec-admin-status{border:1px solid #ef172c;border-radius:12px;background:#0b0b0c;padding:15px;margin-bottom:16px}
.clec-admin-status label{display:block;color:#fff;margin-bottom:9px}
.clec-admin-status textarea{display:block;width:100%;box-sizing:border-box;background:#151517;border:1px solid #444;border-radius:8px;color:#fff;padding:12px;font:inherit;resize:vertical}
.clec-admin-status button{margin-top:10px;background:#e71932;border:0;border-radius:7px;color:#fff;font-weight:700;padding:9px 16px;cursor:pointer}
.clec-admin-pin{margin-left:auto}.clec-admin-pin button{background:#18181b;color:#fff;border:1px solid #e71932;border-radius:7px;padding:6px 11px;cursor:pointer}

.clec-status-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#151517;color:#fff;border:1px solid #444;border-radius:8px;padding:12px;margin-top:10px}
.clec-admin-status button[type=button]{background:#19191c;border:1px solid #ef172c;color:#fff;margin-right:8px}

/* Automatic status link card (v1.0.134) */
.clec-auto-link-card{display:flex;gap:12px;align-items:flex-start;color:#fff}.clec-auto-link-card img{width:140px;max-width:35%;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.clec-auto-link-card strong{display:block;font-size:15px}.clec-auto-link-card p{margin:5px 0;font-size:13px}.clec-auto-link-card small{opacity:.7}

/* v1.0.135 group link previews and delete controls */
.clec-saved-link-card{background:#090909;border-left:5px solid #ed1934;padding:14px 16px;margin:10px 0;color:#fff}
.clec-saved-link-card img{width:100%;max-height:410px;object-fit:cover;border-radius:0;margin:0 0 12px}
.clec-saved-link-card h3{font-size:19px;line-height:1.3;margin:8px 0;color:#fff}
.clec-saved-link-card h3 a{color:#fff!important;text-decoration:none}
.clec-saved-link-card p{font-size:14px;margin:8px 0 0}
.clec-visible-delete-form{margin-left:6px}
.clec-visible-delete-form button{background:transparent;color:#ff6879;border:1px solid #c3223a;border-radius:7px;padding:6px 10px;cursor:pointer}

/* v1.0.140: Show dropdown within clipped activity card. */
.clec-posthead:has(.clec-options-menu:not([hidden])){align-items:flex-start;flex-wrap:wrap}
.clec-options-wrap:has(.clec-options-menu:not([hidden])){display:flex;flex-direction:column;align-items:flex-end}
.clec-options-wrap .clec-options-menu:not([hidden]){position:relative;top:auto;right:auto;margin-top:4px;z-index:50}

/* v1.0.182: CLE Radio audio controls for activity posts. */
.cle-radio-audio-player{display:flex!important;align-items:center;gap:14px;width:100%;min-width:0;box-sizing:border-box;padding:13px 15px;margin:12px 0 4px;border:1px solid #35353a;border-left:4px solid #ef172c;border-radius:12px;background:linear-gradient(115deg,#151516 0%,#0b0b0c 72%,#101011 100%);color:#f7f7f7;font-family:inherit;}
.cle-radio-audio-player.is-enhanced>.cle-radio-audio-native{display:none!important;}
.cle-radio-audio-play,.cle-radio-audio-mute{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0;padding:0;border:0;cursor:pointer;color:#fff;}
.cle-radio-audio-play{width:44px;height:44px;border-radius:50%;background:#ef172c;box-shadow:0 0 0 4px rgba(239,23,44,.12);transition:background .18s ease,transform .18s ease,box-shadow .18s ease;}
.cle-radio-audio-play:hover{background:#c80d21;transform:scale(1.04);box-shadow:0 0 0 5px rgba(239,23,44,.2);}
.cle-radio-audio-play:focus-visible,.cle-radio-audio-mute:focus-visible,.cle-radio-audio-player input:focus-visible{outline:2px solid #fff;outline-offset:3px;}
.cle-radio-audio-play svg{width:19px;height:19px;fill:currentColor;}
.cle-radio-audio-main{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0;}
.cle-radio-audio-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;}
.cle-radio-audio-brand{overflow:hidden;color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;}
.cle-radio-audio-status{flex:0 0 auto;color:#ef4657;font-size:9px;font-weight:800;letter-spacing:.1em;line-height:1.2;}
.cle-radio-audio-player.is-playing .cle-radio-audio-status{color:#fff;}
.cle-radio-audio-player.has-error .cle-radio-audio-status{color:#ff8490;}
.cle-radio-audio-timeline{display:flex;align-items:center;gap:10px;min-width:0;}
.cle-radio-audio-current,.cle-radio-audio-duration{flex:0 0 auto;color:#d5d5d8;font-size:11px;font-variant-numeric:tabular-nums;line-height:1;}
.cle-radio-audio-timeline input[type=range],.cle-radio-audio-volume input[type=range]{display:block;min-width:0;height:5px;margin:0;padding:0;border:0;border-radius:99px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#ef172c 0%,#ef172c var(--cle-audio-fill,0%),#3a3a3f var(--cle-audio-fill,0%),#3a3a3f 100%);cursor:pointer;}
.cle-radio-audio-timeline input[type=range]{flex:1 1 auto;width:100%;}
.cle-radio-audio-volume{display:flex;align-items:center;gap:7px;flex:0 0 auto;}
.cle-radio-audio-mute{width:30px;height:34px;background:transparent;color:#dedee1;}
.cle-radio-audio-mute:hover{color:#ef4657;}
.cle-radio-audio-mute svg{width:19px;height:19px;fill:currentColor;}
.cle-radio-audio-volume input[type=range]{width:76px;}
.cle-radio-audio-player input[type=range]::-webkit-slider-thumb{width:12px;height:12px;border:2px solid #fff;border-radius:50%;appearance:none;-webkit-appearance:none;background:#ef172c;box-shadow:0 0 0 2px rgba(239,23,44,.18);}
.cle-radio-audio-player input[type=range]::-moz-range-thumb{width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#ef172c;box-shadow:0 0 0 2px rgba(239,23,44,.18);}
.cle-radio-audio-player input[type=range]::-moz-range-track{height:5px;border:0;border-radius:99px;background:#3a3a3f;}
@media(max-width:560px){.cle-radio-audio-player{gap:10px;padding:11px 10px}.cle-radio-audio-play{width:40px;height:40px}.cle-radio-audio-volume{gap:3px}.cle-radio-audio-volume input[type=range]{width:48px}.cle-radio-audio-timeline{gap:7px}}
@media(prefers-reduced-motion:reduce){.cle-radio-audio-play{transition:none}}

/* YouTube sidebar button: keep label on a single line. */
.clec-youtube-follow{white-space:nowrap!important;gap:6px!important;font-size:11px!important;padding-left:6px!important;padding-right:6px!important;flex-wrap:nowrap!important}.clec-youtube-follow svg{flex:0 0 17px;width:17px;height:13px}

/* Mobile: restore the existing left navigation above the activity feed. */
@media screen and (max-width:820px) {
  body #cle-community-preview-page .clec-layout > .clec-side,
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-side {
    display:block!important;position:static!important;order:0!important;
    width:100%!important;max-width:100%!important;height:auto!important;
    max-height:none!important;overflow:visible!important;
    box-sizing:border-box!important;padding:12px!important;
    margin:0 0 16px!important;border-right:0!important;
    border-bottom:1px solid #ef172c!important;
  }
  body #cle-community-preview-page .clec-layout > .clec-main {order:1!important;}
  body #cle-community-preview-page .clec-layout > .clec-right {order:2!important;}
  body.cle-land-group-page .cle-group-three-columns > .clec-side {
    display:block!important;order:0!important;width:100%!important;
    max-width:100%!important;position:static!important;
  }
  body.cle-land-group-page .cle-group-three-columns > .cle-group-main {order:1!important;}
}

/* YouTube subscribers: standalone left sidebar card immediately below groups. */
.clec-subscribers-border{border:1px solid #dc1734;padding:8px;margin-top:12px;border-radius:4px;box-sizing:border-box;width:100%}
.clec-subscribers-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;box-sizing:border-box;background:#c90027;color:#fff!important;text-decoration:none!important;border-radius:3px;padding:11px 5px;font-size:12px;font-weight:700;white-space:nowrap;line-height:1.2}
.clec-subscribers-button svg{flex:0 0 20px;color:#fff}.clec-subscribers-button:hover{background:#a90020;color:#fff!important}

/* v1.0.243: Show the existing right sidebar beneath the main content on mobile.
   CSS-only: preserve the sidebar's ad refresh, widgets and desktop behavior. */
@media screen and (max-width:820px) {
  body #cle-community-preview-page .clec-layout,
  body #cle-community-preview-page .clec-layout.clec-activity-layout {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body #cle-community-preview-page .clec-layout > .clec-side {order:0!important;}
  body #cle-community-preview-page .clec-layout > .clec-main {order:1!important;min-width:0!important;width:100%!important;max-width:100%!important;}
  body #cle-community-preview-page .clec-layout > .clec-right,
  body #cle-community-preview-page .clec-layout.clec-activity-layout > .clec-right {
    display:block!important;
    visibility:visible!important;
    position:static!important;
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    box-sizing:border-box!important;
    margin:16px 0 0!important;
    overflow:visible!important;
  }
  body #cle-community-preview-page .clec-layout > .clec-right .clec-right-card {max-width:100%!important;box-sizing:border-box!important;}
}