/* CN Social frontend — clean rebuild 9.1B. All selectors are scoped. */
.cn-social-home,.cn-social-app{--cns-ink:#18342b;--cns-muted:#687a74;--cns-green:#19705a;--cns-green-soft:#eef6f2;--cns-line:#dce7e1;--cns-paper:#fff;--cns-page:#f7faf8;--cns-danger:#ad3f42;color:var(--cns-ink);font:400 15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}
.cn-social-home *,.cn-social-app *{box-sizing:border-box;min-width:0}.cn-social-home img,.cn-social-home video,.cn-social-home svg,.cn-social-app img,.cn-social-app video,.cn-social-app svg{display:block;max-width:100%;height:auto}.cn-social-home a,.cn-social-app a{color:var(--cns-green);text-decoration:none;overflow-wrap:anywhere}.cn-social-home button,.cn-social-home input,.cn-social-home textarea,.cn-social-home select,.cn-social-app button,.cn-social-app input,.cn-social-app textarea,.cn-social-app select{font:inherit}.cn-social-home :focus-visible,.cn-social-app :focus-visible{outline:3px solid rgba(25,112,90,.28);outline-offset:2px}.cn-social-skip{position:fixed;left:-9999px}.cn-social-skip:focus{z-index:100;left:12px;top:12px;padding:8px 12px;background:#fff}
.cn-social-avatar{width:48px;height:48px;min-width:0;max-width:72px;max-height:72px;aspect-ratio:1;object-fit:cover;border-radius:50%;background:#e5eee9}.cn-social-avatar--nav{width:36px;height:36px;max-width:36px;max-height:36px}.cn-social-avatar--profile{width:64px;height:64px;max-width:64px;max-height:64px}.cn-social-avatar--person{width:44px;height:44px;max-width:44px;max-height:44px}
.cn-social-home{width:100%;max-width:none;margin:0;background:var(--cns-page);overflow-x:clip}.cn-social-topbar{position:sticky;z-index:30;top:0;width:100%;background:rgba(255,255,255,.96);border-bottom:1px solid var(--cns-line);backdrop-filter:blur(12px)}.cn-social-topbar__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;width:min(100% - 32px,1240px);min-height:62px;margin:auto}.cn-social-topbar__brand{display:flex;align-items:center;gap:5px;color:var(--cns-ink)!important;font-weight:850;letter-spacing:-.02em;white-space:nowrap}.cn-social-topbar__brand span{color:var(--cns-green)}.cn-social-topbar__nav{display:flex;align-items:center;justify-content:center;gap:4px;overflow-x:auto;scrollbar-width:none}.cn-social-topbar__nav::-webkit-scrollbar{display:none}.cn-social-topbar__nav a{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:8px 11px;border-radius:8px;color:var(--cns-muted);font-size:.88rem;font-weight:650;white-space:nowrap}.cn-social-topbar__nav a:hover,.cn-social-topbar__nav a[aria-current=page]{background:var(--cns-green-soft);color:var(--cns-green)}.cn-social-topbar b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:var(--cns-danger);color:#fff;font-size:10px;line-height:1}.cn-social-topbar__tools{display:flex;align-items:center;gap:5px}.cn-social-topbar__tools>a,.cn-social-topbar__tools>button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--cns-ink);cursor:pointer}.cn-social-topbar__tools>a:hover,.cn-social-topbar__tools>button:hover{background:var(--cns-green-soft)}.cn-social-topbar__tools>button{position:relative}.cn-social-topbar__tools>button b{position:absolute;top:-2px;right:-2px}.cn-social-topbar details{position:relative}.cn-social-topbar summary{list-style:none;cursor:pointer}.cn-social-topbar summary::-webkit-details-marker{display:none}.cn-social-topbar details>div{position:absolute;right:0;top:46px;display:grid;width:180px;padding:7px;background:#fff;border:1px solid var(--cns-line);border-radius:10px;box-shadow:0 16px 40px rgba(24,52,43,.14)}.cn-social-topbar details>div a{padding:8px 9px;border-radius:6px;color:var(--cns-ink)}.cn-social-topbar details>div a:hover{background:var(--cns-green-soft)}
.cn-social-home__canvas{display:grid;grid-template-columns:minmax(0,7fr) minmax(260px,3fr);align-items:start;gap:22px;width:min(100% - 32px,1180px);margin:0 auto;padding:18px 0 24px}.cn-social-home__main,.cn-social-home__rail{min-width:0}.cn-social-home__main{display:grid;gap:14px}.cn-social-home__rail{position:sticky;top:80px;display:grid;gap:12px}.cn-social-home__welcome{min-height:82px;padding:9px 2px 11px}.cn-social-home__welcome h1{margin:0;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}.cn-social-home__welcome p{margin:4px 0 0;color:var(--cns-muted);font-size:.94rem}
.cn-social-home__module,.cn-social-home__profile{background:var(--cns-paper);border:1px solid rgba(24,52,43,.09);border-radius:12px;box-shadow:0 5px 18px rgba(24,52,43,.035)}.cn-social-home__module{padding:15px}.cn-social-home__module-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.cn-social-home__module-head h2,.cn-social-home__completion h2{margin:0;font-size:1rem;line-height:1.3}.cn-social-home__module-head>a{font-size:.78rem;font-weight:700;white-space:nowrap}.cn-social-home__people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cn-social-home__people article{min-width:0}.cn-social-home__people article>a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px;background:var(--cns-green-soft);color:var(--cns-ink)}.cn-social-home__people article>a:hover{background:#e4f0ea;transform:translateY(-1px)}.cn-social-home__people span{display:grid;min-width:0}.cn-social-home__people strong,.cn-social-home__people small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-social-home__people strong{font-size:.84rem}.cn-social-home__people small{color:var(--cns-muted);font-size:.7rem}.cn-social-home__empty{grid-column:1/-1;margin:0;padding:8px;color:var(--cns-muted);font-size:.84rem}
.cn-social-home__activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cn-social-home__activity-grid a{display:flex;align-items:center;gap:8px;padding:10px;border-radius:9px;background:var(--cns-green-soft);color:var(--cns-ink)}.cn-social-home__activity-grid span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:8px;background:#fff;color:var(--cns-green);font-weight:800}.cn-social-home__activity-grid small{font-size:.78rem;font-weight:650}.cn-social-home__profile{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:14px}.cn-social-home__profile h2{margin:0;font-size:1rem;overflow-wrap:anywhere}.cn-social-home__profile p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:2px 0;color:var(--cns-muted);font-size:.76rem}.cn-social-home__profile a,.cn-social-home__completion a{font-size:.76rem;font-weight:750}.cn-social-home__completion>div:first-child{display:flex;align-items:center;justify-content:space-between}.cn-social-home__completion strong{font-size:.82rem;color:var(--cns-green)}.cn-social-progress{height:6px;margin:9px 0;background:#dfeae4;border-radius:6px;overflow:hidden}.cn-social-progress span{display:block;height:100%;max-width:100%;background:var(--cns-green);border-radius:inherit}
.cn-social-home-request{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid var(--cns-line)}.cn-social-home-request:last-child{border:0}.cn-social-home-request img{width:36px;height:36px;max-width:36px;aspect-ratio:1;object-fit:cover;border-radius:50%}.cn-social-home-request>a{overflow:hidden;color:var(--cns-ink);font-size:.78rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.cn-social-home-request span{display:flex;gap:4px}.cn-social-home-request button{display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid var(--cns-line);border-radius:50%;background:#fff;cursor:pointer}.cn-social-home-request button:first-child{background:var(--cns-green);border-color:var(--cns-green);color:#fff}
.cn-social-articles{width:min(100% - 32px,1180px);margin:0 auto;padding:20px 0 46px;border-top:1px solid var(--cns-line)}.cn-social-articles__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:11px}.cn-social-articles__head span{color:var(--cns-muted);font-size:.7rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.cn-social-articles__head h2{margin:2px 0 0;font-size:1.35rem}.cn-social-articles__track{display:flex;gap:14px;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px 1px 12px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-inline:contain}.cn-social-article{display:flex;flex:0 0 calc((100% - 28px)/3);flex-direction:column;min-width:0;overflow:hidden;scroll-snap-align:start;background:#fff;border:1px solid rgba(24,52,43,.09);border-radius:11px}.cn-social-article__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#e4ece8}.cn-social-article__media img{width:100%;height:100%;max-width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .2s ease}.cn-social-article:hover .cn-social-article__media img{transform:scale(1.025)}.cn-social-article>div{display:flex;flex:1;flex-direction:column;padding:12px}.cn-social-article time{color:var(--cns-muted);font-size:.68rem}.cn-social-article h3{display:-webkit-box;min-height:2.55em;margin:4px 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.98rem;line-height:1.28}.cn-social-article h3 a{color:var(--cns-ink)}.cn-social-article p{display:-webkit-box;margin:3px 0 9px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--cns-muted);font-size:.76rem}.cn-social-article__cta{margin-top:auto;font-size:.76rem;font-weight:800}.cn-social-carousel-controls{display:flex;gap:6px}.cn-social-carousel-controls button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cns-line);border-radius:50%;background:#fff;color:var(--cns-ink);cursor:pointer}.cn-social-carousel-controls button:hover{border-color:var(--cns-green);color:var(--cns-green)}
.cn-social-notification-panel{position:fixed;z-index:60;right:18px;top:72px;width:min(390px,calc(100vw - 24px));max-height:70vh;overflow:auto;padding:14px;background:#fff;border:1px solid var(--cns-line);border-radius:12px;box-shadow:0 20px 55px rgba(24,52,43,.18)}.cn-social-notification-panel[hidden]{display:none}.cn-social-notification-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.cn-social-notification{display:grid;padding:9px;border-bottom:1px solid var(--cns-line);color:var(--cns-ink)!important}.cn-social-notification.is-unread{background:var(--cns-green-soft)}.cn-social-toast-region{position:fixed;z-index:80;right:15px;bottom:15px;display:grid;gap:6px}.cn-social-toast{max-width:360px;padding:9px 12px;border-radius:8px;background:#29463c;color:#fff}.cn-social-toast--error{background:var(--cns-danger)}
/* Shared secondary social pages. */
.cn-social-app{width:min(100% - 32px,1180px);margin:24px auto}.cn-social-app .cn-social-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--cns-line)}.cn-social-app .cn-social-layout{display:block}.cn-social-app .cn-social-main{padding:20px 0}.cn-social-app .cn-social-nav{display:flex;gap:4px;overflow:auto}.cn-social-app .cn-social-nav a{flex:0 0 auto;padding:7px 9px;border-radius:7px}.cn-social-card{padding:16px;background:#fff;border:1px solid var(--cns-line);border-radius:10px}.cn-social-card-grid,.cn-social-settings-grid,.cn-social-dashboard-grid,.cn-social-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cn-social-button{display:inline-flex;padding:8px 12px;border:0;border-radius:7px;background:var(--cns-green);color:#fff!important;font-weight:700}.cn-social-form{display:grid;gap:12px}.cn-social-form label{display:grid;gap:4px}.cn-social-app input,.cn-social-app textarea,.cn-social-app select{width:100%;max-width:100%;padding:9px;border:1px solid #bdcec6;border-radius:7px}.cn-social-person-card{min-width:0;padding:10px;background:#fff;border:1px solid var(--cns-line);border-radius:10px}.cn-social-person-card img,.cn-social-gallery img{width:100%;max-width:100%;aspect-ratio:4/3;object-fit:cover}.cn-social-messenger{display:grid;grid-template-columns:minmax(230px,30%) minmax(0,1fr);height:620px;overflow:hidden;border:1px solid var(--cns-line)}.cn-social-messenger>aside,.cn-social-message-list{overflow:auto}.cn-social-chat{display:grid;grid-template-rows:auto auto 1fr auto auto;min-width:0}.cn-social-message{max-width:76%;padding:7px 10px;margin:5px;background:#fff;border-radius:10px;overflow-wrap:anywhere}.cn-social-message.is-own{margin-left:auto;background:var(--cns-green-soft)}.cn-social-profile-view{overflow:hidden;background:#fff}.cn-social-cover{height:250px;max-height:250px;background:#e5eee9 center/cover}.cn-social-profile-head{display:flex;align-items:center;gap:14px;padding:16px}.cn-social-profile-head img{width:112px;height:112px;max-width:112px;aspect-ratio:1;object-fit:cover;border-radius:50%}.cn-social-state,.cn-social-empty,.cn-social-home__empty-profile{padding:44px 20px;text-align:center}
@media(max-width:1024px){.cn-social-topbar__inner{gap:10px}.cn-social-topbar__nav a{padding:7px;font-size:.78rem}.cn-social-home__canvas{grid-template-columns:minmax(0,1.8fr) minmax(240px,.8fr)}.cn-social-home__people{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-social-article{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:768px){.cn-social-topbar__inner{grid-template-columns:1fr auto;min-height:56px}.cn-social-topbar__nav{position:fixed;z-index:50;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:5px max(5px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));background:rgba(255,255,255,.98);border-top:1px solid var(--cns-line);box-shadow:0 -8px 24px rgba(24,52,43,.08)}.cn-social-topbar__nav a{justify-content:center;padding:7px 2px;font-size:.63rem}.cn-social-topbar__tools{grid-column:2}.cn-social-home__canvas{grid-template-columns:1fr;padding-bottom:18px}.cn-social-home__main{grid-row:1}.cn-social-home__rail{position:static;grid-row:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cn-social-articles{padding-bottom:80px}.cn-social-card-grid,.cn-social-settings-grid,.cn-social-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-social-app{margin-bottom:70px}.cn-social-app .cn-social-header{align-items:flex-start;flex-direction:column}.cn-social-app .cn-social-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--cns-line)}.cn-social-messenger{grid-template-columns:minmax(190px,36%) minmax(0,1fr)}}
@media(max-width:430px){.cn-social-topbar__inner,.cn-social-home__canvas,.cn-social-articles,.cn-social-app{width:min(100% - 20px,1180px)}.cn-social-topbar__brand{font-size:.9rem}.cn-social-topbar__tools>a{display:none}.cn-social-home__canvas{gap:12px;padding-top:10px}.cn-social-home__rail{grid-template-columns:1fr}.cn-social-home__completion{display:none}.cn-social-home__welcome{min-height:70px;padding:5px 1px}.cn-social-home__welcome h1{font-size:1.35rem}.cn-social-home__people{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.cn-social-home__people article{flex:0 0 82%;scroll-snap-align:start}.cn-social-home__activity-grid{grid-template-columns:1fr}.cn-social-article{flex-basis:88%}.cn-social-article__media,.cn-social-article__media img{aspect-ratio:16/9}.cn-social-carousel-controls{display:none}.cn-social-card-grid,.cn-social-settings-grid,.cn-social-dashboard-grid,.cn-social-gallery{grid-template-columns:1fr}.cn-social-messenger{display:block}.cn-social-profile-head img{width:76px;height:76px;max-width:76px}}
@media(prefers-reduced-motion:reduce){.cn-social-home *,.cn-social-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.cn-social-topbar__nav a{align-items:center}.cn-social-home__main,.cn-social-home__rail{min-width:0}.cn-social-home__profile p{-webkit-box-orient:vertical}
@media(max-width:768px){.cn-social-home__rail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:768px){.cn-social-topbar{backdrop-filter:none}}
.cn-social-home .cn-social-module{padding:15px;background:var(--cns-paper);border:1px solid rgba(24,52,43,.09);border-radius:12px;box-shadow:0 5px 18px rgba(24,52,43,.035)}.cn-social-home .cn-social-module__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.cn-social-home .cn-social-module__head h2{margin:0;font-size:1rem}

/* Unified navigation and secondary surfaces. */
.cn-social-topbar__inner{grid-template-columns:minmax(0,1fr) auto}.cn-social-topbar__nav{justify-content:flex-start}.cn-social-app>.cn-social-topbar{width:100%;margin:0}.cn-social-app>.cn-social-topbar .cn-social-topbar__inner{width:100%}
.cn-social-app{width:min(100% - 32px,1180px);min-height:520px;margin:20px auto 64px;background:transparent}.cn-social-app .cn-social-layout{width:100%}.cn-social-app .cn-social-main{width:min(100%,1040px);margin:0 auto;padding:34px 0 20px}.cn-social-app .cn-social-main>section{display:grid;gap:20px}.cn-social-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:2px}.cn-social-title h1,.cn-social-app .cn-social-main>section>h1{margin:0;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.12;letter-spacing:-.03em}.cn-social-eyebrow{margin:0 0 4px;color:var(--cns-muted);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.cn-social-card{padding:22px;border-color:rgba(24,52,43,.1);border-radius:14px;box-shadow:0 8px 26px rgba(24,52,43,.045)}.cn-social-form{gap:16px}.cn-social-form label,.cn-social-upload label{gap:7px;color:var(--cns-ink);font-size:.82rem;font-weight:700}.cn-social-app input,.cn-social-app textarea,.cn-social-app select{min-height:44px;padding:10px 12px;background:#fff}.cn-social-app textarea{min-height:130px;resize:vertical}.cn-social-button{align-items:center;justify-content:center;min-height:40px;width:max-content;cursor:pointer}.cn-social-button--ghost{background:#fff;color:var(--cns-green)!important;border:1px solid var(--cns-line)}
.cn-social-search{display:grid;grid-template-columns:minmax(240px,1.7fr) minmax(160px,.8fr) minmax(180px,.9fr) auto;gap:10px;padding:14px;background:#fff;border:1px solid var(--cns-line);border-radius:14px}.cn-social-search label{display:block}.cn-social-search .cn-social-button{height:44px}.cn-social-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cn-social-person-card{display:grid;gap:12px;padding:0;overflow:hidden;border-radius:14px}.cn-social-person-card__link{display:grid;color:var(--cns-ink)!important}.cn-social-person-card img{width:100%;height:auto;aspect-ratio:4/3}.cn-social-person-card__link>span,.cn-social-person-card>div{padding:0 15px 15px}.cn-social-skeleton{min-height:240px;border-radius:14px;background:linear-gradient(100deg,#edf3f0 20%,#f8faf9 40%,#edf3f0 60%);background-size:200% 100%}
.cn-social-tabs{display:flex;gap:7px;padding:5px;width:max-content;max-width:100%;overflow-x:auto;background:var(--cns-green-soft);border-radius:11px}.cn-social-tabs button{flex:0 0 auto;padding:9px 13px;border:0;border-radius:8px;background:transparent;color:var(--cns-muted);cursor:pointer}.cn-social-tabs button[aria-selected=true],.cn-social-tabs button.is-active{background:#fff;color:var(--cns-green);box-shadow:0 2px 8px rgba(24,52,43,.08)}[data-friends-list]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cn-social-request-card{display:grid;gap:10px;padding:16px;background:#fff;border:1px solid var(--cns-line);border-radius:13px}
.cn-social-messenger{height:min(680px,calc(100vh - 190px));min-height:520px;background:#fff;border-radius:15px;box-shadow:0 10px 34px rgba(24,52,43,.06)}.cn-social-messenger>aside{padding:18px;border-right:1px solid var(--cns-line)}.cn-social-messenger>aside h1{margin:0 0 16px;font-size:1.45rem}.cn-social-conversation{display:block;padding:11px;border-bottom:1px solid var(--cns-line);color:var(--cns-ink)!important}.cn-social-conversation:hover{background:var(--cns-green-soft)}.cn-social-chat>header{display:flex;align-items:center;min-height:64px;padding:12px 18px;border-bottom:1px solid var(--cns-line)}.cn-social-message-list{padding:18px;background:#f7faf8}.cn-social-chat form[data-message-form]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:12px;border-top:1px solid var(--cns-line)}.cn-social-chat form[data-message-form] textarea{min-height:42px;max-height:110px}.cn-social-chat form[data-message-form]>button{align-self:end}
.cn-social-notification{border-radius:9px}.cn-social-app--notifications [data-notifications-page]{display:grid;gap:6px;min-height:150px}.cn-social-app--notifications .cn-social-notification{border:0;background:#f8faf9}.cn-social-upload{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.4fr) auto;align-items:end;gap:14px}.cn-social-upload small,.cn-social-upload progress{grid-column:1/-1}.cn-social-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cn-social-gallery>*{overflow:hidden;border-radius:12px}.cn-social-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.cn-social-settings-grid>*:last-child{grid-column:1/-1}.cn-social-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px}.cn-social-switch{display:flex!important;grid-template-columns:none;align-items:center;gap:9px!important}.cn-social-switch input{width:18px!important;min-height:18px}
@media(max-width:900px){.cn-social-search{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-social-search .cn-social-button{width:100%}.cn-social-card-grid,[data-friends-list]{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-social-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.cn-social-messenger{grid-template-columns:minmax(210px,34%) minmax(0,1fr)}}
@media(max-width:768px){.cn-social-app{width:min(100% - 20px,1180px);margin-top:10px}.cn-social-app>.cn-social-topbar .cn-social-topbar__inner{min-height:54px}.cn-social-app .cn-social-main{padding-top:24px}.cn-social-topbar__nav{justify-content:stretch}.cn-social-search{grid-template-columns:1fr}.cn-social-settings-grid{grid-template-columns:1fr}.cn-social-settings-grid>*:last-child{grid-column:auto}.cn-social-upload{grid-template-columns:1fr}.cn-social-upload small,.cn-social-upload progress{grid-column:auto}.cn-social-messenger{height:auto;min-height:620px}.cn-social-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.cn-social-card-grid,[data-friends-list],.cn-social-gallery,.cn-social-check-grid{grid-template-columns:1fr}.cn-social-card{padding:16px}.cn-social-title{align-items:flex-start;flex-direction:column}.cn-social-messenger{display:grid;grid-template-columns:1fr}.cn-social-messenger>aside{max-height:240px;border-right:0;border-bottom:1px solid var(--cns-line)}}

/* Personal feed and unified profile configuration. */
.cn-social-home__canvas--feed{grid-template-columns:minmax(0,820px);justify-content:center}.cn-social-home__canvas--feed .cn-social-home__main{gap:16px}.cn-social-composer{overflow:hidden;background:#fff;border:1px solid rgba(24,52,43,.1);border-radius:15px;box-shadow:0 8px 28px rgba(24,52,43,.05)}.cn-social-composer__prompt{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:15px}.cn-social-composer__prompt>button{height:46px;padding:0 17px;border:0;border-radius:24px;background:#f0f5f2;color:var(--cns-muted);text-align:left;cursor:pointer}.cn-social-composer__prompt>button:hover{background:#e8f0ec}.cn-social-composer form{display:grid;gap:12px;padding:15px}.cn-social-composer textarea{min-height:110px;padding:4px 2px;border:0;background:transparent;font-size:1.05rem;resize:vertical}.cn-social-composer textarea:focus{outline:0}.cn-social-composer footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--cns-line)}.cn-social-composer footer>div{display:flex;gap:5px}.cn-social-composer footer>div button,.cn-social-composer__emoji button,.cn-social-composer__link button{padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--cns-muted);font-weight:700;cursor:pointer}.cn-social-composer footer>div button:hover,.cn-social-composer__emoji button:hover{background:var(--cns-green-soft);color:var(--cns-green)}.cn-social-composer__emoji{display:flex;flex-wrap:wrap;gap:3px;padding:8px;background:#f8faf9;border-radius:10px}.cn-social-composer__emoji button{font-size:1.25rem}.cn-social-composer__link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.cn-social-composer__link button{background:var(--cns-green-soft);color:var(--cns-green)}.cn-social-composer__preview>img{width:100%;max-height:430px;object-fit:cover;border-radius:12px}
.cn-social-feed{display:grid;gap:14px}.cn-social-feed>[data-social-feed]{display:grid;gap:14px}.cn-social-feed-card{overflow:hidden;background:#fff;border:1px solid rgba(24,52,43,.1);border-radius:15px;box-shadow:0 7px 24px rgba(24,52,43,.045)}.cn-social-feed-card>header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 15px}.cn-social-feed-card>header>div{display:grid}.cn-social-feed-card>header time{color:var(--cns-muted);font-size:.72rem}.cn-social-feed-card>header>button{border:0;background:transparent;color:var(--cns-muted);font-size:1.1rem;cursor:pointer}.cn-social-feed-card__body{padding:0 16px 15px;white-space:pre-wrap;overflow-wrap:anywhere}.cn-social-feed-card__image{width:100%;max-height:680px;object-fit:cover}.cn-social-link-card{display:grid;grid-template-columns:minmax(120px,34%) minmax(0,1fr);overflow:hidden;margin:0 15px 15px;border:1px solid var(--cns-line);border-radius:11px;color:var(--cns-ink)!important}.cn-social-link-card>img{width:100%;height:100%;min-height:130px;max-height:190px;object-fit:cover}.cn-social-link-card>span{display:grid;align-content:center;gap:4px;padding:13px}.cn-social-link-card small{color:var(--cns-muted);text-transform:uppercase}.cn-social-link-card strong,.cn-social-link-card span span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.cn-social-link-card strong{-webkit-line-clamp:2}.cn-social-link-card span span{-webkit-line-clamp:3;color:var(--cns-muted);font-size:.8rem}.cn-social-feed__more{margin:0 auto}.cn-social-feed__loading,.cn-social-feed__empty{padding:25px;text-align:center;color:var(--cns-muted)}
.cn-social-configuration{display:grid;gap:28px}.cn-social-configuration>section:first-of-type>.cn-social-title{display:none}.cn-social-configuration>section:first-of-type{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:start;gap:16px}.cn-social-configuration>section:first-of-type>[data-dynamic-fields]{grid-column:2}.cn-social-configuration>section:first-of-type>.cn-social-card:last-child{grid-column:2}.cn-social-configuration>section>h2{margin:0 0 12px;font-size:1.35rem}
.cn-social-notification{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:12px}.cn-social-notification__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--cns-green-soft);color:var(--cns-green);font-size:1.05rem}.cn-social-notification__copy{display:grid;gap:2px}.cn-social-notification__copy>span{color:var(--cns-muted);font-size:.82rem}.cn-social-notification__copy time{color:#8a9893;font-size:.68rem}.cn-social-notification.is-unread{border-left:3px solid var(--cns-green);background:#eef7f2}.cn-social-notification.is-unread .cn-social-notification__icon{background:var(--cns-green);color:#fff}
@media(max-width:768px){.cn-social-home__canvas--feed{display:block}.cn-social-configuration>section:first-of-type{grid-template-columns:1fr}.cn-social-configuration>section:first-of-type>[data-dynamic-fields],.cn-social-configuration>section:first-of-type>.cn-social-card:last-child{grid-column:auto}}
@media(max-width:520px){.cn-social-composer footer{align-items:stretch;flex-direction:column}.cn-social-composer footer>div{justify-content:space-between}.cn-social-composer footer>div button span{display:none}.cn-social-composer footer>.cn-social-button{width:100%}.cn-social-link-card{grid-template-columns:1fr}.cn-social-link-card>img{aspect-ratio:16/9;max-height:none}}

/* Editorial rail alongside the personal feed. */
.cn-social-home__canvas--feed{grid-template-columns:minmax(0,7fr) minmax(280px,3fr);justify-content:stretch}.cn-social-editorial-rail{position:sticky;top:80px;width:auto;margin:0;padding:8px 0 24px;border-top:0}.cn-social-editorial-rail .cn-social-articles__head{align-items:start;margin-bottom:12px}.cn-social-editorial-rail .cn-social-articles__head h2{font-size:1.25rem}.cn-social-editorial-rail .cn-social-articles__track{display:grid;grid-template-columns:1fr;gap:12px;overflow:visible;padding:0;scroll-snap-type:none}.cn-social-editorial-rail .cn-social-article{display:grid;grid-template-columns:112px minmax(0,1fr);width:100%;min-height:112px}.cn-social-editorial-rail .cn-social-article__media{height:100%;min-height:112px;aspect-ratio:auto}.cn-social-editorial-rail .cn-social-article__media img{height:100%;aspect-ratio:auto}.cn-social-editorial-rail .cn-social-article>div{padding:10px}.cn-social-editorial-rail .cn-social-article h3{min-height:0;margin:3px 0;font-size:.86rem}.cn-social-editorial-rail .cn-social-article p{margin:2px 0 5px;font-size:.7rem}.cn-social-editorial-rail .cn-social-article__cta{font-size:.7rem}
@media(max-width:900px){.cn-social-home__canvas--feed{grid-template-columns:1fr}.cn-social-editorial-rail{position:static;padding-top:20px;border-top:1px solid var(--cns-line)}.cn-social-editorial-rail .cn-social-articles__track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cn-social-editorial-rail .cn-social-articles__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.cn-social-editorial-rail .cn-social-article{flex:0 0 88%;grid-template-columns:105px minmax(0,1fr);scroll-snap-align:start}}

/* Wider, unboxed editorial layout. */
.cn-social-home__canvas--feed{grid-template-columns:minmax(0,2.15fr) minmax(360px,1fr);gap:42px;width:min(100% - 64px,1480px)}.cn-social-home__canvas--feed .cn-social-home__main{width:100%}.cn-social-editorial-rail{padding-top:10px}.cn-social-editorial-rail .cn-social-articles__track{gap:0}.cn-social-editorial-rail .cn-social-article{grid-template-columns:142px minmax(0,1fr);min-height:132px;padding:16px 0;background:transparent;border:0;border-bottom:1px solid var(--cns-line);border-radius:0;box-shadow:none}.cn-social-editorial-rail .cn-social-article:first-child{padding-top:0}.cn-social-editorial-rail .cn-social-article:last-child{border-bottom:0}.cn-social-editorial-rail .cn-social-article__media{min-height:116px;border-radius:10px}.cn-social-editorial-rail .cn-social-article>div{padding:2px 0 2px 15px}.cn-social-editorial-rail .cn-social-article h3{font-size:.94rem;line-height:1.3}.cn-social-editorial-rail .cn-social-article p{font-size:.74rem;line-height:1.45}.cn-social-editorial-rail .cn-social-article__cta{font-size:.75rem}
@media(max-width:1240px){.cn-social-home__canvas--feed{grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr);gap:28px;width:min(100% - 40px,1180px)}.cn-social-editorial-rail .cn-social-article{grid-template-columns:118px minmax(0,1fr)}}
@media(max-width:980px){.cn-social-home__canvas--feed{grid-template-columns:1fr;width:min(100% - 32px,820px)}.cn-social-editorial-rail{position:static}.cn-social-editorial-rail .cn-social-articles__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.cn-social-editorial-rail .cn-social-article{grid-template-columns:125px minmax(0,1fr)}}
@media(max-width:680px){.cn-social-home__canvas--feed{width:min(100% - 20px,820px)}.cn-social-editorial-rail .cn-social-articles__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory}.cn-social-editorial-rail .cn-social-article{flex:0 0 88%;grid-template-columns:112px minmax(0,1fr);padding:12px 0;scroll-snap-align:start}}

/* Split background: personal content tinted, editorial rail white. */
.cn-social-home{background:#fff}.cn-social-home__canvas--feed{align-items:stretch}.cn-social-home__canvas--feed .cn-social-home__main{align-content:start;padding:28px;background:var(--cns-page);border-radius:18px}.cn-social-home__canvas--feed .cn-social-home__welcome{padding:0 2px 10px}.cn-social-home__canvas--feed .cn-social-home__welcome p{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.cn-social-editorial-rail{padding-left:40px;border-left:1px solid var(--cns-line);background:#fff}
@media(max-width:1240px){.cn-social-home__canvas--feed .cn-social-home__main{padding:22px}.cn-social-editorial-rail{padding-left:28px}}
@media(max-width:980px){.cn-social-editorial-rail{padding-left:0;border-left:0}.cn-social-home__canvas--feed .cn-social-home__main{padding:22px}}
@media(max-width:520px){.cn-social-home__canvas--feed .cn-social-home__main{padding:14px;border-radius:14px}}

/* Post privacy and YouTube embeds. */
.cn-social-post-privacy{display:inline-flex;align-items:center}.cn-social-post-privacy select{width:auto;min-width:105px;min-height:36px;padding:6px 28px 6px 10px;border:1px solid var(--cns-line);border-radius:18px;background:#fff;color:var(--cns-green);font-size:.76rem;font-weight:750;cursor:pointer}.cn-social-post-meta{display:flex;align-items:center;gap:4px;color:var(--cns-muted)}.cn-social-post-meta small{font-size:.7rem}.cn-social-youtube{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}.cn-social-youtube iframe{position:absolute;inset:0;width:100%;height:100%;max-width:100%;border:0}.cn-social-composer__preview .cn-social-youtube{border-radius:12px}.cn-social-modal-privacy{display:grid;gap:7px;margin:0 0 18px;color:var(--cns-ink);font-size:.82rem;font-weight:750}.cn-social-modal-privacy select{width:100%;min-height:44px;padding:9px 12px;border:1px solid #bdcec6;border-radius:9px;background:#fff}
@media(max-width:520px){.cn-social-post-privacy select{min-width:96px}.cn-social-composer footer>div{flex-wrap:wrap}}

/* Contextual rich-text composer. */
.cn-social-rich-editor{display:block;width:100%;min-height:150px;padding:12px 2px;border:0;background:transparent;color:var(--cns-ink);font:inherit;font-size:1.05rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.cn-social-rich-editor:focus{outline:0}.cn-social-rich-editor:empty:before{content:attr(data-placeholder);color:var(--cns-muted);pointer-events:none}.cn-social-rich-editor .cn-social-text-large,.cn-social-feed .cn-social-text-large{font-size:1.28em;line-height:1.28}.cn-social-selection-toolbar{position:fixed;z-index:100000;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#183b31;box-shadow:0 12px 28px rgba(8,30,24,.28);transform:none}.cn-social-selection-toolbar[hidden]{display:none!important}.cn-social-selection-toolbar:after{content:"";position:absolute;top:100%;left:50%;border:6px solid transparent;border-top-color:#183b31;transform:translateX(-50%)}.cn-social-selection-toolbar button{display:grid!important;place-items:center;width:34px!important;height:32px!important;min-width:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#fff!important;font:700 .9rem/1 system-ui,sans-serif!important;box-shadow:none!important;cursor:pointer}.cn-social-selection-toolbar button:hover,.cn-social-selection-toolbar button:focus-visible{background:rgba(255,255,255,.16)!important;outline:0}.cn-social-selection-toolbar button[data-format=italic]{font-style:italic}.cn-social-selection-toolbar button[data-format=underline]{text-decoration:underline}.cn-social-selection-toolbar button[data-format=large]{font-size:.76rem!important;letter-spacing:-.03em}

/* Short text posts with accessible color backgrounds. */
.cn-social-background-picker{position:relative!important;display:block!important}.cn-social-background-picker>button{display:grid!important;place-items:center;width:38px;height:38px;padding:0!important;border-radius:50%!important;background:linear-gradient(135deg,#1464d2 0 25%,#d64260 25% 50%,#f4c95d 50% 75%,#176b4d 75%)!important;color:#fff!important;font-size:.76rem!important;font-weight:900!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}.cn-social-background-palette{position:absolute;z-index:30;bottom:calc(100% + 10px);left:0;display:flex!important;gap:8px!important;width:max-content;padding:9px;border:1px solid var(--cns-line);border-radius:24px;background:#fff;box-shadow:0 15px 38px rgba(24,52,43,.18)}.cn-social-background-palette[hidden]{display:none!important}.cn-social-background-palette button{display:grid!important;place-items:center;width:30px!important;height:30px!important;padding:0!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 0 0 1px #c9d8d1;cursor:pointer}.cn-social-background-palette button.is-active{box-shadow:0 0 0 3px var(--cns-green)}.cn-social-background-palette button[data-background=""]{background:#fff!important;color:var(--cns-muted)!important}.cn-social-background-palette button[data-background=ocean]{background:#1464d2!important}.cn-social-background-palette button[data-background=sunset]{background:linear-gradient(135deg,#d64260,#f47a3c)!important}.cn-social-background-palette button[data-background=forest]{background:#176b4d!important}.cn-social-background-palette button[data-background=berry]{background:#6d3fc0!important}.cn-social-background-palette button[data-background=gold]{background:#f4c95d!important}.cn-social-background-palette button[data-background=midnight]{background:#18223d!important}
.cn-social-composer textarea[data-background]:not([data-background=""]),.cn-social-rich-editor[data-background]:not([data-background=""]){min-height:230px;padding:34px!important;border-radius:14px!important;color:#fff;font-size:clamp(1.45rem,3vw,2rem);font-weight:750;line-height:1.25;text-align:center}.cn-social-composer textarea[data-background=ocean],.cn-social-rich-editor[data-background=ocean],.cn-social-post-background.is-ocean{background:#1464d2!important;color:#fff}.cn-social-composer textarea[data-background=sunset],.cn-social-rich-editor[data-background=sunset],.cn-social-post-background.is-sunset{background:linear-gradient(135deg,#d64260,#f47a3c)!important;color:#fff}.cn-social-composer textarea[data-background=forest],.cn-social-rich-editor[data-background=forest],.cn-social-post-background.is-forest{background:#176b4d!important;color:#fff}.cn-social-composer textarea[data-background=berry],.cn-social-rich-editor[data-background=berry],.cn-social-post-background.is-berry{background:#6d3fc0!important;color:#fff}.cn-social-composer textarea[data-background=gold],.cn-social-rich-editor[data-background=gold],.cn-social-post-background.is-gold{background:#f4c95d!important;color:#2b2412}.cn-social-composer textarea[data-background=midnight],.cn-social-rich-editor[data-background=midnight],.cn-social-post-background.is-midnight{background:#18223d!important;color:#fff}.cn-social-post-background{display:grid;place-items:center;min-height:260px;padding:38px!important;font-size:clamp(1.5rem,3vw,2.15rem);font-weight:800;line-height:1.25;text-align:center;white-space:pre-wrap}.cn-social-post-background+img,.cn-social-post-background+.cn-social-link-card,.cn-social-post-background+.cn-social-youtube{display:none}
@media(max-width:520px){.cn-social-background-palette{position:fixed;right:12px;bottom:82px;left:12px;justify-content:center;width:auto}.cn-social-composer textarea[data-background]:not([data-background=""]),.cn-social-rich-editor[data-background]:not([data-background=""]),.cn-social-post-background{min-height:210px;padding:25px!important}.cn-social-selection-toolbar{max-width:calc(100vw - 24px)}}

/* Composer popover and unclipped post menu. */
.cn-social-composer{position:relative}.cn-social-composer__emoji{position:absolute;z-index:20;left:18px;bottom:68px;display:flex;width:min(360px,calc(100% - 36px));padding:10px;background:#fff;border:1px solid var(--cns-line);border-radius:12px;box-shadow:0 18px 45px rgba(24,52,43,.2)}.cn-social-composer__emoji[hidden]{display:none!important}.cn-social-feed-card{overflow:visible}.cn-social-post-menu>div button{display:block!important;width:100%!important;visibility:visible!important;opacity:1!important}.cn-social-post-menu>div button:last-child{display:block!important}

/* Page offset, visible modal actions and automatic loading indicator. */
.cn-social-home__canvas--feed{padding-top:120px}.cn-social-post-modal>footer .cn-social-button{display:inline-flex!important;min-width:120px!important;min-height:44px!important;padding:10px 18px!important;border:0!important;border-radius:9px!important;background:#4aad2f!important;color:#fff!important;font-weight:800!important;line-height:1!important;opacity:1!important;visibility:visible!important}.cn-social-post-modal>footer .cn-social-button:hover{background:#3d9826!important}.cn-social-post-modal>footer .cn-social-button--ghost{border:1px solid #4aad2f!important;background:#fff!important;color:#347f23!important}.cn-social-post-modal>footer .cn-social-button--danger{background:#4aad2f!important;color:#fff!important}.cn-social-feed__sentinel{display:grid;place-items:center;gap:2px;min-height:70px;color:var(--cns-green);text-align:center}.cn-social-feed__sentinel[hidden]{display:none}.cn-social-feed__sentinel span{font-size:2rem;line-height:1;animation:cn-social-scroll-hint 1.4s ease-in-out infinite}.cn-social-feed__sentinel small{color:var(--cns-muted);font-size:.7rem}@keyframes cn-social-scroll-hint{0%,100%{transform:translateY(-3px);opacity:.55}50%{transform:translateY(5px);opacity:1}}
@media(max-width:980px){.cn-social-home__canvas--feed{padding-top:80px}}
@media(max-width:520px){.cn-social-home__canvas--feed{padding-top:48px}.cn-social-post-modal>footer{display:grid;grid-template-columns:1fr 1fr}.cn-social-post-modal>footer .cn-social-button{width:100%!important;min-width:0!important}}

/* Desktop social navigation starts at the 200px guide, centered before content. */
@media(min-width:769px){.cn-social-home>.cn-social-topbar,.cn-social-app>.cn-social-topbar{position:relative;top:auto;padding-top:200px;background:#fff;backdrop-filter:none}.cn-social-home>.cn-social-topbar .cn-social-topbar__inner,.cn-social-app>.cn-social-topbar .cn-social-topbar__inner{grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);width:min(100% - 64px,1480px)}.cn-social-home>.cn-social-topbar .cn-social-topbar__nav,.cn-social-app>.cn-social-topbar .cn-social-topbar__nav{grid-column:2;justify-content:center}.cn-social-home>.cn-social-topbar .cn-social-topbar__tools,.cn-social-app>.cn-social-topbar .cn-social-topbar__tools{grid-column:3;justify-self:end}.cn-social-home__canvas--feed{padding-top:24px}.cn-social-app .cn-social-main{padding-top:24px}}

/* Compact privacy control beside the composer prompt. */
.cn-social-composer__prompt{grid-template-columns:48px minmax(0,1fr) auto}
.cn-social-post-privacy--prompt{gap:5px;min-height:46px;padding:4px 7px 4px 5px;border:1px solid var(--cns-line);border-radius:24px;background:#fff;box-shadow:0 2px 8px rgba(24,52,43,.04)}
.cn-social-post-privacy--prompt .cn-social-privacy-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--cns-green-soft);font-size:1rem;line-height:1}
.cn-social-post-privacy--prompt select{min-width:84px;min-height:34px;padding:5px 23px 5px 4px;border:0;border-radius:17px;background-color:transparent}
.cn-social-post-privacy--prompt:focus-within{border-color:var(--cns-green);box-shadow:0 0 0 3px rgba(25,112,90,.12)}
@media(max-width:520px){.cn-social-composer__prompt{grid-template-columns:42px minmax(0,1fr) auto;gap:7px;padding:11px}.cn-social-composer__prompt .cn-social-avatar{width:42px;height:42px}.cn-social-composer__prompt>button{height:42px;padding:0 12px}.cn-social-post-privacy--prompt{min-height:42px;padding:3px}.cn-social-post-privacy--prompt .cn-social-privacy-icon{width:30px;height:30px;flex-basis:30px}.cn-social-post-privacy--prompt select{width:24px;min-width:24px;padding:0;color:transparent}.cn-social-post-privacy--prompt select option{color:var(--cns-ink)}}

/* Onboarding */
.cn-social-onboarding{width:min(100%,980px);margin:8px auto 64px;color:var(--cns-ink)}.cn-social-onboarding__header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 24px}.cn-social-onboarding__header h1{margin:5px 0 8px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.04}.cn-social-onboarding__header>div>p:last-child{margin:0;color:var(--cns-muted);font-size:1rem}.cn-social-onboarding__header>strong{flex:0 0 auto;padding:8px 13px;border-radius:999px;background:var(--cns-green-soft);color:var(--cns-green);font-size:.78rem}.cn-social-onboarding>.cn-social-progress{height:5px;margin:14px 0 28px;overflow:hidden;border-radius:999px;background:#e5eee9}.cn-social-onboarding>.cn-social-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cns-green),#55ac32);transition:width .3s ease}
.cn-social-onboarding__timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.cn-social-onboarding__timeline span{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:7px;min-width:0;color:#8b9a95}.cn-social-onboarding__timeline b{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d6e2dd;border-radius:50%;background:#fff;font-size:.72rem}.cn-social-onboarding__timeline small{overflow:hidden;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.cn-social-onboarding__timeline .is-current{color:var(--cns-green)}.cn-social-onboarding__timeline .is-current b,.cn-social-onboarding__timeline .is-done b{border-color:var(--cns-green);background:var(--cns-green);color:#fff}
.cn-social-onboarding__panel{overflow:hidden;border:1px solid rgba(24,52,43,.11);border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(24,52,43,.07)}.cn-social-onboarding__content{min-height:390px;padding:clamp(25px,5vw,52px)}.cn-social-onboarding__step-head{max-width:680px;margin-bottom:30px}.cn-social-onboarding__step-head>span{color:var(--cns-green);font-size:.72rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.cn-social-onboarding__step-head h2{margin:7px 0 9px;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.12}.cn-social-onboarding__step-head p{margin:0;color:var(--cns-muted);font-size:.94rem}.cn-social-onboarding__panel>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px clamp(25px,5vw,52px);border-top:1px solid var(--cns-line);background:#fbfcfb}.cn-social-onboarding__back{min-height:43px;padding:9px 17px;border:1px solid var(--cns-line);border-radius:999px;background:#fff;color:var(--cns-green);font-weight:800;cursor:pointer}.cn-social-onboarding__back:disabled{cursor:default;opacity:.35}.cn-social-onboarding__next{min-height:45px;padding-inline:24px}.cn-social-onboarding__panel.is-busy{opacity:.75;pointer-events:none}
.cn-social-onboarding__field{display:grid;gap:8px;max-width:720px;margin-bottom:20px}.cn-social-onboarding__field>span{font-size:.84rem;font-weight:800}.cn-social-onboarding__field input,.cn-social-onboarding__field textarea{width:100%;padding:13px 15px;border:1px solid #c7d8d0;border-radius:11px;background:#fff;font:inherit;line-height:1.5}.cn-social-onboarding__field input:focus,.cn-social-onboarding__field textarea:focus{border-color:var(--cns-green);box-shadow:0 0 0 4px rgba(25,120,95,.1);outline:0}.cn-social-onboarding__uploads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cn-social-onboarding-upload{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:18px;min-width:0;padding:18px;border:1px solid var(--cns-line);border-radius:15px;background:#fcfdfc}.cn-social-onboarding-upload__preview{display:grid;place-items:center;width:130px;height:130px;overflow:hidden;border-radius:50%;background:#e9f1ed center/cover no-repeat;color:var(--cns-green);font-size:2rem}.cn-social-onboarding-upload--cover{grid-template-columns:1fr}.cn-social-onboarding-upload--cover .cn-social-onboarding-upload__preview{width:100%;height:auto;aspect-ratio:16/7;border-radius:11px}.cn-social-onboarding-upload h3{margin:0 0 5px;font-size:1rem}.cn-social-onboarding-upload p{margin:0 0 13px;color:var(--cns-muted);font-size:.78rem}.cn-social-onboarding__upload-button{padding:9px 13px;border:1px solid var(--cns-green);border-radius:999px;background:#fff;color:var(--cns-green);font-weight:800;cursor:pointer}.cn-social-onboarding-upload.is-uploading{opacity:.55;pointer-events:none}
.cn-social-onboarding__choices{display:flex;flex-wrap:wrap;gap:9px}.cn-social-onboarding__choice input{position:absolute;opacity:0;pointer-events:none}.cn-social-onboarding__choice span{display:block;padding:10px 15px;border:1px solid #d5e2dc;border-radius:999px;background:#fff;color:var(--cns-ink);font-size:.85rem;font-weight:750;cursor:pointer;transition:.15s ease}.cn-social-onboarding__choice input:checked+span{border-color:var(--cns-green);background:var(--cns-green-soft);color:var(--cns-green);box-shadow:inset 0 0 0 1px var(--cns-green)}.cn-social-onboarding__choice input:focus-visible+span{outline:3px solid rgba(25,120,95,.22);outline-offset:2px}.cn-social-onboarding__privacy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cn-social-onboarding__privacy label{min-width:0}.cn-social-onboarding__privacy input{position:absolute;opacity:0;pointer-events:none}.cn-social-onboarding__privacy label>span{display:grid;grid-template-columns:40px minmax(0,1fr);gap:3px 10px;min-height:120px;padding:18px;border:1px solid var(--cns-line);border-radius:14px;cursor:pointer}.cn-social-onboarding__privacy b{grid-row:1/3;font-size:1.45rem}.cn-social-onboarding__privacy strong{font-size:.9rem}.cn-social-onboarding__privacy small{color:var(--cns-muted);line-height:1.35}.cn-social-onboarding__privacy input:checked+span{border-color:var(--cns-green);background:var(--cns-green-soft);box-shadow:inset 0 0 0 1px var(--cns-green)}.cn-social-onboarding__summary{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--cns-line);border-radius:16px;background:linear-gradient(135deg,#f1f7f4,#fff)}.cn-social-onboarding__summary-avatar{width:92px;height:92px;flex:0 0 92px;border:4px solid #fff;border-radius:50%;background:#dfeae4 center/cover no-repeat;box-shadow:0 5px 17px rgba(24,52,43,.14)}.cn-social-onboarding__summary h3{margin:0 0 4px;font-size:1.35rem}.cn-social-onboarding__summary p{margin:0 0 5px;color:var(--cns-muted)}.cn-social-onboarding__summary small{color:var(--cns-green);font-weight:750}
@media(max-width:760px){.cn-social-onboarding__timeline small{display:none}.cn-social-onboarding__timeline span{grid-template-columns:1fr;justify-items:center}.cn-social-onboarding__uploads,.cn-social-onboarding__privacy{grid-template-columns:1fr}.cn-social-onboarding-upload--avatar{grid-template-columns:105px minmax(0,1fr)}.cn-social-onboarding-upload__preview{width:105px;height:105px}.cn-social-onboarding__content{min-height:340px}.cn-social-onboarding__header{align-items:flex-start}.cn-social-onboarding__header>strong{margin-top:4px}}
@media(max-width:480px){.cn-social-onboarding{margin-top:0}.cn-social-onboarding__header{display:block}.cn-social-onboarding__header>strong{display:inline-block;margin-top:12px}.cn-social-onboarding__timeline{gap:3px}.cn-social-onboarding__timeline b{width:28px;height:28px}.cn-social-onboarding__content{padding:23px 18px}.cn-social-onboarding__panel>footer{padding:16px 18px}.cn-social-onboarding-upload--avatar{grid-template-columns:1fr;text-align:center}.cn-social-onboarding-upload__preview{margin:auto}.cn-social-onboarding__back,.cn-social-onboarding__next{padding-inline:16px}}

/* Collapsible editorial rail and social identity badges. */
.cn-social-home__canvas--feed{transition:grid-template-columns .28s ease,gap .28s ease}.cn-social-editorial-rail{overflow:visible;transition:opacity .2s ease,padding .28s ease}.cn-social-rail-toggle{position:absolute;z-index:15;top:72px;left:-16px;display:grid;place-items:center;width:32px;height:52px;padding:0;border:1px solid var(--cns-line);border-radius:18px;background:#fff;color:var(--cns-green);font-size:1.45rem;line-height:1;box-shadow:0 5px 16px rgba(24,52,43,.12);cursor:pointer}.cn-social-rail-toggle:hover{background:var(--cns-green-soft)}
.cn-social-home__canvas--feed.is-rail-closed{grid-template-columns:minmax(0,1fr) 0;gap:0}.cn-social-home__canvas--feed.is-rail-closed .cn-social-editorial-rail{width:0;padding-left:0;border-left:0}.cn-social-home__canvas--feed.is-rail-closed .cn-social-editorial-rail>.cn-social-articles__head,.cn-social-home__canvas--feed.is-rail-closed .cn-social-editorial-rail>.cn-social-articles__track{visibility:hidden;opacity:0;pointer-events:none}.cn-social-home__canvas--feed.is-rail-closed .cn-social-rail-toggle{left:12px;box-shadow:0 6px 20px rgba(24,52,43,.16)}
.cn-social-user-badge{display:inline-block;width:24px;height:24px;flex:0 0 24px;margin-left:6px;vertical-align:-5px;background-position:center;background-repeat:no-repeat;background-size:contain;color:transparent!important;font-size:0!important;overflow:hidden}.cn-social-user-badge--verified{background-image:url("../images/badge-verified.png")}.cn-social-user-badge--admin{background-image:url("../images/badge-administrator.png")}.cn-social-feed-card header strong .cn-social-user-badge,.cn-social-person-card h2 .cn-social-user-badge{width:20px;height:20px;vertical-align:-4px}
body.cn-social-profile-verified .cn-social-profile-banner__identity h1,body.cn-social-profile-administrator .cn-social-profile-banner__identity h1,body.cn-social-profile-verified .cn-social-profile-head h1,body.cn-social-profile-administrator .cn-social-profile-head h1{display:flex;align-items:center;flex-wrap:wrap;gap:6px}body.cn-social-profile-verified .cn-social-profile-banner__identity h1:after,body.cn-social-profile-verified .cn-social-profile-head h1:after{content:"";order:1;width:30px;height:30px;flex:0 0 30px;background:url("../images/badge-verified.png") center/contain no-repeat}body.cn-social-profile-administrator .cn-social-profile-banner__identity h1:before,body.cn-social-profile-administrator .cn-social-profile-head h1:before{content:"";order:2;width:30px;height:30px;flex:0 0 30px;background:url("../images/badge-administrator.png") center/contain no-repeat}
@media(max-width:980px){.cn-social-rail-toggle{display:none}.cn-social-home__canvas--feed.is-rail-closed{grid-template-columns:1fr;gap:28px}.cn-social-home__canvas--feed.is-rail-closed .cn-social-editorial-rail{width:auto;padding-left:0}.cn-social-home__canvas--feed.is-rail-closed .cn-social-editorial-rail>.cn-social-articles__head,.cn-social-home__canvas--feed.is-rail-closed .cn-social-editorial-rail>.cn-social-articles__track{visibility:visible;opacity:1;pointer-events:auto}}

/* Server-rendered badge tooltips. */
body.cn-social-profile-verified .cn-social-profile-banner__identity h1:after,body.cn-social-profile-verified .cn-social-profile-head h1:after,body.cn-social-profile-administrator .cn-social-profile-banner__identity h1:before,body.cn-social-profile-administrator .cn-social-profile-head h1:before{content:none!important}
.cn-social-user-badge{position:relative;overflow:visible;cursor:help}.cn-social-user-badge img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain}.cn-social-user-badge[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:100;left:50%;bottom:calc(100% + 11px);width:max-content;max-width:min(320px,80vw);padding:9px 11px;border-radius:9px;background:#17372e;color:#fff;font-size:12px!important;font-weight:600;line-height:1.4;text-align:left;white-space:normal;box-shadow:0 12px 32px rgba(10,28,22,.24);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,5px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.cn-social-user-badge[data-tooltip]:before{content:"";position:absolute;z-index:101;left:50%;bottom:calc(100% + 5px);border:6px solid transparent;border-top-color:#17372e;opacity:0;visibility:hidden;transform:translateX(-50%);transition:opacity .16s ease,visibility .16s ease}.cn-social-user-badge[data-tooltip]:hover:after,.cn-social-user-badge[data-tooltip]:focus:after,.cn-social-user-badge[data-tooltip]:hover:before,.cn-social-user-badge[data-tooltip]:focus:before{opacity:1;visibility:visible;transform:translate(-50%,0)}.cn-social-user-badge[data-tooltip]:hover:before,.cn-social-user-badge[data-tooltip]:focus:before{transform:translateX(-50%)}
@media(max-width:520px){.cn-social-user-badge[data-tooltip]:after{position:fixed;right:14px;bottom:18px;left:14px;width:auto;max-width:none;transform:translateY(5px)}.cn-social-user-badge[data-tooltip]:hover:after,.cn-social-user-badge[data-tooltip]:focus:after{transform:none}.cn-social-user-badge[data-tooltip]:before{display:none}}

/* Editable profile header on the social home. */
.cn-social-home__welcome.cn-social-profile-banner{min-height:0;padding:0 0 18px;overflow:visible}
.cn-social-profile-banner__cover{position:relative;height:clamp(190px,22vw,310px);overflow:visible;border-radius:16px;background-color:#dfeae4;background-image:linear-gradient(135deg,#d9e9e1,#f3f8f5 55%,#cfe2d8);background-repeat:no-repeat;background-size:cover;touch-action:none}
.cn-social-profile-banner__cover-edit{position:absolute;right:16px;bottom:16px;padding:9px 13px;border:1px solid rgba(24,52,43,.12);border-radius:9px;background:rgba(255,255,255,.94);color:var(--cns-ink);font-size:.78rem;font-weight:800;box-shadow:0 5px 18px rgba(24,52,43,.12);cursor:pointer;backdrop-filter:blur(8px)}
.cn-social-profile-banner__cover-edit:hover{background:#fff;color:var(--cns-green)}.cn-social-profile-banner__cover.is-repositioning{cursor:grab}.cn-social-profile-banner__cover.is-dragging{cursor:grabbing}.cn-social-profile-banner__cover.is-repositioning:after{content:"";position:absolute;inset:0;border:3px solid rgba(255,255,255,.88);border-radius:16px;box-shadow:inset 0 0 0 1px rgba(24,52,43,.25);pointer-events:none}
.cn-social-profile-banner__reposition{position:absolute;z-index:3;right:14px;bottom:14px;left:14px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:9px 10px;border-radius:11px;background:rgba(20,43,35,.88);color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.18);backdrop-filter:blur(8px)}.cn-social-profile-banner__reposition[hidden]{display:none}.cn-social-profile-banner__reposition span{margin-right:auto;font-size:.76rem}.cn-social-profile-banner__reposition button{padding:7px 11px;border:0;border-radius:7px;background:#fff;color:var(--cns-ink);font-size:.74rem;font-weight:750;cursor:pointer}.cn-social-profile-banner__reposition .cn-social-button{background:#4aad2f;color:#fff}
.cn-social-profile-banner__identity{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:end;gap:18px;margin:-48px 24px 0;position:relative;z-index:4}.cn-social-profile-banner__identity>div:last-child{padding:0 0 7px}.cn-social-profile-banner__identity h1{font-size:clamp(1.55rem,3vw,2.25rem)}.cn-social-profile-banner__identity p{margin-top:4px}
.cn-social-profile-banner__avatar{position:relative;width:112px;height:112px}.cn-social-profile-banner__avatar img{width:112px;height:112px;max-width:112px;max-height:112px;aspect-ratio:1;object-fit:cover;border:5px solid var(--cns-page);border-radius:50%;background:#e5eee9;box-shadow:0 5px 20px rgba(24,52,43,.16)}.cn-social-profile-banner__avatar button{position:absolute;right:2px;bottom:5px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:3px solid var(--cns-page);border-radius:50%;background:#fff;color:var(--cns-green);font-weight:900;box-shadow:0 4px 12px rgba(24,52,43,.18);cursor:pointer}.cn-social-profile-banner__avatar button:hover{background:var(--cns-green);color:#fff}
@media(max-width:680px){.cn-social-profile-banner__cover{height:190px;border-radius:13px}.cn-social-profile-banner__cover-edit{right:10px;bottom:10px}.cn-social-profile-banner__identity{grid-template-columns:82px minmax(0,1fr);gap:12px;margin:-34px 12px 0}.cn-social-profile-banner__avatar,.cn-social-profile-banner__avatar img{width:82px;height:82px;max-width:82px;max-height:82px}.cn-social-profile-banner__avatar button{right:-2px;bottom:0;width:29px;height:29px}.cn-social-profile-banner__identity h1{font-size:1.35rem}.cn-social-profile-banner__reposition{align-items:stretch;flex-wrap:wrap}.cn-social-profile-banner__reposition span{flex:1 0 100%;text-align:center}}

/* Cover menu, safer click target and identity placed below the image. */
.cn-social-profile-banner__reposition{z-index:12;pointer-events:auto;touch-action:manipulation}.cn-social-profile-banner__reposition button{position:relative;z-index:13;display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:42px;padding:10px 16px;pointer-events:auto;touch-action:manipulation;user-select:none}.cn-social-profile-banner__reposition [data-cover-save]{min-width:142px;box-shadow:0 4px 14px rgba(0,0,0,.18)}.cn-social-profile-banner__reposition [data-cover-save]:disabled{opacity:.65;cursor:wait}
.cn-social-profile-banner__identity{align-items:start;padding-bottom:38px}.cn-social-profile-banner__identity>div:last-child{padding:58px 0 0}
.cn-social-cover-menu{position:absolute;z-index:8;right:16px;bottom:16px}.cn-social-cover-menu>summary{display:flex;align-items:center;justify-content:center;min-width:154px;min-height:46px;padding:10px 16px;list-style:none;border:1px solid rgba(24,52,43,.2);border-radius:10px;background:#fff;color:var(--cns-ink);font-size:.8rem;font-weight:800;box-shadow:0 7px 22px rgba(24,52,43,.2);cursor:pointer;pointer-events:auto}.cn-social-cover-menu>summary::-webkit-details-marker{display:none}.cn-social-cover-menu>summary:hover,.cn-social-cover-menu[open]>summary{background:var(--cns-green-soft);color:var(--cns-green)}
.cn-social-cover-menu>div{position:absolute;right:0;bottom:calc(100% + 8px);display:grid;width:205px;padding:6px;border:1px solid var(--cns-line);border-radius:11px;background:#fff;box-shadow:0 18px 45px rgba(24,52,43,.22)}.cn-social-cover-menu>div button{width:100%;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--cns-ink);font-size:.78rem;font-weight:700;text-align:left;cursor:pointer}.cn-social-cover-menu>div button:hover{background:var(--cns-green-soft)}.cn-social-cover-menu>div button.is-danger{color:var(--cns-danger)}.cn-social-cover-menu>div button.is-danger[data-confirm="1"]{background:#fff0f0;color:#8d292d}
.cn-social-profile-banner__cover{transition:background-position .16s ease-out}.cn-social-profile-banner__cover.is-dragging{transition:none}.cn-social-profile-banner__cover.is-repositioning .cn-social-cover-menu{display:none}
@media(max-width:680px){.cn-social-profile-banner__identity{padding-bottom:20px}.cn-social-profile-banner__identity>div:last-child{padding-top:43px}.cn-social-cover-menu{right:10px;bottom:10px}.cn-social-cover-menu>summary{min-width:48px;min-height:42px;padding:8px 11px;font-size:0}.cn-social-cover-menu>summary:first-letter{font-size:1rem}}

/* Branded privacy popover: replaces the browser-native select UI. */
.cn-social-post-privacy--prompt{position:relative;display:block;padding:0;border:0;background:transparent;box-shadow:none}
.cn-social-post-privacy--prompt>summary{display:flex;align-items:center;gap:7px;min-height:46px;padding:5px 11px 5px 5px;list-style:none;border:1px solid var(--cns-line);border-radius:24px;background:#fff;color:var(--cns-green);font-size:.78rem;font-weight:800;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.cn-social-post-privacy--prompt>summary::-webkit-details-marker{display:none}.cn-social-post-privacy--prompt>summary:hover{border-color:#b8d2c6;background:#fbfdfc}.cn-social-post-privacy--prompt[open]>summary{border-color:var(--cns-green);box-shadow:0 0 0 3px rgba(25,112,90,.1)}
.cn-social-privacy-chevron{font-size:1rem;line-height:1;transition:transform .18s ease}.cn-social-post-privacy--prompt[open] .cn-social-privacy-chevron{transform:rotate(180deg)}
.cn-social-post-privacy--prompt>div{position:absolute;z-index:50;top:calc(100% + 9px);right:0;display:grid;width:260px;padding:7px;border:1px solid var(--cns-line);border-radius:14px;background:#fff;box-shadow:0 20px 55px rgba(24,52,43,.2)}
.cn-social-post-privacy--prompt>div button{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:9px;border:0;border-radius:10px;background:transparent;color:var(--cns-ink);text-align:left;cursor:pointer}.cn-social-post-privacy--prompt>div button:hover{background:#f5f9f7}.cn-social-post-privacy--prompt>div button.is-active{background:var(--cns-green-soft)}
.cn-social-post-privacy--prompt>div button>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f1f5f3;font-size:1.05rem}.cn-social-post-privacy--prompt>div button.is-active>span:first-child{background:#dceee5}.cn-social-post-privacy--prompt>div button>span:last-child{display:grid}.cn-social-post-privacy--prompt>div strong{font-size:.82rem}.cn-social-post-privacy--prompt>div small{color:var(--cns-muted);font-size:.7rem;font-weight:500}.cn-social-post-privacy--prompt>div button.is-active strong{color:var(--cns-green)}
@media(max-width:520px){.cn-social-post-privacy--prompt>summary{min-height:42px;padding:4px}.cn-social-post-privacy--prompt>summary>[data-privacy-label],.cn-social-post-privacy--prompt>summary>.cn-social-privacy-chevron{display:none}.cn-social-post-privacy--prompt>div{position:fixed;z-index:9999;right:12px;bottom:12px;top:auto;left:12px;width:auto}}

/* Post actions and accessible in-app dialogs. */
.cn-social-post-menu{position:relative}.cn-social-post-menu summary{display:grid;place-items:center;width:34px;height:34px;list-style:none;border-radius:50%;color:var(--cns-muted);cursor:pointer}.cn-social-post-menu summary::-webkit-details-marker{display:none}.cn-social-post-menu summary:hover{background:var(--cns-green-soft)}.cn-social-post-menu>div{position:absolute;z-index:12;top:38px;right:0;display:grid;width:145px;padding:6px;background:#fff;border:1px solid var(--cns-line);border-radius:10px;box-shadow:0 14px 35px rgba(24,52,43,.16)}.cn-social-post-menu>div button{padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--cns-ink);text-align:left;cursor:pointer}.cn-social-post-menu>div button:hover{background:var(--cns-green-soft)}.cn-social-post-menu>div button:last-child{color:var(--cns-danger)}body.cn-social-modal-open{overflow:hidden}.cn-social-modal-backdrop{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:20px;background:rgba(10,24,20,.64);backdrop-filter:blur(3px)}.cn-social-post-modal{width:min(560px,100%);max-height:min(680px,calc(100vh - 40px));overflow:auto;padding:20px;background:#fff;border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,.3)}.cn-social-post-modal>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid var(--cns-line)}.cn-social-post-modal h2{margin:0;font-size:1.25rem}.cn-social-post-modal>header button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:var(--cns-green-soft);font-size:1.35rem;cursor:pointer}.cn-social-post-modal>textarea{width:100%;min-height:190px;margin:18px 0;padding:14px;border:1px solid #bdcec6;border-radius:11px;font:inherit;resize:vertical}.cn-social-post-modal>p{margin:20px 0;color:var(--cns-muted)}.cn-social-post-modal>footer{display:flex;justify-content:flex-end;gap:9px}.cn-social-button--danger{background:var(--cns-danger)!important}

/* The active theme forces form controls with [hidden] back to display:block. */
.cn-social-composer [hidden]{display:none!important}
.cn-social-composer{overflow:visible}.cn-social-composer__expanded-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cn-social-composer__expanded-head:after{content:"";flex:1;order:1}.cn-social-composer__expanded-head>.cn-social-avatar{order:0}.cn-social-composer__expanded-head>.cn-social-post-privacy{order:2}.cn-social-composer__prompt>.cn-social-post-privacy>div{z-index:80}.cn-social-composer__expanded-head+.cn-social-rich-editor{margin-top:-4px}

/* Feed comments and reactions. */
.cn-social-engagement{border-top:1px solid var(--cns-line);background:#fff}.cn-social-reaction-stats{display:flex;flex-wrap:wrap;gap:7px;min-height:8px;padding:8px 15px 0;color:var(--cns-muted);font-size:.75rem}.cn-social-reaction-stats:empty{display:none}.cn-social-engagement__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 12px}.cn-social-engagement__actions>button,.cn-social-reaction-control>summary{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 12px;border:0;border-radius:9px;background:transparent;color:var(--cns-muted);font-weight:750;cursor:pointer;list-style:none}.cn-social-engagement__actions>button:hover,.cn-social-reaction-control>summary:hover{background:var(--cns-green-soft);color:var(--cns-green)}.cn-social-reaction-control{position:relative}.cn-social-reaction-control>summary::-webkit-details-marker{display:none}.cn-social-reaction-control>div{position:absolute;z-index:35;bottom:calc(100% + 7px);left:50%;display:flex;gap:3px;padding:7px;border:1px solid var(--cns-line);border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(24,52,43,.2);transform:translateX(-50%)}.cn-social-reaction-control>div button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;font-size:1.35rem;cursor:pointer;transition:transform .14s ease,background .14s ease}.cn-social-reaction-control>div button:hover{background:var(--cns-green-soft);transform:translateY(-3px) scale(1.1)}.cn-social-comments{display:grid;gap:10px;padding:5px 15px 15px;border-top:1px solid var(--cns-line)}.cn-social-comments[hidden]{display:none!important}.cn-social-comments__list{display:grid;gap:10px}.cn-social-comment{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:8px}.cn-social-comment>.cn-social-avatar,.cn-social-comment-form>.cn-social-avatar{width:36px!important;height:36px!important}.cn-social-comment__bubble{width:fit-content;max-width:100%;padding:8px 11px;border-radius:14px;background:#f0f5f2}.cn-social-comment__bubble strong{font-size:.78rem}.cn-social-comment__bubble p{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.86rem}.cn-social-comment__meta{display:flex;align-items:center;gap:9px;min-height:25px;padding:2px 5px;color:var(--cns-muted);font-size:.68rem}.cn-social-comment__meta .cn-social-reaction-control>summary{min-height:24px;padding:2px 4px;font-size:.68rem}.cn-social-comment__meta .cn-social-reaction-control>div{left:0;transform:none}.cn-social-comment__meta>button{padding:2px 4px;border:0;background:transparent;color:var(--cns-danger);font-size:.68rem;cursor:pointer}.cn-social-comment__meta>.cn-social-reaction-stats{min-height:0;padding:0}.cn-social-comment-form{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px}.cn-social-comment-form textarea{width:100%;min-height:40px;max-height:120px;padding:9px 12px;border:1px solid var(--cns-line);border-radius:20px;background:#f6f9f7;font:inherit;font-size:.84rem;resize:vertical}.cn-social-comment-form .cn-social-button{min-height:38px;padding:8px 14px}.cn-social-comments__closed{margin:4px 0;color:var(--cns-muted);font-size:.8rem;text-align:center}
@media(max-width:520px){.cn-social-reaction-control>div{position:fixed;z-index:100001;right:12px;bottom:82px;left:12px;justify-content:center;transform:none}.cn-social-comment-form{grid-template-columns:32px minmax(0,1fr)}.cn-social-comment-form>.cn-social-avatar{width:32px!important;height:32px!important}.cn-social-comment-form .cn-social-button{grid-column:2;justify-self:end}.cn-social-engagement__actions{padding-inline:8px}}

/* Stable social composer for comments on community and public-profile feeds. */
.cn-social-engagement .cn-social-comments{gap:14px;padding:14px 18px 18px;background:#fff}.cn-social-engagement .cn-social-comment-form{display:grid!important;grid-template-columns:40px minmax(180px,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%;min-width:0;margin:0}.cn-social-engagement .cn-social-comment-form>.cn-social-avatar{display:block!important;width:40px!important;height:40px!important;max-width:40px!important;aspect-ratio:1;border-radius:50%;object-fit:cover}.cn-social-engagement .cn-social-comment-form>textarea{display:block!important;width:100%!important;min-width:0!important;min-height:44px!important;height:44px;max-height:120px!important;margin:0!important;padding:11px 16px!important;overflow-y:auto;border:1px solid #d4e1db!important;border-radius:22px!important;background:#f3f7f5!important;color:var(--cns-ink);line-height:1.35!important;resize:none!important}.cn-social-engagement .cn-social-comment-form>textarea:focus{border-color:var(--cns-green)!important;box-shadow:0 0 0 3px rgba(25,120,95,.11);outline:0}.cn-social-engagement .cn-social-comment-form>.cn-social-button{min-width:76px;min-height:42px!important;margin:0;padding:9px 18px!important;border-radius:21px}.cn-social-engagement .cn-social-comments__list:empty{display:none}.cn-social-engagement .cn-social-comment{grid-template-columns:36px minmax(0,1fr);gap:10px}.cn-social-engagement .cn-social-comment>div{min-width:0}.cn-social-engagement .cn-social-comment__bubble{padding:9px 13px;border-radius:5px 15px 15px;background:#f0f5f2}.cn-social-engagement .cn-social-comment__meta{flex-wrap:wrap;padding-left:8px}
@media(max-width:600px){.cn-social-engagement .cn-social-comments{padding:12px}.cn-social-engagement .cn-social-comment-form{grid-template-columns:34px minmax(0,1fr)!important}.cn-social-engagement .cn-social-comment-form>.cn-social-avatar{width:34px!important;height:34px!important;max-width:34px!important}.cn-social-engagement .cn-social-comment-form>.cn-social-button{grid-column:2;justify-self:end;min-width:70px}.cn-social-engagement__actions{grid-template-columns:1fr 1fr}}

/* People directory: open social layout aligned with the /social/ home. */
.cn-social-app--community{width:100%;max-width:none;margin:0;background:#fff}.cn-social-app--community .cn-social-main{width:min(100% - 64px,1480px);margin:0 auto;padding:34px 0 80px}.cn-social-people-page{display:grid;gap:24px;min-width:0}.cn-social-people-page__header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 2px}.cn-social-people-page__header h1{margin:4px 0 5px;color:var(--cns-ink);font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.045em}.cn-social-people-page__header p:last-child{margin:0;color:var(--cns-muted)}.cn-social-people-page__header>[data-directory-count]{flex:0 0 auto;padding:7px 12px;border-radius:20px;background:var(--cns-green-soft);color:var(--cns-green);font-size:.78rem;font-weight:750}.cn-social-people-search{display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(180px,.7fr) minmax(190px,.8fr) auto;align-items:end;gap:12px;padding:18px;border:1px solid rgba(24,52,43,.1);border-radius:16px;background:var(--cns-page);box-shadow:0 7px 24px rgba(24,52,43,.04)}.cn-social-people-search label{display:grid;gap:6px;min-width:0;color:var(--cns-muted);font-size:.7rem;font-weight:750}.cn-social-people-search input,.cn-social-people-search select{height:46px!important;padding:0 13px!important;border:1px solid #c8d7d0!important;border-radius:11px!important;background:#fff!important;color:var(--cns-ink)!important;font-size:.88rem!important}.cn-social-people-search__main{position:relative}.cn-social-people-search__main>span{position:absolute;z-index:1;left:15px;bottom:12px;color:var(--cns-green);font-size:1.05rem}.cn-social-people-search__main input{padding-left:43px!important}.cn-social-people-search>.cn-social-button{justify-content:center;min-width:132px;height:46px;border-radius:11px}.cn-social-people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:0}.cn-social-person-card{display:grid!important;grid-template-rows:1fr auto;gap:0!important;min-width:0;padding:0 0 15px!important;overflow:visible!important;border:1px solid rgba(24,52,43,.1)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 26px rgba(24,52,43,.05);transition:transform .18s ease,box-shadow .18s ease}.cn-social-person-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(24,52,43,.1)}.cn-social-person-card__link{display:flex!important;align-items:center;gap:14px;min-width:0;padding:18px 16px 13px!important;color:var(--cns-ink)!important}.cn-social-person-card__photo{flex:0 0 76px}.cn-social-person-card__photo img,.cn-social-person-card img{display:block;width:76px!important;height:76px!important;max-width:76px!important;aspect-ratio:1!important;border-radius:50%!important;object-fit:cover!important}.cn-social-person-card__copy{display:grid;align-content:center;min-width:0;padding:0!important}.cn-social-person-card h2{display:flex;align-items:center;min-width:0;margin:0 0 4px;font-size:1rem;line-height:1.2;overflow-wrap:anywhere}.cn-social-person-card p{display:-webkit-box;margin:0;color:var(--cns-muted);font-size:.76rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cn-social-person-card__location{margin-top:7px;color:var(--cns-green);font-size:.7rem;font-weight:700}.cn-social-person-card>.cn-social-button{align-self:end;justify-content:center;width:calc(100% - 32px);margin:0 16px;padding:9px 12px;border-radius:9px;font-size:.75rem}.cn-social-person-card>.cn-social-button:disabled{background:#edf3f0!important;color:var(--cns-muted)!important;opacity:1}.cn-social-person-skeleton,.cn-social-people-grid>.cn-social-skeleton{min-height:125px;border-radius:16px;background:linear-gradient(100deg,#edf3f0 20%,#fafcfb 40%,#edf3f0 60%);background-size:200% 100%;animation:cn-social-people-loading 1.2s infinite}@keyframes cn-social-people-loading{to{background-position:-200% 0}}.cn-social-people-empty{grid-column:1/-1;padding:55px 20px;border:1px dashed var(--cns-line);border-radius:16px;color:var(--cns-muted);text-align:center}.cn-social-people-more{display:flex;justify-content:center}.cn-social-people-more [hidden]{display:none!important}
@media(max-width:1240px){.cn-social-app--community .cn-social-main{width:min(100% - 40px,1180px)}.cn-social-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cn-social-people-search{grid-template-columns:minmax(240px,1.4fr) 1fr 1fr auto}}
@media(max-width:900px){.cn-social-app--community .cn-social-main{width:min(100% - 32px,820px)}.cn-social-people-search{grid-template-columns:1fr 1fr}.cn-social-people-search__main{grid-column:1/-1}.cn-social-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cn-social-app--community .cn-social-main{width:min(100% - 20px,820px);padding-top:22px}.cn-social-people-page__header{align-items:flex-start;flex-direction:column;gap:10px}.cn-social-people-search{grid-template-columns:1fr;padding:14px}.cn-social-people-search__main{grid-column:auto}.cn-social-people-search>.cn-social-button{width:100%}.cn-social-people-grid{grid-template-columns:1fr}.cn-social-person-card__photo,.cn-social-person-card__photo img,.cn-social-person-card img{width:68px!important;height:68px!important;max-width:68px!important;flex-basis:68px}}

.cn-social-person-card__link{gap:22px!important;padding:20px 18px 15px!important}.cn-social-person-card__copy{padding-left:2px!important}
.cn-social-app--feed{width:100%;max-width:none;margin:0;background:#fff}.cn-social-app--feed .cn-social-main{width:min(100% - 64px,900px);margin:0 auto;padding:34px 0 90px}.cn-social-community-feed{display:grid;gap:20px}.cn-social-community-feed>header{padding:0 2px 8px}.cn-social-community-feed>header h1{margin:4px 0 5px;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.045em}.cn-social-community-feed>header p:last-child{margin:0;color:var(--cns-muted)}.cn-social-community-feed>[data-community-feed]{gap:18px}.cn-social-community-feed .cn-social-feed-card{box-shadow:0 9px 30px rgba(24,52,43,.06)}
@media(max-width:980px){.cn-social-app--feed .cn-social-main{width:min(100% - 32px,820px)}}
@media(max-width:600px){.cn-social-app--feed .cn-social-main{width:min(100% - 20px,820px);padding-top:22px}.cn-social-person-card__link{gap:17px!important;padding-inline:16px!important}}
@media(max-width:768px){.cn-social-topbar__nav{grid-template-columns:repeat(7,minmax(62px,1fr));overflow-x:auto;overscroll-behavior-x:contain}}

/* Shared authenticated editorial slider. It replaces the former home sidebar. */
.cn-social-editorial-strip{width:100%;max-width:none;overflow:hidden;background:#fff;border-bottom:1px solid var(--cns-line)}
.cn-social-editorial-strip__inner{display:grid;grid-template-columns:220px minmax(0,1fr) 36px;align-items:center;gap:20px;width:min(100% - 64px,1480px);min-height:196px;margin:0 auto;padding:20px 0}
.cn-social-editorial-strip header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0}
.cn-social-editorial-strip header span{display:block;color:var(--cns-muted);font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.cn-social-editorial-strip header h2{margin:5px 0 0;color:var(--cns-ink);font-size:1.35rem;line-height:1.1}
.cn-social-editorial-strip__controls{display:flex;gap:6px}
.cn-social-editorial-strip__controls button,.cn-social-editorial-strip__next{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--cns-line);border-radius:50%;background:#fff;color:var(--cns-green);cursor:pointer}
.cn-social-editorial-strip__next{justify-self:end}
.cn-social-editorial-strip__controls button:hover:not(:disabled),.cn-social-editorial-strip__next:hover:not(:disabled){background:var(--cns-green-soft);border-color:var(--cns-green)}
.cn-social-editorial-strip__controls button:disabled,.cn-social-editorial-strip__next:disabled{opacity:.32;cursor:default}
.cn-social-editorial-strip__controls button,.cn-social-editorial-strip__next{box-sizing:border-box!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important;aspect-ratio:1!important;border-radius:50%!important;line-height:1!important;appearance:none!important}
.cn-social-editorial-strip__viewport,.cn-social-editorial-strip__track,.cn-social-editorial-slide,.cn-social-editorial-slide>div{min-width:0}
.cn-social-editorial-strip__viewport{overflow:hidden}
.cn-social-editorial-strip__track{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 10px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.cn-social-editorial-strip__track::-webkit-scrollbar{display:none}
.cn-social-editorial-slide{display:grid;grid-template-columns:112px minmax(0,1fr);flex:0 0 calc((100% - 28px)/3);overflow:hidden;scroll-snap-align:start;background:#fff;border:1px solid rgba(24,52,43,.1);border-radius:14px;box-shadow:0 7px 20px rgba(24,52,43,.05)}
.cn-social-editorial-slide__media{display:block;min-height:116px;overflow:hidden;background:var(--cns-green-soft)}
.cn-social-editorial-slide__media img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover}
.cn-social-editorial-slide>div{display:flex;flex-direction:column;align-items:flex-start;padding:12px}
.cn-social-editorial-slide time{color:var(--cns-muted);font-size:.67rem}
.cn-social-editorial-slide h3{display:-webkit-box;margin:5px 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;color:var(--cns-ink);font-size:.88rem;line-height:1.28}
.cn-social-editorial-slide h3 a{color:inherit}
.cn-social-editorial-slide>div>a{margin-top:auto;color:var(--cns-green);font-size:.72rem;font-weight:800}
.cn-social-editorial-strip+.cn-social-topbar{padding-top:0!important}
@media(min-width:769px){.cn-social-editorial-strip{padding-top:24px}}
.cn-social-home__canvas--feed{grid-template-columns:minmax(0,1fr);width:min(100% - 64px,1180px)}

@media(max-width:1240px){.cn-social-editorial-strip__inner{grid-template-columns:190px minmax(0,1fr) 36px;gap:16px;width:min(100% - 40px,1180px)}.cn-social-editorial-slide{grid-template-columns:96px minmax(0,1fr)}}
@media(max-width:1024px){.cn-social-editorial-strip__inner{grid-template-columns:170px minmax(0,1fr) 36px}.cn-social-editorial-slide{flex-basis:calc((100% - 14px)/2);grid-template-columns:108px minmax(0,1fr)}}
@media(max-width:768px){.cn-social-editorial-strip__inner{display:block;width:min(100% - 24px,720px);min-height:0;padding:14px 0}.cn-social-editorial-strip header{align-items:center;margin-bottom:9px}.cn-social-editorial-strip header h2{font-size:1.08rem}.cn-social-editorial-strip__controls,.cn-social-editorial-strip__next{display:none}.cn-social-editorial-slide{flex-basis:76%;grid-template-columns:92px minmax(0,1fr)}.cn-social-editorial-slide__media{min-height:104px}.cn-social-home__canvas--feed{width:min(100% - 20px,820px)}}
@media(max-width:430px){.cn-social-editorial-slide{flex-basis:88%;grid-template-columns:84px minmax(0,1fr)}.cn-social-editorial-slide>div{padding:10px}.cn-social-editorial-slide h3{font-size:.82rem}}

/* Friends and requests use the same compact social identity system. */
.cn-social-app--friends{width:100%;max-width:none;margin:0;background:#fff}.cn-social-app--friends .cn-social-main{width:min(100% - 64px,1180px);margin:0 auto;padding:34px 0 90px}.cn-social-app--friends .cn-social-main>section{display:grid;gap:22px}.cn-social-app--friends .cn-social-main h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.045em}.cn-social-tabs{display:flex;gap:5px;width:fit-content;max-width:100%;padding:5px;border-radius:13px;background:var(--cns-green-soft);overflow-x:auto}.cn-social-tabs button{flex:0 0 auto;padding:10px 15px;border:0;border-radius:9px;background:transparent;color:var(--cns-muted);font-weight:750;cursor:pointer}.cn-social-tabs button:hover,.cn-social-tabs button.is-active{background:#fff;color:var(--cns-green);box-shadow:0 3px 12px rgba(24,52,43,.08)}.cn-social-friends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cn-social-friend-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-width:0;padding:17px 18px;border:1px solid rgba(24,52,43,.1);border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(24,52,43,.05)}.cn-social-friend-card__identity{display:flex;align-items:center;gap:16px;min-width:0;color:var(--cns-ink)!important}.cn-social-friend-card__identity>.cn-social-avatar{width:68px!important;height:68px!important;max-width:68px!important;flex:0 0 68px}.cn-social-friend-card__identity>span{display:grid;min-width:0}.cn-social-friend-card__identity strong{display:flex;align-items:center;min-width:0;font-size:1rem;line-height:1.25}.cn-social-friend-card__identity small{display:-webkit-box;margin-top:3px;color:var(--cns-muted);font-size:.76rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cn-social-friend-card__location{margin-top:6px;color:var(--cns-green);font-size:.7rem;font-weight:700}.cn-social-friend-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.cn-social-friend-card__actions .cn-social-button{justify-content:center;min-width:86px;padding:9px 12px;border-radius:9px;font-size:.72rem}.cn-social-friend-card__actions .cn-social-button--ghost{border:1px solid var(--cns-line);background:#fff;color:var(--cns-green)!important}.cn-social-friends-empty{grid-column:1/-1;padding:55px 20px;border:1px dashed var(--cns-line);border-radius:16px;color:var(--cns-muted);text-align:center}.cn-social-friend-skeleton{min-height:104px;border-radius:16px;background:linear-gradient(100deg,#edf3f0 20%,#fafcfb 40%,#edf3f0 60%);background-size:200% 100%;animation:cn-social-people-loading 1.2s infinite}
@media(max-width:900px){.cn-social-app--friends .cn-social-main{width:min(100% - 32px,820px)}.cn-social-friends-grid{grid-template-columns:1fr}}
@media(max-width:600px){.cn-social-app--friends .cn-social-main{width:min(100% - 20px,820px);padding-top:22px}.cn-social-tabs{width:100%}.cn-social-tabs button{flex:1 0 auto}.cn-social-friend-card{grid-template-columns:1fr;padding:15px}.cn-social-friend-card__actions{justify-content:stretch}.cn-social-friend-card__actions .cn-social-button{flex:1}.cn-social-friend-card__identity>.cn-social-avatar{width:60px!important;height:60px!important;max-width:60px!important;flex-basis:60px}}

/* Modern realtime messenger. */
.cn-social-app--messages{width:100%;max-width:none;margin:0;background:#fff}.cn-social-app--messages .cn-social-main{width:min(100% - 64px,1320px);margin:0 auto;padding:34px 0 90px}.cn-social-messenger{display:grid!important;grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;height:min(720px,calc(100vh - 290px));min-height:580px;overflow:hidden;border:1px solid rgba(24,52,43,.11)!important;border-radius:18px;background:#fff;box-shadow:0 12px 40px rgba(24,52,43,.07)}.cn-social-messenger>aside{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;overflow:hidden!important;border-right:1px solid var(--cns-line);background:#fbfdfc}.cn-social-messenger>aside>h1{margin:0;padding:22px 20px 16px;font-size:1.55rem;letter-spacing:-.035em}.cn-social-messenger [data-conversation-list]{display:grid;align-content:start;gap:3px;overflow-y:auto;padding:4px 9px 15px}.cn-social-conversation{position:relative;display:grid!important;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--cns-ink)!important;text-align:left;cursor:pointer}.cn-social-conversation:hover,.cn-social-conversation.is-active{background:var(--cns-green-soft)!important}.cn-social-conversation>.cn-social-avatar{width:48px!important;height:48px!important;max-width:48px!important}.cn-social-conversation>span{display:grid;min-width:0}.cn-social-conversation__top{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.cn-social-conversation__top strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.cn-social-conversation__top time{flex:0 0 auto;color:var(--cns-muted);font-size:.57rem}.cn-social-conversation small{overflow:hidden;color:var(--cns-muted);font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.cn-social-conversation>b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--cns-green);color:#fff;font-size:.62rem}.cn-social-chat{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important;min-width:0;background:#f7faf8}.cn-social-chat>[data-chat-header]{display:flex;align-items:center;gap:11px;min-height:76px;padding:12px 18px!important;border-bottom:1px solid var(--cns-line);background:#fff}.cn-social-chat>[data-chat-header]>.cn-social-avatar{width:46px!important;height:46px!important;max-width:46px!important}.cn-social-chat>[data-chat-header]>span{display:grid}.cn-social-chat>[data-chat-header] strong{font-size:.92rem}.cn-social-chat>[data-chat-header] small{color:var(--cns-green);font-size:.67rem}.cn-social-chat-back{display:none;width:34px;height:34px;border:0;border-radius:50%;background:var(--cns-green-soft);color:var(--cns-green);font-size:1.5rem}.cn-social-history{justify-self:center;margin:8px;padding:6px 10px;border:0;border-radius:15px;background:#fff;color:var(--cns-green);font-size:.67rem}.cn-social-message-list{display:flex!important;flex-direction:column;gap:4px;min-height:0;padding:18px!important;overflow-y:auto!important}.cn-social-message{display:grid!important;gap:3px;max-width:min(72%,620px)!important;margin:2px 0!important;padding:0!important;background:transparent!important}.cn-social-message.is-own{align-self:flex-end;margin-left:auto!important}.cn-social-message.is-other{align-self:flex-start}.cn-social-message__bubble{padding:9px 12px;border-radius:15px 15px 15px 5px;background:#fff;box-shadow:0 3px 12px rgba(24,52,43,.055)}.cn-social-message.is-own .cn-social-message__bubble{border-radius:15px 15px 5px 15px;background:#dff0e6}.cn-social-message__bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.84rem;line-height:1.45}.cn-social-message>footer{display:flex;align-items:center;gap:6px;min-height:22px;padding:0 4px;color:var(--cns-muted);font-size:.58rem}.cn-social-message.is-own>footer{justify-content:flex-end}.cn-social-message__reactions{display:flex;gap:3px}.cn-social-message__reactions span{padding:2px 5px;border-radius:10px;background:#fff;box-shadow:0 2px 7px rgba(24,52,43,.08)}.cn-social-message>footer>button{padding:1px 4px;border:0;background:transparent;color:var(--cns-muted);cursor:pointer}.cn-social-message-reaction{position:relative}.cn-social-message-reaction>summary{list-style:none;cursor:pointer}.cn-social-message-reaction>summary::-webkit-details-marker{display:none}.cn-social-message-reaction>div{position:absolute;z-index:30;bottom:24px;left:50%;display:flex;gap:2px;padding:6px;border:1px solid var(--cns-line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(24,52,43,.18);transform:translateX(-50%)}.cn-social-message-reaction>div button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;font-size:1.15rem;cursor:pointer}.cn-social-message-reaction>div button:hover{background:var(--cns-green-soft);transform:scale(1.08)}.cn-social-message.is-deleted{opacity:.62;font-style:italic}.cn-social-chat>[data-message-form]{position:relative;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;margin:0!important;padding:12px 15px!important;border-top:1px solid var(--cns-line);background:#fff}.cn-social-chat>[data-message-form]>textarea{min-height:44px!important;max-height:120px;padding:11px 14px!important;border:1px solid var(--cns-line)!important;border-radius:22px!important;background:#f4f8f6!important;resize:none}.cn-social-chat>[data-message-form]>button{min-height:42px}.cn-social-chat>[data-message-form]>[data-emoji-toggle]{width:42px;padding:0;border:0;border-radius:50%;background:var(--cns-green-soft);font-size:1.1rem}.cn-social-chat>[data-message-form]>.cn-social-button{justify-content:center;min-width:82px;border-radius:21px}.cn-social-chat>[data-message-form]>[data-emoji-picker]{position:absolute;z-index:25;left:14px;bottom:70px;display:flex;gap:3px;padding:8px;border:1px solid var(--cns-line);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(24,52,43,.18)}.cn-social-chat>[data-message-form]>[data-emoji-picker][hidden]{display:none!important}.cn-social-chat>[data-message-form]>[data-emoji-picker] button{padding:5px;border:0;background:transparent;font-size:1.1rem}.cn-social-messenger__empty{padding:20px;color:var(--cns-muted);font-size:.75rem;text-align:center}.cn-social-chat>[data-composer-state]{display:none}
@media(max-width:900px){.cn-social-app--messages .cn-social-main{width:min(100% - 32px,900px)}.cn-social-messenger{grid-template-columns:minmax(240px,300px) minmax(0,1fr)!important}}
@media(max-width:680px){.cn-social-app--messages .cn-social-main{width:min(100% - 20px,900px);padding-top:22px}.cn-social-messenger{display:block!important;height:calc(100vh - 190px);min-height:560px}.cn-social-messenger>aside{height:100%;border-right:0}.cn-social-chat{display:none!important;height:100%}.cn-social-messenger.has-active-chat>aside{display:none}.cn-social-messenger.has-active-chat>.cn-social-chat{display:grid!important}.cn-social-chat-back{display:grid;place-items:center}.cn-social-message{max-width:86%!important}.cn-social-chat>[data-message-form]{grid-template-columns:auto minmax(0,1fr) auto;padding:9px!important}.cn-social-chat>[data-message-form]>.cn-social-button{min-width:62px;padding-inline:10px}}

/* Messenger controls: prominent social reactions and floating emoji palettes. */
.cn-social-chat{position:relative;overflow:visible!important}.cn-social-message-list{position:relative}.cn-social-message>footer{overflow:visible}.cn-social-message-reaction{position:relative;z-index:5}.cn-social-message-reaction[open]{z-index:80}.cn-social-message-reaction>summary{display:flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid #d5e2dc;border-radius:15px;background:#fff;color:var(--cns-green);box-shadow:0 2px 8px rgba(24,52,43,.07);font-size:.67rem;font-weight:750;line-height:1;cursor:pointer}.cn-social-message-reaction>summary:hover,.cn-social-message-reaction[open]>summary{border-color:#9fc6b5;background:var(--cns-green-soft)}.cn-social-message-reaction>div{z-index:90;right:auto;bottom:calc(100% + 8px);left:0;gap:5px;padding:8px 10px;border-radius:28px;transform:none}.cn-social-message.is-own .cn-social-message-reaction>div{right:0;left:auto;transform:none}.cn-social-message-reaction>div button{width:38px;height:38px;font-size:1.3rem;transition:transform .14s ease,background .14s ease}.cn-social-message__menu{min-width:28px;height:28px;border-radius:50%!important;font-weight:800;letter-spacing:1px}.cn-social-message__menu:hover{background:var(--cns-green-soft)!important;color:var(--cns-green)!important}.cn-social-chat>[data-message-form]{z-index:70}.cn-social-chat>[data-message-form]>[data-emoji-picker]{z-index:100;bottom:calc(100% + 10px);left:12px;display:grid;grid-template-columns:repeat(8,38px);gap:4px;max-width:min(360px,calc(100vw - 40px));padding:10px;border-radius:16px;box-shadow:0 18px 50px rgba(24,52,43,.22)}.cn-social-chat>[data-message-form]>[data-emoji-picker] button{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;font-size:1.25rem;cursor:pointer}.cn-social-chat>[data-message-form]>[data-emoji-picker] button:hover{background:var(--cns-green-soft);transform:scale(1.08)}.cn-social-chat>[data-message-form]>[data-emoji-toggle]{color:var(--cns-green);font-weight:800;cursor:pointer}.cn-social-chat>[data-message-form]>[data-emoji-toggle][aria-expanded="true"]{box-shadow:0 0 0 3px rgba(28,125,96,.15)}
@media(max-width:520px){.cn-social-chat>[data-message-form]>[data-emoji-picker]{grid-template-columns:repeat(6,38px);right:8px;left:8px;max-width:none}.cn-social-message-reaction>div{position:fixed;right:10px;bottom:82px;left:10px;justify-content:center;transform:none}}

/* Public profile: social hero, wall and contextual information. */
.cn-social-public-profile{width:100%;max-width:none;margin:0;background:#fff}.cn-social-public-profile__main{width:min(100% - 64px,1380px);margin:0 auto;padding:34px 0 90px}.cn-social-public-profile__surface{display:grid;gap:24px;min-width:0}.cn-social-public-profile__hero{position:relative;padding-bottom:20px;border-bottom:1px solid var(--cns-line)}.cn-social-public-profile__cover{height:clamp(230px,28vw,390px);overflow:hidden;border-radius:20px;background:#e7f0eb center/cover no-repeat}.cn-social-public-profile__identity{display:flex;align-items:flex-end;gap:20px;min-width:0;margin:-66px 28px 0}.cn-social-public-profile__identity>.cn-social-avatar{position:relative;width:132px!important;height:132px!important;max-width:132px!important;flex:0 0 132px;border:6px solid #fff;box-shadow:0 9px 26px rgba(24,52,43,.15)}.cn-social-public-profile__identity>div{min-width:0;padding-bottom:8px}.cn-social-public-profile__identity h1{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;color:var(--cns-ink);font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.05;letter-spacing:-.045em;overflow-wrap:anywhere}.cn-social-public-profile__identity p{margin:7px 0 3px;color:var(--cns-muted);font-size:.95rem}.cn-social-public-profile__identity span{color:var(--cns-muted);font-size:.78rem}.cn-social-public-profile__identity i{padding:0 5px;font-style:normal}.cn-social-public-profile .cn-social-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-54px 28px 0 390px;min-height:44px}.cn-social-public-profile .cn-social-profile-actions button{width:auto;min-height:40px;padding:9px 14px;border:1px solid var(--cns-line);border-radius:10px;background:#fff;color:var(--cns-green);font-weight:750;cursor:pointer}.cn-social-public-profile .cn-social-profile-actions .cn-social-button{border-color:transparent;background:var(--cns-green);color:#fff!important}.cn-social-icon-button{display:grid!important;place-items:center;width:42px!important;padding:0!important;font-size:1.05rem}.cn-social-profile-more{position:relative}.cn-social-profile-more>summary{display:grid;place-items:center;width:42px;height:40px;border:1px solid var(--cns-line);border-radius:10px;list-style:none;color:var(--cns-green);cursor:pointer}.cn-social-profile-more>summary::-webkit-details-marker{display:none}.cn-social-profile-more>div{position:absolute;z-index:40;top:calc(100% + 7px);right:0;display:grid;min-width:150px;padding:6px;border:1px solid var(--cns-line);border-radius:11px;background:#fff;box-shadow:0 14px 34px rgba(24,52,43,.16)}.cn-social-profile-more>div button{width:100%;border:0!important;text-align:left}.cn-social-public-profile__grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr);align-items:start;gap:24px;min-width:0}.cn-social-public-profile__stream,.cn-social-public-profile__rail{display:grid;gap:16px;min-width:0}.cn-social-profile-section{min-width:0}.cn-social-profile-section>h2{margin:0 0 14px;font-size:1.15rem;letter-spacing:-.025em}.cn-social-public-profile__stream>.cn-social-profile-section{padding:0}.cn-social-public-profile__stream .cn-social-feed{display:grid;gap:16px}.cn-social-public-profile__rail .cn-social-profile-section{padding:18px;border:1px solid rgba(24,52,43,.1);border-radius:15px;background:#fff;box-shadow:0 7px 24px rgba(24,52,43,.045)}.cn-social-public-profile__rail p{margin:0;color:var(--cns-muted);font-size:.82rem;line-height:1.6;overflow-wrap:anywhere}.cn-social-public-profile__rail .cn-social-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.cn-social-public-profile__rail .cn-social-chips span{padding:6px 9px;border-radius:15px;background:var(--cns-green-soft);color:var(--cns-green);font-size:.67rem;font-weight:700}.cn-social-public-profile__rail dl{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1fr);gap:8px;margin:10px 0;font-size:.75rem}.cn-social-public-profile__rail dt{color:var(--cns-muted)}.cn-social-public-profile__rail dd{margin:0;overflow-wrap:anywhere}.cn-social-public-profile__photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.cn-social-public-profile__photos img{width:100%;max-width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
@media(max-width:980px){.cn-social-public-profile__main{width:min(100% - 32px,900px)}.cn-social-public-profile__grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr)}.cn-social-public-profile .cn-social-profile-actions{margin:15px 18px 0;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:760px){.cn-social-public-profile__main{width:min(100% - 20px,760px);padding-top:22px}.cn-social-public-profile__cover{height:230px;border-radius:15px}.cn-social-public-profile__identity{align-items:center;gap:13px;margin:-48px 14px 0}.cn-social-public-profile__identity>.cn-social-avatar{width:96px!important;height:96px!important;max-width:96px!important;flex-basis:96px;border-width:4px}.cn-social-public-profile__identity h1{font-size:1.55rem}.cn-social-public-profile__identity p{font-size:.8rem}.cn-social-public-profile__grid{grid-template-columns:1fr}.cn-social-public-profile__rail{grid-row:1}.cn-social-public-profile__stream{grid-row:2}.cn-social-public-profile__surface--own .cn-social-public-profile__stream{grid-row:1}.cn-social-public-profile__surface--own .cn-social-public-profile__rail{grid-row:2}.cn-social-public-profile__rail .cn-social-profile-section{padding:15px}.cn-social-public-profile .cn-social-profile-actions{margin-inline:14px}}
@media(max-width:460px){.cn-social-public-profile__cover{height:190px}.cn-social-public-profile__identity{align-items:flex-start}.cn-social-public-profile__identity>.cn-social-avatar{width:82px!important;height:82px!important;max-width:82px!important;flex-basis:82px}.cn-social-public-profile__identity>div{padding-top:47px}.cn-social-public-profile__identity h1{font-size:1.3rem}.cn-social-public-profile .cn-social-profile-actions>*{flex:1}.cn-social-profile-more{flex:0 0 42px!important}.cn-social-profile-more>summary{width:100%}}

/* Profile gallery and accessible image lightbox. */
.cn-social-gallery-lightbox[hidden]{display:none!important}
.cn-social-profile-gallery__all{display:flex;align-items:center;justify-content:center;min-height:38px;margin-top:12px;border:1px solid var(--cns-line);border-radius:10px;background:#fff;color:var(--cns-green);font-size:.76rem;font-weight:800;text-decoration:none}.cn-social-profile-gallery__all:hover{border-color:#a8c9ba;background:var(--cns-green-soft)}.cn-social-media-page{display:grid;gap:24px;min-width:0}.cn-social-media-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:8px 2px 4px}.cn-social-media-hero h1{margin:4px 0 6px;font-size:clamp(2rem,4vw,3.35rem);line-height:1;letter-spacing:-.045em}.cn-social-media-hero p{max-width:680px;margin:0;color:var(--cns-muted)}.cn-social-media-page--owner .cn-social-upload{padding:22px;border-radius:16px}.cn-social-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}.cn-social-media-grid>button,.cn-social-media-grid>figure{position:relative;min-width:0;margin:0;overflow:hidden;border:0;border-radius:14px;background:var(--cns-green-soft);box-shadow:0 6px 20px rgba(24,52,43,.06)}.cn-social-media-grid>button{padding:0;cursor:zoom-in}.cn-social-media-grid>button img,.cn-social-media-grid>figure img{display:block;width:100%;max-width:100%;aspect-ratio:1;object-fit:cover;transition:transform .22s ease}.cn-social-media-grid>button:hover img,.cn-social-media-grid>button:focus-visible img{transform:scale(1.035)}.cn-social-media-grid>button:focus-visible{outline:3px solid rgba(28,126,99,.3);outline-offset:3px}.cn-social-media-grid>figure figcaption{padding:10px 12px;color:var(--cns-muted);font-size:.72rem}.cn-social-media-grid>figure button{width:calc(100% - 20px);min-height:36px;margin:0 10px 10px;border:1px solid #ead5d5;border-radius:9px;background:#fff;color:var(--cns-danger);font-weight:750;cursor:pointer}.cn-social-media-empty{padding:60px 24px;border:1px dashed var(--cns-line);border-radius:16px;color:var(--cns-muted);text-align:center}
@media(max-width:980px){.cn-social-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.cn-social-media-hero{align-items:flex-start;flex-direction:column}.cn-social-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cn-social-media-hero .cn-social-button{width:100%}}
.cn-social-public-profile__photos{gap:6px}.cn-social-public-profile__photos button{position:relative;min-width:0;padding:0;overflow:hidden;border:0;border-radius:9px;background:var(--cns-green-soft);cursor:zoom-in}.cn-social-public-profile__photos button img{display:block;border-radius:0;transition:transform .22s ease}.cn-social-public-profile__photos button:hover img,.cn-social-public-profile__photos button:focus-visible img{transform:scale(1.045)}.cn-social-public-profile__photos button:focus-visible{outline:3px solid rgba(28,126,99,.3);outline-offset:2px}.cn-social-gallery-lightbox{position:fixed;z-index:100002;inset:0;display:grid;place-items:center;padding:clamp(18px,4vw,48px);background:rgba(3,15,12,.9);backdrop-filter:blur(8px)}.cn-social-gallery-lightbox__dialog{position:relative;display:grid;place-items:center;width:min(1120px,100%);height:min(820px,calc(100dvh - 48px));min-width:0}.cn-social-gallery-lightbox__image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.42)}.cn-social-gallery-lightbox__close,.cn-social-gallery-lightbox__nav{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(8,25,20,.72);color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.24);cursor:pointer}.cn-social-gallery-lightbox__close{top:0;right:0;width:44px;height:44px;font-size:1.75rem}.cn-social-gallery-lightbox__nav{top:50%;width:48px;height:48px;font-size:1.55rem;transform:translateY(-50%)}.cn-social-gallery-lightbox__nav--prev{left:12px}.cn-social-gallery-lightbox__nav--next{right:12px}.cn-social-gallery-lightbox__counter{position:absolute;bottom:10px;left:50%;padding:6px 11px;border-radius:20px;background:rgba(8,25,20,.72);color:#fff;font-size:.76rem;transform:translateX(-50%)}

/* Public profile identity guardrails against theme image and heading rules. */
.cn-social-public-profile__identity{align-items:flex-start}.cn-social-public-profile__identity>.cn-social-avatar{display:block!important;width:132px!important;min-width:132px!important;max-width:132px!important;height:132px!important;min-height:132px!important;max-height:132px!important;aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important}.cn-social-public-profile__identity>div{display:grid;align-content:start;gap:4px;padding:78px 0 0!important}.cn-social-public-profile__identity h1,.cn-social-public-profile__identity p,.cn-social-public-profile__identity span{position:static!important;transform:none!important}.cn-social-public-profile__identity p{margin:0!important}.cn-social-public-profile .cn-social-profile-actions{margin-top:-51px}
.cn-social-public-profile__cover{position:relative;touch-action:none}.cn-social-public-profile__identity>.cn-social-public-profile__avatar-editor{position:relative;z-index:2;display:block!important;width:132px;min-width:132px;height:132px;padding:0!important;flex:0 0 132px}.cn-social-public-profile__avatar-editor>.cn-social-avatar{display:block!important;width:132px!important;min-width:132px!important;max-width:132px!important;height:132px!important;min-height:132px!important;max-height:132px!important;aspect-ratio:1/1!important;border:6px solid #fff;border-radius:50%!important;box-shadow:0 9px 26px rgba(24,52,43,.15);object-fit:cover!important;object-position:center!important}.cn-social-public-profile__avatar-editor>[data-avatar-upload]{position:absolute;z-index:4;right:2px;bottom:2px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:3px solid #fff;border-radius:50%;background:#fff;color:var(--cns-green);box-shadow:0 5px 14px rgba(24,52,43,.2);cursor:pointer}.cn-social-public-profile__avatar-editor>[data-avatar-upload]:hover{background:var(--cns-green);color:#fff}.cn-social-public-profile__hero .cn-social-cover-menu{position:absolute;z-index:10;right:16px;bottom:16px}.cn-social-public-profile__hero .cn-social-cover-menu>summary{padding:10px 14px;border:1px solid rgba(24,52,43,.16);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 6px 20px rgba(24,52,43,.14);font-size:.78rem;font-weight:800;list-style:none;cursor:pointer}.cn-social-public-profile__hero .cn-social-cover-menu>summary::-webkit-details-marker{display:none}.cn-social-public-profile__hero .cn-social-cover-menu>div{position:absolute;right:0;bottom:calc(100% + 8px);display:grid;min-width:180px;padding:6px;border:1px solid var(--cns-line);border-radius:11px;background:#fff;box-shadow:0 14px 34px rgba(24,52,43,.18)}.cn-social-public-profile__hero .cn-social-cover-menu button{width:100%;padding:9px 11px;border:0;border-radius:7px;background:#fff;color:var(--cns-ink);font-weight:700;text-align:left;cursor:pointer}.cn-social-public-profile__hero .cn-social-cover-menu button:hover{background:var(--cns-green-soft)}.cn-social-public-profile__hero .cn-social-cover-menu button.is-danger{color:#a63b3b}
@media(max-width:980px){.cn-social-public-profile .cn-social-profile-actions{margin-top:15px}}
@media(max-width:760px){.cn-social-public-profile__identity>.cn-social-avatar{width:96px!important;min-width:96px!important;max-width:96px!important;height:96px!important;min-height:96px!important;max-height:96px!important}.cn-social-public-profile__identity>.cn-social-public-profile__avatar-editor{width:96px;min-width:96px;height:96px;flex-basis:96px}.cn-social-public-profile__avatar-editor>.cn-social-avatar{width:96px!important;min-width:96px!important;max-width:96px!important;height:96px!important;min-height:96px!important;max-height:96px!important;border-width:4px}.cn-social-public-profile__identity>div{padding-top:58px!important}.cn-social-public-profile__hero .cn-social-cover-menu{right:10px;bottom:10px}}
@media(max-width:460px){.cn-social-public-profile__identity>.cn-social-avatar{width:82px!important;min-width:82px!important;max-width:82px!important;height:82px!important;min-height:82px!important;max-height:82px!important}.cn-social-public-profile__identity>.cn-social-public-profile__avatar-editor{width:82px;min-width:82px;height:82px;flex-basis:82px}.cn-social-public-profile__avatar-editor>.cn-social-avatar{width:82px!important;min-width:82px!important;max-width:82px!important;height:82px!important;min-height:82px!important;max-height:82px!important}.cn-social-public-profile__avatar-editor>[data-avatar-upload]{width:30px;height:30px}.cn-social-public-profile__identity>div{padding-top:48px!important}}

/* Keep public-profile badge help attached to its badge and typographically readable. */
.cn-social-public-profile__identity .cn-social-user-badge{position:relative!important;transform:none!important}.cn-social-public-profile__identity .cn-social-user-badge[data-tooltip]:after{top:calc(100% + 12px);right:auto;bottom:auto;left:50%;width:300px;max-width:min(300px,calc(100vw - 32px));font-family:Arial,sans-serif!important;font-size:12px!important;font-weight:600!important;font-style:normal!important;line-height:1.45!important;letter-spacing:normal!important;word-spacing:normal!important;text-transform:none!important;white-space:normal!important;overflow-wrap:break-word!important;transform:translate(-50%,-4px)}.cn-social-public-profile__identity .cn-social-user-badge[data-tooltip]:before{top:calc(100% + 6px);bottom:auto;border-top-color:transparent;border-bottom-color:#17372e}.cn-social-public-profile__identity .cn-social-user-badge[data-tooltip]:hover:after,.cn-social-public-profile__identity .cn-social-user-badge[data-tooltip]:focus:after{transform:translate(-50%,0)}

.cn-social-feed-card.is-pinned{border-color:rgba(28,125,96,.32);box-shadow:0 9px 30px rgba(28,125,96,.1)}.cn-social-feed-card.is-pinned:before{content:"📌 Contenuto fissato";display:block;padding:8px 15px 0;color:var(--cns-green);font-size:.68rem;font-weight:750}.cn-social-post-menu>div .is-danger{color:#a63b3b!important}

.cn-social-profile-url{margin-bottom:24px}.cn-social-profile-url>p{color:var(--cn-muted);max-width:100%;overflow-wrap:anywhere}.cn-social-url-field{display:grid;grid-template-columns:max-content minmax(180px,1fr);align-items:center;width:100%;max-width:100%;border:1px solid var(--cn-border);border-radius:14px;overflow:hidden;background:#fff}.cn-social-url-field>span{display:block;min-width:max-content;padding:13px 2px 13px 15px;color:var(--cn-muted);white-space:nowrap}.cn-social-url-field input{display:block;width:100%!important;min-width:0!important;max-width:100%!important;border:0!important;border-radius:0!important;padding-left:0!important;box-shadow:none!important}.cn-social-slug-status{min-height:24px;margin:6px 0!important;font-size:14px}.cn-social-slug-status[data-state="available"]{color:#13795b}.cn-social-slug-status[data-state="unavailable"]{color:#b42318}.cn-social-slug-status[data-state="checking"]{color:var(--cn-muted)}@media(max-width:700px){.cn-social-url-field{display:block}.cn-social-url-field>span{min-width:0;padding-bottom:2px;white-space:normal;overflow-wrap:anywhere}.cn-social-url-field input{width:100%!important;padding:4px 15px 13px!important}}

body:not(.logged-in) .cn-social-public-profile__main{padding-top:200px}body:not(.logged-in) .cn-social-public-profile .cn-social-engagement{display:none!important}@media(max-width:760px){body:not(.logged-in) .cn-social-public-profile__main{padding-top:150px}}

/* Granular profile settings and administrator profile sections. */
.cn-social-advanced-settings{margin-top:28px}.cn-social-settings-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cn-social-settings-columns fieldset,.cn-social-custom-sections{display:grid;align-content:start;gap:12px;min-width:0;margin:0;padding:18px;border:1px solid var(--cns-line);border-radius:14px}.cn-social-settings-columns legend,.cn-social-custom-sections legend{padding:0 7px;color:var(--cns-ink);font-weight:800}.cn-social-custom-sections{margin:20px 0}.cn-social-custom-sections>[data-custom-sections]{display:grid;gap:12px}.cn-social-custom-section-editor{display:grid;grid-template-columns:minmax(160px,1fr) 160px 170px;gap:10px;padding:14px;border-radius:12px;background:var(--cns-green-soft)}.cn-social-custom-section-editor textarea{grid-column:1/-1;min-height:110px}.cn-social-custom-section-actions{grid-column:1/-1;display:flex;gap:7px}.cn-social-custom-section-actions button{width:auto!important;min-width:40px}.cn-social-custom-section-actions .is-danger{margin-left:auto;color:#a63b3b}.cn-social-profile-links{display:grid!important;gap:8px}.cn-social-profile-links a,.cn-social-custom-public-section a{color:var(--cns-green);font-weight:700;overflow-wrap:anywhere}.cn-social-custom-public-section iframe{width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:10px}.cn-social-custom-public-section ul{display:grid;gap:7px;margin:0;padding-left:18px}.cn-social-custom-public-section p:last-child{margin-bottom:0}
@media(max-width:960px){.cn-social-settings-columns{grid-template-columns:1fr 1fr}.cn-social-settings-columns fieldset:last-child{grid-column:1/-1}}@media(max-width:680px){.cn-social-settings-columns{grid-template-columns:1fr}.cn-social-settings-columns fieldset:last-child{grid-column:auto}.cn-social-custom-section-editor{grid-template-columns:1fr}.cn-social-custom-section-editor textarea,.cn-social-custom-section-actions{grid-column:auto}}

/* Settings experience */
.cn-social-app--settings .cn-social-main,.cn-social-app--profile .cn-social-main{padding-top:34px}.cn-social-settings-page{--settings-surface:#fff;--settings-muted:#f3f8f5;--settings-ink:#10271f;--settings-copy:#60756d;display:grid;gap:22px;max-width:1180px;margin:0 auto;padding-bottom:72px;color:var(--settings-ink)}.cn-social-settings-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;border:1px solid rgba(18,83,62,.1);border-radius:24px;background:linear-gradient(130deg,#f5faf7 0%,#fff 52%,#edf7f1 100%);box-shadow:0 18px 48px rgba(22,68,52,.07)}.cn-social-settings-identity{display:flex;align-items:center;min-width:0;gap:18px}.cn-social-settings-identity>img{flex:0 0 72px;width:72px!important;height:72px!important;max-width:72px!important;object-fit:cover;border:4px solid #fff;border-radius:50%;box-shadow:0 8px 24px rgba(19,74,56,.16)}.cn-social-settings-identity h1{margin:2px 0 5px;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.05;letter-spacing:-.035em}.cn-social-settings-identity p{max-width:610px;margin:0;color:var(--settings-copy)}.cn-social-settings-hero__actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.cn-social-settings-completion{display:grid;grid-template-columns:auto auto;gap:5px 14px;min-width:190px;font-size:.82rem;color:var(--settings-copy)}.cn-social-settings-completion strong{text-align:right;color:var(--cns-green)}.cn-social-settings-completion i{grid-column:1/-1;height:6px;overflow:hidden;border-radius:999px;background:#dbe9e1}.cn-social-settings-completion b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cns-green),#50ad2e)}.cn-social-settings-nav{position:sticky;z-index:18;top:12px;display:flex;justify-content:center;gap:5px;width:max-content;max-width:100%;margin:0 auto;padding:6px;overflow-x:auto;border:1px solid rgba(18,83,62,.1);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(24,61,49,.09);backdrop-filter:blur(14px)}.cn-social-settings-nav a{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:11px;color:#5f746c;font-size:.88rem;font-weight:750;white-space:nowrap}.cn-social-settings-nav a:hover,.cn-social-settings-nav a:focus-visible,.cn-social-settings-nav a.is-active{background:#eaf4ee;color:var(--cns-green);text-decoration:none}.cn-social-settings-nav a span{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:#fff;color:var(--cns-green);font-size:.8rem}.cn-social-settings-content{display:grid;gap:22px}.cn-social-settings-anchor{scroll-margin-top:94px}.cn-social-settings-panel,.cn-social-settings-addresses>.cn-social-card{border:1px solid rgba(18,83,62,.1);border-radius:22px;background:var(--settings-surface);box-shadow:0 14px 40px rgba(30,62,51,.055)}.cn-social-settings-panel{padding:26px}.cn-social-settings-page .cn-social-configuration{gap:24px}.cn-social-settings-page .cn-social-configuration>.cn-social-title,.cn-social-settings-page .cn-social-configuration>section:first-of-type>.cn-social-title{display:none}.cn-social-settings-page .cn-social-configuration>section:first-of-type{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:22px}.cn-social-settings-page .cn-social-card{border-color:rgba(18,83,62,.11);border-radius:16px;box-shadow:none}.cn-social-settings-page [data-profile-form]{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px}.cn-social-settings-page [data-profile-form] label:nth-of-type(4),.cn-social-settings-page [data-profile-form] button{grid-column:1/-1}.cn-social-settings-page [data-profile-form] textarea{min-height:148px}.cn-social-settings-page [data-dynamic-fields],.cn-social-settings-page [data-interest-form]{min-width:0}.cn-social-settings-page .cn-social-configuration>section>h2,.cn-social-settings-page .cn-social-advanced-settings>h2{margin:2px 0 14px;font-size:1.2rem;letter-spacing:-.015em}.cn-social-settings-page .cn-social-settings-grid{gap:16px}.cn-social-settings-page .cn-social-settings-grid>*{height:100%;padding:20px}.cn-social-settings-page .cn-social-settings-grid h2,.cn-social-settings-page .cn-social-card>h2{margin:0 0 6px;font-size:1.05rem}.cn-social-settings-page .cn-social-advanced-settings{margin:0}.cn-social-settings-page [data-profile-settings-form]{padding:0;border:0;background:transparent}.cn-social-settings-page .cn-social-settings-columns{gap:16px}.cn-social-settings-page .cn-social-settings-columns fieldset,.cn-social-settings-page .cn-social-custom-sections{padding:20px;border-color:rgba(18,83,62,.11);border-radius:16px;background:#fbfdfc}.cn-social-settings-page fieldset legend{font-size:1rem}.cn-social-settings-page label{color:#314c42;font-size:.88rem;font-weight:700}.cn-social-settings-page input,.cn-social-settings-page textarea,.cn-social-settings-page select{min-height:46px;border-color:#cbdcd4;border-radius:11px;background:#fff;color:#18342a;box-shadow:0 1px 0 rgba(13,50,37,.02);transition:border-color .18s,box-shadow .18s}.cn-social-settings-page textarea{line-height:1.55}.cn-social-settings-page input:focus,.cn-social-settings-page textarea:focus,.cn-social-settings-page select:focus{outline:0;border-color:var(--cns-green);box-shadow:0 0 0 3px rgba(20,121,88,.12)}.cn-social-settings-page .cn-social-switch{min-height:48px;padding:10px 12px;border-radius:11px;background:#f1f7f4}.cn-social-settings-page .cn-social-switch input{accent-color:var(--cns-green)}.cn-social-settings-page .cn-social-button{min-height:44px;justify-content:center;padding:10px 18px;border-radius:11px}.cn-social-settings-addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cn-social-settings-addresses>.cn-social-card{min-width:0;padding:24px}.cn-social-settings-addresses>.cn-social-card:only-child{grid-column:1/-1}.cn-social-settings-page .cn-social-profile-url>p{max-width:68ch;color:var(--settings-copy)}.cn-social-settings-page .cn-social-url-field{display:grid;grid-template-columns:auto minmax(150px,1fr);align-items:center;overflow:hidden;border:1px solid #cbdcd4;border-radius:11px;background:#f3f7f5}.cn-social-settings-page .cn-social-url-field>span{max-width:100%;padding:0 12px;overflow:hidden;color:#61766e;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.cn-social-settings-page .cn-social-url-field input{border:0;border-left:1px solid #cbdcd4;border-radius:0;box-shadow:none}.cn-social-settings-page .cn-social-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cn-social-settings-page [data-blocked-list]:empty:after{content:'Nessun utente bloccato';display:block;padding:16px;color:var(--settings-copy);text-align:center}.cn-social-settings-page .cn-social-request-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border-radius:11px;background:var(--settings-muted)}
@media(max-width:960px){.cn-social-settings-hero{align-items:flex-start}.cn-social-settings-hero__actions{align-items:stretch;flex-direction:column}.cn-social-settings-page .cn-social-configuration>section:first-of-type{grid-template-columns:1fr}.cn-social-settings-page .cn-social-configuration>section:first-of-type>[data-dynamic-fields],.cn-social-settings-page .cn-social-configuration>section:first-of-type>.cn-social-card:last-child{grid-column:auto}.cn-social-settings-addresses{grid-template-columns:1fr}.cn-social-settings-addresses>.cn-social-card:only-child{grid-column:auto}}
@media(max-width:680px){.cn-social-app--settings .cn-social-main,.cn-social-app--profile .cn-social-main{padding-top:18px}.cn-social-settings-page{gap:15px;padding-bottom:92px}.cn-social-settings-hero{align-items:stretch;flex-direction:column;padding:22px 18px;border-radius:18px}.cn-social-settings-identity{align-items:flex-start}.cn-social-settings-identity>img{flex-basis:58px;width:58px!important;height:58px!important;max-width:58px!important}.cn-social-settings-identity h1{font-size:1.65rem}.cn-social-settings-hero__actions{gap:12px}.cn-social-settings-completion{min-width:0}.cn-social-settings-nav{position:relative;top:auto;justify-content:flex-start;width:100%;margin:0;border-radius:14px}.cn-social-settings-nav a{padding:9px 11px}.cn-social-settings-panel{padding:16px;border-radius:17px}.cn-social-settings-page [data-profile-form]{grid-template-columns:1fr;padding:16px}.cn-social-settings-page [data-profile-form] label:nth-of-type(4),.cn-social-settings-page [data-profile-form] button{grid-column:auto}.cn-social-settings-page .cn-social-check-grid{grid-template-columns:1fr}.cn-social-settings-addresses>.cn-social-card{padding:18px;border-radius:17px}.cn-social-settings-page .cn-social-url-field{grid-template-columns:1fr}.cn-social-settings-page .cn-social-url-field>span{padding:10px 12px;border-bottom:1px solid #cbdcd4}.cn-social-settings-page .cn-social-url-field input{border-left:0}.cn-social-settings-page .cn-social-settings-columns fieldset,.cn-social-settings-page .cn-social-custom-sections{padding:15px}}
@media(max-width:430px){.cn-social-app--settings,.cn-social-app--profile{width:min(calc(100% - 20px),1180px)!important}.cn-social-settings-identity{gap:11px}.cn-social-settings-identity>img{flex-basis:46px;width:46px!important;height:46px!important;max-width:46px!important}.cn-social-settings-identity h1{font-size:1.4rem;overflow-wrap:anywhere}.cn-social-settings-identity p:last-child{font-size:.84rem}.cn-social-settings-nav a span{display:none}.cn-social-settings-page,.cn-social-settings-content,.cn-social-settings-panel,.cn-social-settings-page .cn-social-configuration,.cn-social-settings-page .cn-social-configuration>section{width:100%;max-width:100%;overflow-wrap:anywhere}.cn-social-settings-page{overflow-x:hidden}.cn-social-settings-page .cn-social-button{width:100%}.cn-social-settings-page .cn-social-settings-grid{display:grid;grid-template-columns:1fr}}

/* QA fix phase: bounded overlays, hydration states and narrow viewport guardrails. */
.cn-social-action-dialog__form,.cn-social-action-dialog__body{display:grid;gap:14px}.cn-social-action-dialog__form label,.cn-social-action-dialog__body label{display:grid;gap:6px;color:var(--cns-ink);font-weight:750}.cn-social-action-dialog__form select,.cn-social-action-dialog__form textarea,.cn-social-action-dialog__body select,.cn-social-action-dialog__body textarea{width:100%;max-width:100%;border:1px solid var(--cns-line);border-radius:10px}.cn-social-action-dialog__form textarea,.cn-social-action-dialog__body textarea{min-height:110px;resize:vertical}.cn-social-feed-card.is-deep-linked,.cn-social-comment.is-deep-linked{animation:cn-social-deep-link 2.4s ease-out}@keyframes cn-social-deep-link{0%,35%{box-shadow:0 0 0 4px rgba(25,120,95,.24)}100%{box-shadow:none}}
.cn-social-messenger__loading{margin:auto;color:var(--cns-muted);font-weight:750}.cn-social-messenger.is-hydrating .cn-social-message-list{background:linear-gradient(100deg,#f5f8f6 30%,#fff 50%,#f5f8f6 70%);background-size:220% 100%;animation:cn-social-shimmer 1.2s linear infinite}@keyframes cn-social-shimmer{to{background-position:-220% 0}}
.cn-social-chat>[data-composer-state]{margin:0;padding:8px 15px;border-top:1px solid var(--cns-line);background:#fff;color:var(--cns-muted);font-size:.72rem;text-align:center}
@media(max-width:768px){body:has(.cn-social-topbar__nav){padding-bottom:calc(64px + env(safe-area-inset-bottom))}.cn-social-topbar__nav{box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;overflow:visible!important}.cn-social-topbar__nav a{min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-social-settings-nav{display:flex!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;gap:6px!important;padding:6px!important;overflow-x:auto!important;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.cn-social-settings-nav a{flex:0 0 auto!important;scroll-snap-align:start}.cn-social-settings-page{min-width:0}.cn-social-settings-content,.cn-social-settings-panel{min-width:0;max-width:100%}}
@media(max-width:680px){.cn-social-app--messages .cn-social-main{padding-bottom:0}.cn-social-messenger{height:calc(100dvh - 150px)!important;min-height:500px!important;max-height:760px}.cn-social-messenger.has-active-chat>.cn-social-chat{grid-template-rows:auto auto minmax(0,1fr) auto auto!important;min-height:0}.cn-social-message-list{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}.cn-social-chat>[data-message-form]{position:sticky!important;z-index:20;bottom:0;grid-template-columns:40px minmax(0,1fr) 62px!important;padding:9px 8px calc(9px + env(safe-area-inset-bottom))!important}.cn-social-chat>[data-message-form]>[data-emoji-picker]{z-index:100003;right:8px;bottom:calc(100% + 8px);left:8px;flex-wrap:wrap;justify-content:center}.cn-social-chat>[data-message-form]>textarea{min-width:0}.cn-social-chat>[data-composer-state]{position:relative;z-index:21}.cn-social-message-reaction>div{position:fixed;z-index:100004;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));left:12px;justify-content:center;transform:none}}
@media(max-width:430px){.cn-social-topbar__nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}.cn-social-topbar__nav a{padding-inline:1px!important;font-size:.58rem!important}.cn-social-app--messages{width:100%!important}.cn-social-app--messages .cn-social-main{width:100%!important}.cn-social-messenger{border-radius:0!important;border-inline:0!important}.cn-social-settings-nav{border-radius:11px}.cn-social-settings-nav a{padding:9px 12px!important}}

/* Settings alignment and readable controls. */
.cn-social-settings-page .cn-social-configuration>section:first-of-type{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.cn-social-settings-page .cn-social-configuration>section:first-of-type>[data-profile-form],.cn-social-settings-page .cn-social-configuration>section:first-of-type>[data-dynamic-fields],.cn-social-settings-page .cn-social-configuration>section:first-of-type>.cn-social-card:last-child{grid-column:1;width:100%;max-width:none}.cn-social-settings-page .cn-social-configuration>section:first-of-type>.cn-social-card:last-child{padding:22px}.cn-social-settings-page .cn-social-check-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cn-social-settings-page .cn-social-check-grid label{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid #d7e4dd;border-radius:12px;background:#f7faf8;line-height:1.25;cursor:pointer}.cn-social-settings-page .cn-social-check-grid input[type=checkbox]{flex:0 0 18px;width:18px!important;height:18px!important;min-height:18px;margin:0;padding:0;accent-color:var(--cns-green)}.cn-social-settings-page .cn-social-settings-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-social-settings-page .cn-social-settings-columns fieldset:last-child{grid-column:1/-1}.cn-social-settings-page .cn-social-settings-columns fieldset>label:not(.cn-social-switch){grid-template-columns:minmax(150px,.7fr) minmax(220px,1.3fr);align-items:center;gap:14px}.cn-social-settings-page .cn-social-settings-columns fieldset>label:not(.cn-social-switch)>input,.cn-social-settings-page .cn-social-settings-columns fieldset>label:not(.cn-social-switch)>select{min-width:0}.cn-social-settings-page [data-notification-preferences] .cn-social-switch{display:grid!important;grid-template-columns:22px minmax(0,1fr)}
@media(max-width:960px){.cn-social-settings-page .cn-social-check-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cn-social-settings-page .cn-social-settings-columns{grid-template-columns:1fr}.cn-social-settings-page .cn-social-settings-columns fieldset:last-child{grid-column:auto}}
@media(max-width:680px){.cn-social-settings-page .cn-social-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-social-settings-page .cn-social-settings-columns fieldset>label:not(.cn-social-switch){grid-template-columns:1fr;gap:5px}}
@media(max-width:430px){.cn-social-settings-page .cn-social-check-grid{grid-template-columns:1fr}.cn-social-settings-page .cn-social-check-grid label{min-height:44px}}

/* Public profile link icons. */
.cn-social-profile-links{display:block!important}.cn-social-profile-links__icons{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.cn-social-profile-links__icons a{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border:1px solid #d7e4dd;border-radius:14px;background:#f5faf7;color:var(--cns-green);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.cn-social-profile-links__icons a:hover,.cn-social-profile-links__icons a:focus-visible{transform:translateY(-2px);border-color:var(--cns-green);background:#fff;box-shadow:0 8px 20px rgba(24,112,90,.13)}.cn-social-profile-links__icons svg{width:24px;height:24px;max-width:24px;fill:currentColor;stroke:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cn-social-profile-links__icons [data-network=website] svg,.cn-social-profile-links__icons [data-network=instagram] svg,.cn-social-profile-links__icons [data-network=tiktok] svg{fill:none;stroke:currentColor}.cn-social-profile-links__icons [data-network=instagram] .is-fill{fill:currentColor;stroke:none}.cn-social-profile-links__icons [data-network=youtube] .is-fill{fill:#fff;stroke:none}@media(max-width:430px){.cn-social-profile-links__icons{gap:8px}.cn-social-profile-links__icons a{flex-basis:44px;width:44px;height:44px;border-radius:13px}.cn-social-profile-links__icons svg{width:22px;height:22px;max-width:22px}}
.cn-social-public-profile__rail .cn-social-profile-interests .cn-social-chips{margin-top:0}
.cn-social-section-upload{grid-column:1/-1;display:flex!important;align-items:center;gap:10px;padding:10px;border:1px dashed var(--cns-line);border-radius:10px}.cn-social-section-upload[hidden]{display:none!important}.cn-social-section-upload input{width:auto!important}
.cn-social-topbar details>div .cn-social-account-logout{margin-top:4px;border-top:1px solid var(--cns-line);border-radius:0 0 6px 6px;color:var(--cns-danger)}

/* Regression guardrails: compact seven-item mobile nav and viewport-bound chat. */
@media(max-width:768px){
  body:has(.cn-social-topbar__nav){padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}
  .cn-social-home,.cn-social-app{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .cn-social-topbar__nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:stretch!important;width:100vw!important;max-width:100vw!important;overflow:hidden!important}
  .cn-social-topbar__nav a{position:relative;display:flex!important;min-width:0!important;justify-content:center;padding:9px 1px!important;overflow:visible!important;font-size:clamp(.52rem,2.15vw,.69rem)!important;line-height:1!important;text-overflow:clip!important;white-space:nowrap!important}
  .cn-social-topbar__nav a b{position:absolute;top:1px;right:1px;min-width:14px;height:14px;padding:0 3px;font-size:8px}
}

/* Compact, recognizable message and notification controls. */
.cn-social-topbar__nav-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px}
.cn-social-topbar__nav-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cn-social-topbar__nav a:has(.cn-social-topbar__nav-icon){gap:7px;padding-inline:10px}
.cn-social-topbar__nav a:has(.cn-social-topbar__nav-icon) b{position:static;min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:10px}
@media(max-width:768px){.cn-social-topbar__nav-icon{width:23px;height:23px;flex-basis:23px}.cn-social-topbar__nav-icon svg{width:21px;height:21px}.cn-social-topbar__nav a:has(.cn-social-topbar__nav-icon){gap:3px!important;padding-inline:2px!important}.cn-social-topbar__nav a:has(.cn-social-topbar__nav-icon) b{position:static!important;min-width:16px;height:16px;padding:0 3px;font-size:8px}}
.cn-social-academy-separator{display:block;margin:0 5px;color:#b9c8c1;font-size:1.2rem;line-height:1}
.cn-social-academy-separator:not(:has(+ .cn-social-academy-menu)){display:none}
.cn-social-topbar .cn-social-academy-menu{position:relative;flex:0 0 auto}
.cn-social-topbar .cn-social-academy-menu>summary{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 11px;list-style:none;border-radius:8px;color:var(--cns-muted);font-size:.88rem;font-weight:700;white-space:nowrap;cursor:pointer}
.cn-social-topbar .cn-social-academy-menu>summary::-webkit-details-marker{display:none}.cn-social-topbar .cn-social-academy-menu>summary:hover,.cn-social-topbar .cn-social-academy-menu[open]>summary{background:var(--cns-green-soft);color:var(--cns-green)}
.cn-social-topbar .cn-social-academy-menu>summary svg{width:11px;height:7px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .18s ease}.cn-social-topbar .cn-social-academy-menu[open]>summary svg{transform:rotate(180deg)}
.cn-social-topbar .cn-social-academy-menu>div{position:absolute;z-index:80;top:calc(100% + 10px);right:0;display:grid;width:250px;padding:8px;border:1px solid var(--cns-line);border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(24,52,43,.17)}
.cn-social-topbar .cn-social-academy-menu>div a{display:block;padding:10px 12px;border-radius:9px;color:var(--cns-ink);font-size:.82rem;font-weight:650;white-space:normal}.cn-social-topbar .cn-social-academy-menu>div a:hover,.cn-social-topbar .cn-social-academy-menu>div a:focus-visible{background:var(--cns-green-soft);color:var(--cns-green)}
@media(min-width:769px){.cn-social-topbar__nav{overflow:visible}}
@media(max-width:768px){.cn-social-topbar__nav{grid-template-columns:repeat(7,minmax(0,1fr))!important;overflow:visible!important}.cn-social-academy-separator{display:none}.cn-social-topbar .cn-social-academy-menu{min-width:0}.cn-social-topbar .cn-social-academy-menu>summary{justify-content:center;gap:3px;min-height:100%;padding:9px 1px;font-size:clamp(.52rem,2.15vw,.69rem);line-height:1}.cn-social-topbar .cn-social-academy-menu>summary svg{width:8px;height:6px}.cn-social-topbar .cn-social-academy-menu>div{position:fixed;z-index:80;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));top:auto;width:min(280px,calc(100vw - 20px));max-height:min(430px,70vh);overflow-y:auto}}
@media(max-width:680px){
  .cn-social-messenger.has-active-chat{position:fixed!important;z-index:100000;inset:0 0 calc(58px + env(safe-area-inset-bottom)) 0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;background:#fff}
  .cn-social-messenger.has-active-chat>.cn-social-chat{height:100%!important;min-height:0!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important}
  .cn-social-messenger.has-active-chat .cn-social-message-list{min-height:0!important;overflow-y:auto!important}
  .cn-social-messenger.has-active-chat [data-message-form]{position:relative!important;bottom:auto!important;padding-bottom:calc(9px + env(safe-area-inset-bottom))!important}
  .cn-social-app--messages:has(.cn-social-messenger.has-active-chat) .cn-social-topbar{z-index:100001}
}
.cn-social-live-frame{display:block;width:100%;max-width:100%;aspect-ratio:16/9;border:0;background:#000}
.cn-social-live-dialog .cn-social-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:150px!important;min-height:46px!important;padding:11px 20px!important;border:1px solid #17775f!important;border-radius:11px!important;background:#17775f!important;color:#fff!important;font-weight:800!important;line-height:1.2!important;visibility:visible!important;opacity:1!important;cursor:pointer!important;box-shadow:none!important}
.cn-social-live-dialog .cn-social-button:hover,.cn-social-live-dialog .cn-social-button:focus-visible{background:#105f4b!important;border-color:#105f4b!important;color:#fff!important}
.cn-social-live-dialog .cn-social-button:disabled{opacity:.55!important;cursor:wait!important}
.cn-social-live-dialog .cn-social-button--ghost{background:#fff!important;color:#17775f!important;border-color:#bfd7ce!important}
.cn-social-live-dialog select{display:block!important;box-sizing:border-box!important;width:100%!important;height:54px!important;min-height:54px!important;padding:0 46px 0 16px!important;border:1px solid #bfd7ce!important;border-radius:14px!important;background-color:#fff!important;color:#18342a!important;font-size:1rem!important;line-height:normal!important;text-indent:0!important;overflow:visible!important}
.cn-social-live-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;padding:4px 0!important;overflow:visible!important}
.cn-social-live-stage>.cn-social-button{justify-self:end!important}
@media(max-width:600px){.cn-social-live-actions{align-items:stretch!important;flex-direction:column-reverse!important}.cn-social-live-dialog .cn-social-button,.cn-social-live-stage>.cn-social-button{width:100%!important}.cn-social-live-stage>.cn-social-button{justify-self:stretch!important}}

/* Messenger discovery: search, frequent contacts and bounded conversation area. */
.cn-social-messenger{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(0,1fr)!important;height:min(790px,calc(100dvh - 190px));min-height:620px;overflow:hidden}
.cn-social-messenger__discovery{display:grid;grid-template-columns:auto minmax(260px,520px);align-items:center;gap:24px;padding:18px 20px 10px;background:#fff}.cn-social-messenger__discovery h1{margin:2px 0;font-size:1.55rem}.cn-social-messenger__discovery p{margin:0}.cn-social-messenger__search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:0 14px;border:1px solid var(--cns-line);border-radius:24px;background:#f3f8f5;color:var(--cns-muted)}.cn-social-messenger__search input{width:100%;min-width:0;height:44px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.cn-social-messenger__contacts{display:flex;min-width:0;gap:12px;padding:8px 20px 14px;overflow-x:auto;background:#fff;scrollbar-width:thin;scroll-snap-type:x proximity}.cn-social-message-contact{display:grid;flex:0 0 76px;justify-items:center;gap:6px;padding:3px;border:0;background:transparent;color:var(--cns-ink);cursor:pointer;scroll-snap-align:start}.cn-social-message-contact__avatar{position:relative;display:block;width:58px;height:58px}.cn-social-message-contact img{display:block;width:58px!important;max-width:58px!important;height:58px!important;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--cns-green-soft);object-fit:cover}.cn-social-message-contact i{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#44ad59}.cn-social-message-contact>span:last-child{width:100%;overflow:hidden;font-size:.65rem;font-weight:750;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cn-social-message-contact:hover img,.cn-social-message-contact:focus-visible img{box-shadow:0 0 0 2px var(--cns-green)}.cn-social-messenger__workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;border-top:1px solid var(--cns-line)}.cn-social-messenger__workspace>aside{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;border-right:1px solid var(--cns-line);background:#fbfdfc}.cn-social-messenger__workspace>aside>h2{margin:0;padding:15px 18px 10px;font-size:1rem}.cn-social-messenger__workspace [data-conversation-list]{min-height:0;overflow-y:auto;padding:4px 9px 15px}.cn-social-messenger__workspace>.cn-social-chat{min-height:0;overflow:hidden}.cn-social-messenger__workspace .cn-social-message-list{min-height:0;overflow-y:auto}.cn-social-messenger__workspace [data-message-form]{flex:0 0 auto}
@media(max-width:900px){.cn-social-messenger__workspace{grid-template-columns:minmax(235px,300px) minmax(0,1fr)}}
@media(max-width:680px){.cn-social-messenger{height:calc(100dvh - 150px);min-height:540px}.cn-social-messenger__discovery{grid-template-columns:1fr;gap:8px;padding:12px 12px 7px}.cn-social-messenger__discovery>div{display:none}.cn-social-messenger__search input{height:40px}.cn-social-messenger__contacts{gap:8px;padding:7px 10px 10px}.cn-social-message-contact{flex-basis:64px}.cn-social-message-contact__avatar,.cn-social-message-contact img{width:50px!important;max-width:50px!important;height:50px!important}.cn-social-messenger__workspace{grid-template-columns:1fr}.cn-social-messenger__workspace>aside{height:100%;border-right:0}.cn-social-messenger__workspace>.cn-social-chat{display:none!important;height:100%}.cn-social-messenger.has-active-chat .cn-social-messenger__workspace>aside{display:none}.cn-social-messenger.has-active-chat .cn-social-messenger__workspace>.cn-social-chat{display:grid!important}.cn-social-messenger.has-active-chat{grid-template-rows:auto auto minmax(0,1fr)!important}.cn-social-messenger.has-active-chat>.cn-social-messenger__workspace{height:auto!important;min-height:0!important}.cn-social-messenger.has-active-chat .cn-social-chat{height:100%!important;min-height:0!important}.cn-social-messenger.has-active-chat [data-message-form]{position:relative!important;bottom:auto!important}}

/* Search and contact avatars are the only conversation navigator. */
.cn-social-messenger__workspace{grid-template-columns:minmax(0,1fr)}
.cn-social-messenger__workspace>.cn-social-chat{display:grid!important;width:100%;min-width:0}
@media(max-width:680px){.cn-social-messenger__workspace>.cn-social-chat{display:grid!important}.cn-social-chat-back{display:none!important}}

/* Messenger stability: history scrolls internally and the composer stays visible. */
.cn-social-messenger{height:min(880px,calc(100dvh - 150px));min-height:680px}
.cn-social-messenger__discovery{padding-block:14px 8px}
.cn-social-messenger__contacts{padding-block:6px 12px}
.cn-social-messenger__workspace,.cn-social-messenger__workspace>.cn-social-chat{height:100%;min-height:0;overflow:hidden!important}
.cn-social-messenger__workspace>.cn-social-chat{grid-template-rows:auto auto minmax(0,1fr) auto auto!important}
.cn-social-message-list{height:auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}
.cn-social-chat>[data-message-form]{position:relative!important;z-index:70;bottom:auto!important;flex:0 0 auto}
.cn-social-message-contact[hidden]{display:none!important}
.cn-social-messenger__search:focus-within{border-color:#8ebaa8;box-shadow:0 0 0 3px rgba(28,125,96,.1)}
.cn-social-messenger__search input:focus{outline:0!important;box-shadow:none!important}
@media(max-width:680px){.cn-social-messenger{height:calc(100dvh - 118px)!important;min-height:560px}.cn-social-messenger__workspace,.cn-social-messenger__workspace>.cn-social-chat{min-height:0!important}}

/* The workspace consumes only the remaining grid track: message history scrolls,
   while header, history control and composer remain inside the visible panel. */
.cn-social-messenger__workspace{height:auto;min-height:0!important;overflow:hidden!important}
.cn-social-messenger__workspace>.cn-social-chat{height:100%!important;max-height:100%;min-height:0!important;overflow:hidden!important}
.cn-social-message-list{min-height:0!important;overflow-y:auto!important}
.cn-social-chat>[data-message-form]{display:grid!important;visibility:visible!important;flex-shrink:0}

/* Definitive long-thread layout. Grid rules from earlier releases allowed the
   message track to grow past the panel after prepending history. */
.cn-social-messenger__workspace>.cn-social-chat{display:flex!important;flex-direction:column;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}
.cn-social-chat>[data-chat-header],.cn-social-chat>[data-load-history],.cn-social-chat>[data-new-messages],.cn-social-chat>[data-message-form],.cn-social-chat>[data-composer-state]{flex:0 0 auto}
.cn-social-chat>.cn-social-message-list{display:flex!important;flex:1 1 0!important;width:100%;height:0!important;min-height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;contain:layout paint;overscroll-behavior:contain}
.cn-social-chat>[data-message-form]{position:relative!important;inset:auto!important;width:100%;margin-top:auto!important}
@media(max-width:680px){.cn-social-messenger.has-active-chat .cn-social-messenger__workspace>.cn-social-chat{display:flex!important;height:100%!important}.cn-social-messenger.has-active-chat .cn-social-message-list{flex:1 1 0!important;height:0!important}}

/* Composer boundary: theme textarea rules must never make the message form
   taller than the space reserved by the chat flex layout. */
.cn-social-messenger{min-height:0!important;max-height:calc(100dvh - 24px)}
.cn-social-messenger__workspace{box-sizing:border-box!important;height:auto!important;min-height:0!important;align-self:stretch!important}
.cn-social-chat>[data-message-form]{
  box-sizing:border-box!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:70px!important;
  max-height:70px!important;
  padding:10px 12px!important;
  overflow:visible!important
}
.cn-social-chat>[data-message-form]>textarea{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:11px 14px!important;
  overflow-y:auto!important;
  resize:none!important;
  line-height:24px!important
}
.cn-social-chat>[data-message-form]>[data-emoji-toggle],
.cn-social-chat>[data-message-form]>button[type=submit]{
  align-self:center!important;
  min-height:44px!important;
  max-height:48px!important;
  margin:0!important
}
@media(max-width:680px){
  .cn-social-messenger{min-height:0!important;max-height:none!important}
  .cn-social-chat>[data-message-form]{
    grid-template-columns:40px minmax(0,1fr) 62px!important;
    min-height:calc(66px + env(safe-area-inset-bottom))!important;
    max-height:calc(66px + env(safe-area-inset-bottom))!important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important
  }
  .cn-social-chat>[data-message-form]>textarea{height:46px!important;min-height:46px!important;max-height:46px!important}
}
/* LIVE Phase 1 */
.cn-social-live-trigger{color:#c62828!important;font-weight:800!important}.cn-social-live-modal{position:fixed;inset:0;z-index:100000;background:rgba(4,23,17,.68);display:grid;place-items:center;padding:24px}.cn-social-live-dialog{position:relative;width:min(720px,100%);max-height:calc(100dvh - 48px);overflow:auto;background:#fff;border-radius:24px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.cn-social-live-dialog form,.cn-social-live-stage{display:grid;gap:16px}.cn-social-live-dialog input,.cn-social-live-dialog textarea,.cn-social-live-dialog select{width:100%;min-width:0;padding:14px 16px;border:1px solid #cadcd4;border-radius:14px;background:#fff}.cn-social-live-close{position:absolute;right:20px;top:16px;border:0;background:transparent;font-size:30px}.cn-social-live-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cn-social-live-modes button{padding:15px;border:1px solid #cbded5;border-radius:14px;background:#f5faf7}.cn-social-live-modes button.is-active{border-color:#15775f;background:#e8f5ef;color:#105c4a;font-weight:700}.cn-social-live-stage code{display:block;overflow-wrap:anywhere;padding:12px;border-radius:10px;background:#eef5f2}.cn-social-live-preview,.cn-social-live-player video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;background:#071b16}.cn-social-live-devices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cn-social-live-player{margin:14px 0;border-radius:18px;overflow:hidden;background:#071b16;color:#fff}.cn-social-live-player header{display:flex;align-items:center;gap:16px;padding:14px 18px}.cn-social-live-player header strong{color:#ff5252}.cn-social-live-player h2{font-size:1.15rem;margin:0}.cn-social-live-player p,.cn-social-live-player>a{display:block;padding:18px;color:#fff}@media(max-width:600px){.cn-social-live-modal{padding:10px}.cn-social-live-dialog{padding:24px 18px}.cn-social-live-modes,.cn-social-live-devices{grid-template-columns:1fr}}
.cn-social-live-content{min-width:0}.cn-social-live-copy{padding:18px 20px 4px}.cn-social-live-copy h2{color:#102f28!important;font-size:1.35rem;line-height:1.25;margin:0 0 7px;overflow-wrap:anywhere}.cn-social-live-description{color:#60736c;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.cn-social-live-description p{color:inherit;margin:0;padding:0}.cn-social-live-player header{align-items:center;min-height:50px}.cn-social-live-player.is-landscape .cn-social-live-frame{aspect-ratio:16/9}.cn-social-live-player.is-portrait .cn-social-live-frame,.cn-social-live-preview.is-portrait{width:min(100%,520px);aspect-ratio:9/16;margin-inline:auto;object-fit:cover}.cn-social-live-preview.is-landscape{aspect-ratio:16/9}
.cn-social-account-delete{border-color:#efd0d0!important}.cn-social-account-delete h2{color:#8f2828}.cn-social-account-delete .cn-social-form{display:grid;gap:16px;max-width:680px}.cn-social-account-delete label{display:grid;gap:7px;font-weight:700}.cn-social-account-delete input{width:100%;min-height:48px;padding:10px 13px;border:1px solid var(--cns-line);border-radius:10px;font:inherit}.cn-social-account-delete .cn-social-button--danger{justify-self:start;background:#a63232!important;color:#fff!important}
.cn-social-conversation-actions{position:relative;margin-left:auto}.cn-social-conversation-actions summary{list-style:none;cursor:pointer;padding:10px 14px;border-radius:999px}.cn-social-conversation-actions summary::-webkit-details-marker{display:none}.cn-social-conversation-actions>div{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:220px;padding:8px;background:#fff;border:1px solid var(--cn-social-border,#dce8e2);border-radius:14px;box-shadow:0 16px 40px rgba(11,39,30,.15)}.cn-social-conversation-actions button{display:block;width:100%;padding:11px 12px;border:0;background:transparent;text-align:left;border-radius:9px;cursor:pointer}.cn-social-conversation-actions button:hover{background:#edf6f1}.cn-social-conversation-actions .is-danger{color:#b63838}