@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

body.groups-page-shell{--sg-blue:#0966ee;--sg-purple:#5a35ee;--sg-workspace-blue:#1868a0;--sg-text:#111a36;--sg-muted:#64718c;--sg-line:#e0e6ef;--sg-bg:#f7f9fc;background:var(--sg-bg)}
body.groups-page-shell .sg-app,body.groups-page-shell .sg-app *{box-sizing:border-box}
body.groups-page-shell .sg-app{width:100%;min-width:0;padding:12px 14px 26px;background:var(--sg-bg);color:var(--sg-text);font:13px/1.45 Inter,"Segoe UI",Arial,sans-serif}
body.groups-page-shell .sg-app button,body.groups-page-shell .sg-app input,body.groups-page-shell .sg-app textarea{font:inherit}
body.groups-page-shell .sg-app button,body.groups-page-shell .sg-app a{cursor:pointer}
body.groups-page-shell .sg-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.groups-page-shell .sg-panel{border:1px solid var(--sg-line);border-radius:9px;background:#fff;box-shadow:0 2px 8px rgba(27,46,79,.05)}

/* Directory shell */
body.groups-page-shell .sg-directory-page{display:grid!important;grid-template-columns:210px minmax(0,1fr) 250px!important;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"filters heading right" "filters toolbar right" "filters main right";align-items:start;gap:12px 14px;width:100%;min-width:0}
body.groups-page-shell .sg-heading{grid-area:heading!important;min-width:0;min-height:66px;padding:2px 10px;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.groups-page-shell .sg-title-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:8px;background:#e3edff;color:var(--sg-blue)}
body.groups-page-shell .sg-title-icon .sg-icon{width:30px;height:30px}
body.groups-page-shell .sg-title-copy{width:auto!important;margin:0 0 0 14px!important;display:block!important;text-align:left!important}
body.groups-page-shell .sg-title-copy h1{margin:0 0 4px!important;font-size:24px!important;line-height:1.15!important;font-weight:700!important;color:var(--sg-text)}
body.groups-page-shell .sg-title-copy>span{display:block;color:#40506e;font-size:12px}
body.groups-page-shell .sg-toolbar{grid-area:toolbar!important;width:100%;min-width:0;padding:9px 10px;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;gap:7px;overflow-x:auto;scrollbar-width:none}
body.groups-page-shell .sg-toolbar::-webkit-scrollbar{display:none}
body.groups-page-shell .sg-toolbar button{width:auto!important;min-width:max-content!important;height:33px!important;margin:0!important;padding:0 12px!important;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #dbe3ef!important;border-radius:5px!important;background:#fff!important;color:#1b2945!important;font-weight:500!important;line-height:31px!important;white-space:nowrap}
body.groups-page-shell .sg-toolbar button.active{border-color:var(--sg-blue)!important;background:var(--sg-blue)!important;color:#fff!important}
body.groups-page-shell .sg-toolbar button[hidden]{display:none!important}
body.groups-page-shell .sg-main{grid-area:main!important;min-width:0!important;width:100%!important}
body.groups-page-shell .sg-main.is-loading{opacity:.55;pointer-events:none}
body.groups-page-shell .sg-grid{width:100%;margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
body.groups-page-shell .sg-card{width:auto!important;min-width:0!important;min-height:238px!important;margin:0!important;padding:16px!important;display:flex!important;flex-direction:column!important;border:1px solid var(--sg-line)!important;border-radius:9px!important;background:#fff!important;box-shadow:0 2px 8px rgba(27,46,79,.05)!important;text-align:left!important}
body.groups-page-shell .sg-card-head{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;align-items:start!important;gap:13px!important}
body.groups-page-shell .sg-card-head>span:last-child{min-width:0;width:auto!important}
body.groups-page-shell .sg-card h2{margin:0 0 5px!important;font-size:15px!important;line-height:1.25!important;font-weight:700!important;color:var(--sg-text)!important;overflow-wrap:normal!important;word-break:normal!important}
body.groups-page-shell .sg-meta{display:block!important;color:#34445f!important;font-size:10px!important;white-space:normal}
body.groups-page-shell .sg-group-icon{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:9px;background:var(--sg-workspace-blue);color:#fff}
body.groups-page-shell .sg-group-icon .sg-icon{width:31px;height:31px;stroke-width:2.1}
body.groups-page-shell .sg-group-icon.green,body.groups-page-shell .sg-group-icon.orange,body.groups-page-shell .sg-group-icon.blue,body.groups-page-shell .sg-group-icon.pink,body.groups-page-shell .sg-group-icon.teal,body.groups-page-shell .sg-group-icon.yellow,body.groups-page-shell .sg-group-icon.sky{background:var(--sg-workspace-blue)}
body.groups-page-shell .sg-description{min-height:54px;margin:14px 0 10px!important;color:#3d4d68;font-size:11px;line-height:1.55}
body.groups-page-shell .sg-tags{min-height:26px;display:flex!important;flex-flow:row wrap!important;align-items:center;gap:6px}
body.groups-page-shell .sg-tag,body.groups-page-shell .sg-tags>span,body.groups-page-shell .sg-tags>i{width:auto!important;padding:4px 7px;display:inline-block!important;border-radius:4px;background:#eee8ff;color:#5632aa;font-size:9px;font-style:normal;white-space:nowrap}
body.groups-page-shell .sg-card:nth-child(3n+2) .sg-tag{background:#dcf5e7;color:#147247}body.groups-page-shell .sg-card:nth-child(3n) .sg-tag{background:#ffeadf;color:#a33f0e}
body.groups-page-shell .sg-membership{margin-top:auto;padding:8px 0;color:#7a869a;font-size:9px}
body.groups-page-shell .sg-card .sg-view{width:100%!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #b9c9e1!important;border-radius:5px!important;background:#fff!important;color:#075edc!important;text-decoration:none!important;font-size:10px!important;font-weight:600!important}
body.groups-page-shell .sg-load-state{padding:18px;text-align:center;color:#8290a6;font-size:11px}
body.groups-page-shell .sg-empty{grid-column:1/-1;padding:65px 20px;text-align:center;background:#fff;border:1px solid var(--sg-line);border-radius:9px}body.groups-page-shell .sg-empty .sg-icon{width:42px;height:42px;color:#95a1b5}body.groups-page-shell .sg-empty h2{margin:12px 0 5px}body.groups-page-shell .sg-empty p{color:var(--sg-muted)}

/* Member-style filter rail */
body.groups-page-shell .sg-filters{grid-area:filters!important;position:sticky!important;top:76px!important;width:210px!important;height:calc(100vh - 98px)!important;min-height:560px;display:flex!important;flex-direction:column!important;overflow:hidden!important}
body.groups-page-shell .sg-browse-groups{padding:14px 10px 11px;border-bottom:1px solid var(--sg-line)}
body.groups-page-shell .sg-browse-groups h2{margin:0 8px 9px;font-size:14px}
body.groups-page-shell .sg-browse-groups button{width:100%!important;height:34px!important;margin:2px 0!important;padding:0 11px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px;border:0!important;border-radius:6px!important;background:#fff!important;color:#23324f!important;text-align:left!important}
body.groups-page-shell .sg-browse-groups button.active{background:#e7efff!important;color:var(--sg-blue)!important;font-weight:600!important}
body.groups-page-shell .sg-available-groups{padding:13px 10px;border-bottom:1px solid var(--sg-line)}body.groups-page-shell .sg-available-groups h2{margin:0 8px 9px!important;font-size:12px!important}body.groups-page-shell .sg-available-list{display:flex!important;flex-direction:column!important;gap:3px}body.groups-page-shell .sg-available-list>a{min-height:37px;padding:5px 7px;display:grid!important;grid-template-columns:27px minmax(0,1fr)!important;align-items:center!important;gap:8px;border-radius:6px;color:#263550!important;text-decoration:none!important;font-size:10px!important;line-height:1.3}body.groups-page-shell .sg-available-list>a:hover{background:#f2f6fd}body.groups-page-shell .sg-available-list>a[hidden]{display:none!important}body.groups-page-shell .sg-available-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;background:var(--sg-workspace-blue);color:#fff}body.groups-page-shell .sg-available-icon.green,body.groups-page-shell .sg-available-icon.orange,body.groups-page-shell .sg-available-icon.blue,body.groups-page-shell .sg-available-icon.pink,body.groups-page-shell .sg-available-icon.teal,body.groups-page-shell .sg-available-icon.yellow,body.groups-page-shell .sg-available-icon.sky{background:var(--sg-workspace-blue)}body.groups-page-shell .sg-available-icon .sg-icon{width:16px;height:16px}body.groups-page-shell .sg-available-empty,body.groups-page-shell .sg-filter-empty{margin:7px!important;color:var(--sg-muted);font-size:10px}
body.groups-page-shell .sg-filter-title{height:44px;flex:0 0 44px;padding:0 13px;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--sg-line)}
body.groups-page-shell .sg-filter-title strong{font-size:13px}body.groups-page-shell .sg-filter-title button{width:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--sg-blue)!important;font-size:10px!important}
body.groups-page-shell .sg-filter-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}body.groups-page-shell .sg-filter-scroll::-webkit-scrollbar{display:none}
body.groups-page-shell .sg-filter{padding:12px 12px 14px;border-bottom:1px solid var(--sg-line)}
body.groups-page-shell .sg-filter-toggle{width:100%!important;height:28px!important;margin:0 0 8px!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;border:0!important;background:none!important;color:var(--sg-text)!important;font-size:11px!important;font-weight:700!important;text-align:left!important}
body.groups-page-shell .sg-filter-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}body.groups-page-shell .sg-filter.is-collapsed .sg-filter-toggle svg{transform:rotate(-90deg)}
body.groups-page-shell .sg-filter-search{height:31px;margin:0 0 8px;padding:0 8px;display:flex!important;align-items:center!important;gap:6px;border:1px solid #dce3ed;border-radius:5px;background:#fff}
body.groups-page-shell .sg-filter-search .sg-icon{width:13px;height:13px;color:#8290a5}body.groups-page-shell .sg-filter-search input{width:100%!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;font-size:10px!important}
body.groups-page-shell .sg-filter-options{display:block!important}
body.groups-page-shell .sg-check{width:100%!important;min-height:29px!important;margin:0!important;display:grid!important;grid-template-columns:14px minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;color:#34435e!important;font-size:10px!important;font-weight:400!important}
body.groups-page-shell .sg-check input.nostyle{appearance:none!important;-webkit-appearance:none!important;width:13px!important;height:13px!important;margin:0!important;display:block!important;border:1px solid #aebbd0!important;border-radius:3px!important;background:#fff!important;box-shadow:none!important;opacity:1!important}
body.groups-page-shell .sg-check input.nostyle:checked{border-color:var(--sg-blue)!important;background:var(--sg-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2.2 6.1 2.2 2.2 5-5' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/12px 12px no-repeat!important}
body.groups-page-shell .sg-check em{min-width:25px;padding:3px 5px;border-radius:9px;background:#f0f3f8;color:#53617b;text-align:center;font-style:normal;font-size:9px}
body.groups-page-shell .sg-check.is-extra{display:none!important}body.groups-page-shell .sg-filter.is-expanded .sg-check.is-extra,body.groups-page-shell .sg-filter.is-searching .sg-check.is-extra{display:grid!important}body.groups-page-shell .sg-check.is-search-hidden{display:none!important}
body.groups-page-shell .sg-filter-more{width:auto!important;margin:5px 0 0!important;padding:0!important;border:0!important;background:none!important;color:var(--sg-blue)!important;font-size:10px!important}body.groups-page-shell .sg-filter.is-collapsed>*:not(.sg-filter-toggle){display:none!important}
body.groups-page-shell .sg-reset{height:38px!important;flex:0 0 38px;margin:10px!important;border:0!important;border-radius:5px!important;background:var(--sg-blue)!important;color:#fff!important;font-weight:600!important}

/* Right cards */
body.groups-page-shell .sg-right{grid-area:right!important;position:sticky!important;top:76px!important;width:250px!important;max-height:calc(100vh - 98px);display:flex!important;flex-direction:column!important;gap:12px!important;overflow:hidden}
body.groups-page-shell .sg-widget{min-height:0;padding:15px!important;display:flex!important;flex-direction:column!important}
body.groups-page-shell .sg-widget-head{margin:0 0 11px;display:flex!important;align-items:center!important;justify-content:space-between!important}body.groups-page-shell .sg-widget-head h2{margin:0!important;font-size:13px!important}
body.groups-page-shell .sg-widget-scroll{max-height:245px;overflow-y:auto;scrollbar-width:none}body.groups-page-shell .sg-widget-scroll::-webkit-scrollbar{display:none}
body.groups-page-shell .sg-discussion{margin:0 0 13px;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:9px;color:inherit;text-decoration:none}body.groups-page-shell .sg-discussion-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:5px;background:#edf4ff;color:var(--sg-blue)}body.groups-page-shell .sg-discussion strong,body.groups-page-shell .sg-discussion small{display:block}body.groups-page-shell .sg-discussion strong{font-size:10px;line-height:1.45}body.groups-page-shell .sg-discussion small{margin-top:3px;color:var(--sg-muted);font-size:9px}
body.groups-page-shell .sg-member{padding:6px 0;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:center!important;gap:9px}body.groups-page-shell .sg-member strong,body.groups-page-shell .sg-member small{display:block}body.groups-page-shell .sg-member strong{font-size:10px}body.groups-page-shell .sg-member small{margin-top:2px;color:var(--sg-muted);font-size:8px}
body.groups-page-shell .sg-person-photo{position:relative;width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#e8eef8;color:#476187;font-weight:700}body.groups-page-shell .sg-person-photo>b{font-size:11px}body.groups-page-shell .sg-person-photo img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}body.groups-page-shell .sg-widget-empty{color:var(--sg-muted);font-size:10px}
body.groups-page-shell .sg-profile-link{color:inherit!important;text-decoration:none!important}body.groups-page-shell .sg-member.sg-profile-link{border-radius:6px;transition:background-color .18s,color .18s}body.groups-page-shell .sg-member.sg-profile-link:hover,body.groups-page-shell .sg-member.sg-profile-link:focus-visible{background:#f2f6fd;color:var(--sg-blue)!important;outline:0}body.groups-page-shell .sg-mentor-head.sg-profile-link{border-radius:7px}body.groups-page-shell .sg-mentor-head.sg-profile-link:focus-visible{outline:2px solid rgba(9,102,238,.45);outline-offset:4px}

/* Group overview and discussion */
body.groups-page-shell .sg-detail-layout{width:100%;display:grid!important;grid-template-columns:205px minmax(0,1fr) 255px!important;align-items:start!important;gap:14px!important}
body.groups-page-shell .sg-group-nav{position:sticky;top:76px;width:205px!important;padding:14px!important;text-align:left!important}body.groups-page-shell .sg-back{display:block;margin-bottom:16px;color:var(--sg-blue);text-decoration:none;font-size:11px}body.groups-page-shell .sg-group-nav>.sg-group-icon{margin-bottom:12px}body.groups-page-shell .sg-group-nav h2{width:auto!important;margin:0 0 6px!important;font-size:16px!important;line-height:1.35!important;overflow-wrap:normal!important;word-break:normal!important}body.groups-page-shell .sg-group-nav>small{color:var(--sg-muted);font-size:9px}body.groups-page-shell .sg-group-nav>p{margin:14px 0!important;color:#44536d;font-size:10px;line-height:1.55}
body.groups-page-shell .sg-group-nav nav{margin:17px -7px 0;display:flex!important;flex-direction:column!important;gap:4px}body.groups-page-shell .sg-group-nav nav a{width:100%!important;min-height:36px;padding:8px 9px;display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px;border-radius:6px;color:#263652;text-decoration:none;white-space:nowrap}body.groups-page-shell .sg-group-nav nav a.active{background:#eceaff;color:#5333dd}body.groups-page-shell .sg-group-nav nav em{margin-left:auto;font-style:normal}
body.groups-page-shell .sg-detail-main{min-width:0!important;width:100%!important}
body.groups-page-shell .sg-hero{position:relative;width:100%;min-height:176px;padding:27px 25px 43px;display:flex!important;flex-direction:row!important;align-items:center!important;gap:20px;overflow:hidden;border-radius:10px;background:linear-gradient(120deg,#123663,#06a67e);color:#fff}body.groups-page-shell .sg-hero.purple{background:linear-gradient(120deg,#15165e,#5228a6)}body.groups-page-shell .sg-hero.blue,body.groups-page-shell .sg-hero.sky{background:linear-gradient(120deg,#12365f,#148dca)}body.groups-page-shell .sg-hero.orange,body.groups-page-shell .sg-hero.yellow{background:linear-gradient(120deg,#914016,#ee9d15)}body.groups-page-shell .sg-hero.pink{background:linear-gradient(120deg,#711d62,#e13c86)}
body.groups-page-shell .sg-hero-pattern{position:absolute;inset:0 0 0 45%;opacity:.16;background-image:linear-gradient(30deg,transparent 47%,rgba(255,255,255,.42) 48%,rgba(255,255,255,.42) 49%,transparent 50%),linear-gradient(150deg,transparent 47%,rgba(255,255,255,.3) 48%,rgba(255,255,255,.3) 49%,transparent 50%);background-size:92px 78px;pointer-events:none}body.groups-page-shell .sg-group-icon.xl,body.groups-page-shell .sg-hero-copy{position:relative;z-index:1}
body.groups-page-shell .sg-group-icon.xl{width:92px;height:92px;flex:0 0 92px;border:5px solid rgba(255,255,255,.65)}body.groups-page-shell .sg-group-icon.xl .sg-icon{width:49px;height:49px}body.groups-page-shell .sg-hero-copy{min-width:0;width:auto!important}body.groups-page-shell .sg-hero h1{margin:0 0 8px!important;color:#fff!important;font-size:24px!important;line-height:1.2!important}body.groups-page-shell .sg-hero p{margin:0 0 13px!important;color:#fff!important}body.groups-page-shell .sg-hero p i{width:9px;height:9px;display:inline-block;border:2px solid rgba(255,255,255,.5);border-radius:50%;background:#1ddb64}body.groups-page-shell .sg-hero p span{padding:0 7px}body.groups-page-shell .sg-hero .sg-tags>span{background:rgba(255,255,255,.2)!important;color:#fff!important}
body.groups-page-shell .sg-about{position:relative;z-index:2;margin:-27px 17px 15px;padding:17px 20px;display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:16px}body.groups-page-shell .sg-about-copy{min-width:0}body.groups-page-shell .sg-about h2,body.groups-page-shell .sg-feed h2,body.groups-page-shell .sg-comments h2{margin:0 0 8px!important;font-size:14px!important}body.groups-page-shell .sg-about p{margin:0!important;color:#40506b;line-height:1.55}body.groups-page-shell .sg-about dl{margin:0;display:grid!important;grid-template-columns:repeat(3,1fr)!important}body.groups-page-shell .sg-about dl>div,body.groups-page-shell .sg-about dl>.sg-about-stat{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-left:1px solid var(--sg-line)}body.groups-page-shell .sg-about .sg-about-stat{min-width:0;padding:0;border-top:0!important;border-right:0!important;border-bottom:0!important;border-left:1px solid var(--sg-line)!important;background:transparent!important;box-shadow:none!important;color:inherit;text-align:center;text-decoration:none;font:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}body.groups-page-shell .sg-about .sg-about-stat:hover{color:var(--sg-purple)}body.groups-page-shell .sg-about dt{font-size:17px;font-weight:700}body.groups-page-shell .sg-about dd{margin:3px 0 0;color:var(--sg-muted);font-size:10px}
body.groups-page-shell .sg-feed{overflow:hidden}body.groups-page-shell .sg-feed>header{height:49px;padding:0 16px;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--sg-line)}body.groups-page-shell .sg-feed>header h2{margin:0!important}body.groups-page-shell .sg-feed>header button,body.groups-page-shell .sg-comments form>button{width:auto!important;padding:8px 14px!important;border:0!important;border-radius:5px!important;background:var(--sg-purple)!important;color:#fff!important}body.groups-page-shell .sg-readonly{margin:0!important;padding:10px 16px;background:#f6f7fb;color:#66748b;font-size:10px}
body.groups-page-shell .sg-topics-reveal{animation:sg-topics-pulse .55s ease-out}@keyframes sg-topics-pulse{0%{opacity:.72;transform:scale(.985)}55%{opacity:1;transform:scale(1.008)}100%{opacity:1;transform:scale(1)}}
body.groups-page-shell .sg-card-attention{position:relative;z-index:5;border-color:#6b48ef!important;animation:sg-card-shake .72s ease-out!important;box-shadow:0 0 0 4px rgba(90,53,238,.16),0 8px 22px rgba(49,31,127,.18)!important;outline:0}@keyframes sg-card-shake{0%,100%{transform:translateX(0)}18%{transform:translateX(-7px)}36%{transform:translateX(6px)}54%{transform:translateX(-4px)}72%{transform:translateX(3px)}86%{transform:translateX(-1px)}}
body.groups-page-shell .sg-comments-focus{animation:sg-comments-focus .8s ease-out!important;outline:0}@keyframes sg-comments-focus{0%{border-color:var(--sg-line);box-shadow:0 2px 8px rgba(27,46,79,.05)}45%{border-color:#6b48ef;box-shadow:0 0 0 4px rgba(90,53,238,.16),0 8px 22px rgba(49,31,127,.14)}100%{border-color:var(--sg-line);box-shadow:0 2px 8px rgba(27,46,79,.05)}}
body.groups-page-shell .sg-feed-tabs{height:100%;display:flex!important;align-items:stretch!important;gap:20px}body.groups-page-shell .sg-feed-tabs button{position:relative;width:auto!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3d4b68!important;font-size:11px!important}body.groups-page-shell .sg-feed-tabs button.active{color:var(--sg-text)!important;font-weight:700!important}body.groups-page-shell .sg-feed-tabs button.active:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--sg-purple)}body.groups-page-shell .sg-feed>header .sg-start-discussion{height:33px!important;padding:0 13px!important;border-radius:5px!important;background:var(--sg-purple)!important;color:#fff!important;font-size:10px!important}
body.groups-page-shell .sg-feed-card{width:calc(100% - 20px)!important;min-height:98px;margin:10px!important;padding:14px 15px;display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:11px;border:1px solid var(--sg-line);border-radius:8px;color:inherit;text-decoration:none;text-align:left!important}body.groups-page-shell .sg-feed-card:hover{background:#fafbfe;border-color:#ccd7e7}body.groups-page-shell .sg-feed-copy{min-width:0}body.groups-page-shell .sg-feed-copy>strong,body.groups-page-shell .sg-feed-copy>small{display:block}body.groups-page-shell .sg-feed-copy>strong{font-size:12px}body.groups-page-shell .sg-feed-copy>small{margin-top:3px;color:var(--sg-muted);font-size:9px}body.groups-page-shell .sg-feed-copy p{max-width:650px;margin:6px 0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#44536d;font-size:10px}body.groups-page-shell .sg-feed-stats{align-self:center;text-align:right;color:var(--sg-muted);font-size:9px;line-height:1.8}body.groups-page-shell .sg-feed-stats b{color:#243553}body.groups-page-shell .sg-feed-empty{padding:32px;text-align:center;color:var(--sg-muted)}body.groups-page-shell .sg-trending-mark{margin-right:5px}
body.groups-page-shell .sg-feed-card[hidden],body.groups-page-shell .sg-feed-empty[hidden]{display:none!important}
body.groups-page-shell .sg-group-right{grid-area:auto!important;width:255px!important;overflow-x:hidden!important;overflow-y:auto!important;-ms-overflow-style:none;scrollbar-width:none}body.groups-page-shell .sg-group-right::-webkit-scrollbar{display:none;width:0;height:0}body.groups-page-shell .sg-group-right>.sg-widget{flex:0 0 auto!important}body.groups-page-shell .sg-mentor{min-height:210px!important;padding:16px!important;overflow:hidden!important}body.groups-page-shell .sg-mentor-head{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:start!important;gap:12px;margin-top:12px}body.groups-page-shell .sg-person-photo.large{width:64px;height:64px;font-size:15px}body.groups-page-shell .sg-mentor-copy,body.groups-page-shell .sg-mentor-head strong,body.groups-page-shell .sg-mentor-head small{display:block}body.groups-page-shell .sg-mentor-name{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap}body.groups-page-shell .sg-mentor-name strong{font-size:12px}body.groups-page-shell .sg-mentor-name>b{display:inline-block;padding:2px 6px;border-radius:4px;background:#eee9ff;color:#5634d5;font-size:8px}body.groups-page-shell .sg-mentor-head small{margin-top:5px;color:#384862;line-height:1.45}body.groups-page-shell .sg-contributor-badge{width:max-content;max-width:100%;margin-top:7px;padding:4px 7px;display:inline-flex!important;align-items:center!important;gap:4px;border-radius:5px;background:#fff1dd;color:#93500a;font-size:8px;font-weight:700}body.groups-page-shell .sg-contributor-badge .sg-icon{width:11px;height:11px}body.groups-page-shell .sg-mentor>p{margin:14px 0 0!important;padding-top:12px;border-top:1px solid var(--sg-line);overflow-wrap:anywhere;color:#44536d;font-size:10px;line-height:1.55}body.groups-page-shell .sg-member-scroll{max-height:250px}body.groups-page-shell .sg-topic{padding:7px 0;display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:8px;color:inherit;text-decoration:none}body.groups-page-shell .sg-topic>b{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#efedff;color:#5739d5;font-size:9px}body.groups-page-shell .sg-topic strong,body.groups-page-shell .sg-topic small{display:block;font-size:9px}body.groups-page-shell .sg-topic small{margin-top:2px;color:var(--sg-muted)}
body.groups-page-shell .sg-topic-detail,body.groups-page-shell .sg-comments{padding:20px!important}body.groups-page-shell .sg-topic-detail{margin-top:15px}body.groups-page-shell .sg-topic-label{margin:-20px -20px 17px;padding:13px 20px;border-bottom:1px solid var(--sg-line);font-size:13px;font-weight:700}body.groups-page-shell .sg-topic-back{float:right;margin-top:-43px;color:var(--sg-blue);font-size:10px;text-decoration:none}body.groups-page-shell .sg-topic-detail h1{margin:3px 0 15px!important;font-size:22px!important;line-height:1.25!important}body.groups-page-shell .sg-topic-author{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px}body.groups-page-shell .sg-topic-author strong,body.groups-page-shell .sg-topic-author small{display:block}body.groups-page-shell .sg-topic-author small{color:var(--sg-muted)}body.groups-page-shell .sg-topic-detail>p{margin:18px 0!important;line-height:1.7;font-size:12px}body.groups-page-shell .sg-topic-detail>footer{margin-top:16px;padding-top:11px;border-top:1px solid var(--sg-line);color:var(--sg-muted)}body.groups-page-shell .sg-comments{margin-top:13px}body.groups-page-shell .sg-comments form{padding-bottom:16px;border-bottom:1px solid var(--sg-line)}body.groups-page-shell .sg-comments textarea,body.groups-page-shell .sg-modal input,body.groups-page-shell .sg-modal textarea{width:100%!important;padding:10px!important;border:1px solid #d6deea!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;outline:0!important}body.groups-page-shell .sg-comments form>button{display:block!important;margin:8px 0 0 auto!important}body.groups-page-shell .sg-replying{margin-bottom:7px;padding:7px 9px;border-radius:5px;background:#f0edff}body.groups-page-shell .sg-replying button{float:right;width:auto!important;border:0;background:none}body.groups-page-shell .sg-comment{padding:14px 0;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px;border-bottom:1px solid var(--sg-line)}body.groups-page-shell .sg-comment.is-reply{margin-left:44px}body.groups-page-shell .sg-comment header{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px}body.groups-page-shell .sg-comment header b{padding:2px 5px;border-radius:4px;background:#eee9ff;color:#5634d5;font-size:8px}body.groups-page-shell .sg-comment header small{color:var(--sg-muted)}body.groups-page-shell .sg-comment p{margin:6px 0!important;line-height:1.6}body.groups-page-shell .sg-comment button{width:auto!important;padding:0!important;border:0!important;background:none!important;color:var(--sg-blue)!important}

/* Modal and states */
body.groups-page-shell .sg-form-message{min-height:17px;padding-top:4px;color:#c0392b}body.groups-page-shell .sg-modal[hidden]{display:none!important}body.groups-page-shell .sg-modal{position:fixed;z-index:1700;inset:0;display:grid;place-items:center}body.groups-page-shell .sg-modal-backdrop{position:absolute;inset:0;width:100%!important;border:0;background:rgba(15,25,45,.6)}body.groups-page-shell .sg-modal>section{position:relative;width:min(600px,calc(100vw - 30px));max-height:90vh;overflow-y:auto;border-radius:10px;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.25)}body.groups-page-shell .sg-modal>section>header{padding:14px 17px;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--sg-line)}body.groups-page-shell .sg-modal h2{margin:0}body.groups-page-shell .sg-modal header button{width:auto!important;border:0!important;background:none!important;font-size:22px}body.groups-page-shell .sg-modal form{padding:17px}body.groups-page-shell .sg-modal label{display:block;margin-bottom:12px;font-weight:600}body.groups-page-shell .sg-modal label input,body.groups-page-shell .sg-modal label textarea{display:block;margin-top:5px;font-weight:400}body.groups-page-shell .sg-modal footer{display:flex!important;justify-content:flex-end!important;gap:8px}body.groups-page-shell .sg-modal footer button{width:auto!important;padding:8px 14px!important;border:1px solid #d4dcea!important;border-radius:5px!important;background:#fff!important}body.groups-page-shell .sg-modal footer button[type=submit]{border-color:var(--sg-purple)!important;background:var(--sg-purple)!important;color:#fff!important}body.sg-modal-open{overflow:hidden}body.groups-page-shell .sg-setup{padding:45px;border:1px dashed #c6d0df;border-radius:8px;background:#fff;text-align:center}
body.groups-page-shell .sg-mobile-filter,body.groups-page-shell .sg-scroll-top,body.groups-page-shell .sg-drawer-close{display:none}
body.groups-page-shell .sg-trending-icon{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:#ff6a00;stroke-width:1.8}
body.groups-page-shell .sg-widget-head h2,body.groups-page-shell .sg-feed>header h2,body.groups-page-shell .sg-topic-label{display:flex!important;align-items:center!important;gap:7px!important}
body.groups-page-shell .sg-widget-head h2>.sg-icon{width:15px;height:15px;color:var(--sg-blue)}
body.groups-page-shell .sg-feed-stats>span{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}body.groups-page-shell .sg-feed-stats .sg-icon{width:13px;height:13px}
body.groups-page-shell .sg-about dt{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}body.groups-page-shell .sg-about dt .sg-icon{width:20px;height:20px;color:var(--sg-purple)}body.groups-page-shell .sg-about dt b{font-size:17px}
body.groups-page-shell .sg-meta{max-width:100%;display:flex!important;flex-wrap:wrap!important;align-items:center!important;column-gap:10px!important;row-gap:3px!important}body.groups-page-shell .sg-meta>span{min-width:0;display:inline-flex;align-items:center;gap:4px;white-space:normal}body.groups-page-shell .sg-meta .sg-icon{width:12px;height:12px;flex:0 0 12px;color:var(--sg-blue)}
body.groups-page-shell .sg-topic-detail>footer{display:flex!important;align-items:center!important;gap:14px!important}body.groups-page-shell .sg-topic-detail>footer>span,body.groups-page-shell .sg-topic-thread-link{display:inline-flex!important;align-items:center!important;gap:5px}body.groups-page-shell .sg-topic-detail>footer .sg-icon{width:14px;height:14px}body.groups-page-shell .sg-topic-thread-link{width:auto!important;margin:0!important;padding:2px 0!important;border:0!important;background:transparent!important;color:var(--sg-blue)!important;font:inherit!important}body.groups-page-shell .sg-topic-thread-link:hover,body.groups-page-shell .sg-topic-thread-link:focus-visible{text-decoration:underline;outline:0}
body.groups-page-shell .sg-comments>h2{display:flex!important;align-items:center!important;gap:7px!important}body.groups-page-shell .sg-comments>h2 .sg-icon{width:18px;height:18px;color:var(--sg-purple)}
body.groups-page-shell .sg-comment-composer-home{margin-bottom:4px}body.groups-page-shell .sg-comment-form{margin:8px 0 10px 44px;padding:12px!important;border:1px solid #dfe5ef!important;border-radius:8px;background:#f9fbfe}body.groups-page-shell .sg-comment-composer-home>.sg-comment-form{margin:0 0 4px}body.groups-page-shell .sg-comment-form-head{min-height:24px;margin-bottom:7px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px}body.groups-page-shell .sg-comment-form-head>strong{font-size:11px}body.groups-page-shell .sg-comment-form .sg-replying{margin:0!important;padding:4px 7px!important;font-size:9px}body.groups-page-shell .sg-comment-form>footer{margin-top:8px;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px}body.groups-page-shell .sg-comment-form>footer button{width:auto!important;margin:0!important;padding:7px 13px!important;border:1px solid #d2dbea!important;border-radius:5px!important;background:#fff!important;color:#53617a!important}body.groups-page-shell .sg-comment-form>footer button[type=submit]{border-color:var(--sg-purple)!important;background:var(--sg-purple)!important;color:#fff!important}body.groups-page-shell .sg-comment-form button:disabled{opacity:.6;cursor:wait}
body.groups-page-shell .sg-comment-thread{position:relative}body.groups-page-shell .sg-comment-replies{min-width:0}body.groups-page-shell .sg-load-replies{width:auto!important;margin:4px 0 10px 48px!important;padding:5px 9px!important;border:0!important;border-radius:5px!important;background:#f0edff!important;color:var(--sg-purple)!important;font-size:10px!important;font-weight:600!important}body.groups-page-shell .sg-load-replies:disabled{opacity:.65}
body.groups-page-shell .sg-comments-sentinel{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--sg-muted);font-size:10px}body.groups-page-shell .sg-comments-sentinel[hidden]{display:none!important}body.groups-page-shell .sg-comments-spinner{width:15px;height:15px;border:2px solid #dce3ef;border-top-color:var(--sg-purple);border-radius:50%;animation:sg-spin .8s linear infinite}@keyframes sg-spin{to{transform:rotate(360deg)}}
body.groups-page-shell .sg-comment-pending{min-height:58px!important;padding:12px 14px!important;display:block!important;border:1px dashed #b8c7de!important;border-radius:7px!important;background:#f7faff!important;opacity:.75}body.groups-page-shell .sg-comment-pending p{margin:0 0 5px!important;color:#273752!important}body.groups-page-shell .sg-comment-pending small{color:var(--sg-blue)!important}

/* Directory scrolling: only the central results pane moves. */
body.groups-directory-shell{overflow:hidden!important}
body.groups-directory-shell #content.member-content{height:calc(100vh - 78px)!important;min-height:0!important;overflow:hidden!important}
body.groups-directory-shell .member-content-wrapper{height:100%!important;min-height:0!important;overflow:hidden!important}
body.groups-directory-shell .sg-app{height:100%!important;min-height:0!important;padding-bottom:12px!important;overflow:hidden!important}
body.groups-directory-shell .sg-directory-page{height:100%!important;min-height:0!important;grid-template-rows:66px 52px minmax(0,1fr)!important;overflow:hidden!important}
body.groups-directory-shell .sg-filters{position:static!important;height:100%!important;min-height:0!important}
body.groups-directory-shell .sg-filter-scroll{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
body.groups-directory-shell .sg-main{height:100%!important;min-height:0!important;padding:0 4px 12px 0;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:none}
body.groups-directory-shell .sg-main::-webkit-scrollbar{display:none;width:0}
body.groups-directory-shell .sg-right{position:static!important;height:100%!important;max-height:none!important}
body.groups-directory-shell .sg-scroll-top{position:fixed;z-index:30;right:285px;bottom:25px;width:38px!important;height:38px!important;display:grid!important;place-items:center;border:0;border-radius:50%;background:var(--sg-blue);color:#fff;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;box-shadow:0 7px 18px rgba(9,102,238,.25)}body.groups-directory-shell .sg-scroll-top.is-visible{opacity:1;visibility:visible;transform:none}

/* Group detail scrolling: the entire middle column moves as one pane. */
@media(min-width:761px){body.groups-page-shell:not(.groups-directory-shell){overflow:hidden!important}body.groups-page-shell:not(.groups-directory-shell) #content.member-content{height:calc(100vh - 78px)!important;min-height:0!important;overflow:hidden!important}body.groups-page-shell:not(.groups-directory-shell) .member-content-wrapper,body.groups-page-shell:not(.groups-directory-shell) .sg-app,body.groups-page-shell:not(.groups-directory-shell) .sg-detail-layout{height:100%!important;min-height:0!important;overflow:hidden!important}body.groups-page-shell:not(.groups-directory-shell) .sg-app{padding-bottom:12px!important}body.groups-page-shell:not(.groups-directory-shell) .sg-detail-main{height:100%!important;min-height:0!important;padding:0 4px 18px 0;display:block!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:none}body.groups-page-shell:not(.groups-directory-shell) .sg-detail-main::-webkit-scrollbar{display:none;width:0;height:0}body.groups-page-shell:not(.groups-directory-shell) .sg-detail-static{position:relative;z-index:2;min-width:0}body.groups-page-shell:not(.groups-directory-shell) .sg-detail-scroll{min-width:0;min-height:0;padding:0;overflow:visible!important}body.groups-page-shell:not(.groups-directory-shell) .sg-group-nav,body.groups-page-shell:not(.groups-directory-shell) .sg-group-right{position:static!important;max-height:100%!important}}

/* Readable detail typography and a collapsed-by-default comment composer. */
body.group-detail-page-shell .sg-group-nav h2{font-size:18px!important}
body.group-detail-page-shell .sg-group-nav>small{font-size:12px!important}
body.group-detail-page-shell .sg-group-nav>p{font-size:13px!important;line-height:1.65}
body.group-detail-page-shell .sg-group-nav nav a{font-size:13px!important}
body.group-detail-page-shell .sg-about h2,body.group-detail-page-shell .sg-feed h2,body.group-detail-page-shell .sg-comments h2{font-size:17px!important}
body.group-detail-page-shell .sg-about p{font-size:14px!important;line-height:1.65}
body.group-detail-page-shell .sg-about dd{font-size:12px}
body.group-detail-page-shell .sg-feed>header .sg-start-discussion{font-size:12px!important}
body.group-detail-page-shell .sg-feed-copy>strong{font-size:15px}
body.group-detail-page-shell .sg-feed-copy>small{font-size:12px}
body.group-detail-page-shell .sg-feed-copy p{font-size:13px;line-height:1.55}
body.group-detail-page-shell .sg-feed-stats{font-size:11px}
body.group-detail-page-shell .sg-widget-head h2{font-size:15px!important}
body.group-detail-page-shell .sg-member strong,body.group-detail-page-shell .sg-topic strong{font-size:12px}
body.group-detail-page-shell .sg-member small,body.group-detail-page-shell .sg-topic small{font-size:11px}
body.group-detail-page-shell .sg-mentor-name strong{font-size:14px}
body.group-detail-page-shell .sg-mentor-head small,body.group-detail-page-shell .sg-mentor>p{font-size:12px}
body.group-detail-page-shell .sg-topic-label{font-size:14px}
body.group-detail-page-shell .sg-topic-back{font-size:12px}
body.group-detail-page-shell .sg-topic-author strong{font-size:14px}
body.group-detail-page-shell .sg-topic-author small{font-size:12px}
body.group-detail-page-shell .sg-discussion-edit{width:auto!important;margin-left:auto!important;padding:8px 12px!important;border:1px solid var(--sg-purple)!important;border-radius:5px!important;background:#fff!important;color:var(--sg-purple)!important;font-size:12px!important;font-weight:600!important}
body.group-detail-page-shell .sg-discussion-edit:hover{background:#f4f0ff!important}
body.group-detail-page-shell .sg-topic-detail>p{font-size:14px;line-height:1.75}
body.group-detail-page-shell .sg-topic-detail>footer{font-size:12px}
body.group-detail-page-shell .sg-tags>span,body.group-detail-page-shell .sg-tags>i{font-size:11px}
body.group-detail-page-shell .sg-mentor-flag{font-size:10px!important}
body.group-detail-page-shell .sg-comments-head{margin-bottom:10px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px}
body.group-detail-page-shell .sg-comments-head h2{margin:0!important;display:flex!important;align-items:center!important;gap:7px!important}
body.group-detail-page-shell .sg-comment-open{width:auto!important;padding:8px 13px!important;border:0!important;border-radius:5px!important;background:var(--sg-purple)!important;color:#fff!important;font-size:12px!important;font-weight:600}
body.group-detail-page-shell .sg-comment-composer-home[hidden]{display:none!important}
body.group-detail-page-shell .sg-comment-form-head>strong{font-size:13px}
body.group-detail-page-shell .sg-comments textarea{font-size:13px!important}
body.group-detail-page-shell .sg-comment header strong{font-size:13px}
body.group-detail-page-shell .sg-comment header small{font-size:11px}
body.group-detail-page-shell .sg-comment p{font-size:13px;line-height:1.65}
body.group-detail-page-shell .sg-comment button,body.group-detail-page-shell .sg-load-replies,body.group-detail-page-shell .sg-comments-sentinel{font-size:12px!important}

@media(max-width:1350px){body.groups-page-shell .sg-directory-page{grid-template-columns:195px minmax(0,1fr) 225px!important}body.groups-page-shell .sg-filters{width:195px!important}body.groups-page-shell .sg-right{width:225px!important}body.groups-page-shell .sg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.groups-page-shell .sg-detail-layout{grid-template-columns:190px minmax(0,1fr) 230px!important}body.groups-page-shell .sg-group-nav{width:190px!important}body.groups-page-shell .sg-group-right{width:230px!important}}
@media(max-width:1100px){body.groups-page-shell .sg-directory-page{grid-template-columns:195px minmax(0,1fr)!important;grid-template-areas:"filters heading" "filters toolbar" "filters main"}body.groups-page-shell .sg-detail-layout{grid-template-columns:190px minmax(0,1fr)!important}body.groups-page-shell .sg-right.wall-right-drawer{position:fixed!important;z-index:1401!important;top:62px!important;right:0!important;bottom:0!important;width:min(330px,88vw)!important;max-height:none!important;padding:12px!important;overflow-y:auto!important;background:var(--sg-bg)!important;transform:translateX(105%);transition:transform .22s}body.groups-page-shell.wall-right-drawer-open .sg-right.wall-right-drawer{transform:translateX(0)}body.groups-page-shell .sg-right .sg-widget-scroll{max-height:none}}
@media(max-width:1100px){body.groups-page-shell .sg-right>.sg-drawer-close{position:sticky;z-index:3;top:0;width:100%!important;height:42px!important;min-height:42px;margin:0 0 10px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px;border:1px solid var(--sg-line)!important;border-radius:7px!important;background:#fff!important;color:#263550!important;font-weight:600!important;box-shadow:0 2px 8px rgba(27,46,79,.08)}body.groups-page-shell .sg-right>.sg-drawer-close .sg-icon{width:17px;height:17px}}
@media(max-width:760px){body.groups-directory-shell{overflow:auto!important}body.groups-directory-shell #content.member-content,body.groups-directory-shell .member-content-wrapper,body.groups-directory-shell .sg-app,body.groups-directory-shell .sg-directory-page{height:auto!important;min-height:0!important;overflow:visible!important}body.groups-directory-shell .sg-directory-page{grid-template-rows:auto!important}body.groups-directory-shell .sg-main{height:auto!important;overflow:visible!important}body.groups-directory-shell .sg-filter-scroll{overflow-y:auto!important}body.groups-page-shell .sg-app{padding:8px}body.groups-page-shell .sg-directory-page{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"heading" "toolbar" "main"}body.groups-page-shell .sg-heading{min-height:60px}body.groups-page-shell .sg-filters{position:fixed!important;z-index:1401!important;top:62px!important;left:0!important;bottom:0!important;width:min(300px,88vw)!important;height:auto!important;transform:translateX(-105%);transition:transform .22s}body.groups-page-shell.groups-filter-open .sg-filters{transform:translateX(0)}body.groups-page-shell .sg-mobile-filter{margin:0 0 8px;padding:8px 12px;display:flex!important;align-items:center;gap:7px;border:0;border-radius:5px;background:var(--sg-blue);color:#fff}body.groups-page-shell .sg-grid{grid-template-columns:1fr!important}body.groups-page-shell .sg-detail-layout{grid-template-columns:1fr!important}body.groups-page-shell .sg-group-nav{position:static;width:100%!important}body.groups-page-shell .sg-hero{padding:17px}body.groups-page-shell .sg-group-icon.xl{width:64px;height:64px;flex-basis:64px}body.groups-page-shell .sg-hero h1{font-size:18px!important}body.groups-page-shell .sg-about{margin:10px 0;grid-template-columns:1fr!important}body.groups-page-shell .sg-about dl{min-height:65px}body.groups-page-shell .sg-feed-card{grid-template-columns:38px minmax(0,1fr)!important}body.groups-page-shell .sg-feed-stats{display:none}body.groups-page-shell .sg-comment.is-reply{margin-left:22px}}
@media(max-width:760px){body.groups-page-shell .sg-filters{min-height:0!important;overflow:hidden!important}body.groups-page-shell .sg-filters>.sg-drawer-close{width:100%!important;height:42px!important;min-height:42px!important;flex:0 0 42px!important;margin:0!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px;border:0!important;border-bottom:1px solid var(--sg-line)!important;border-radius:0!important;background:#fff!important;color:#263550!important;font-weight:600!important}body.groups-page-shell .sg-filters>.sg-drawer-close .sg-icon{width:17px;height:17px}body.groups-page-shell .sg-filter-scroll{flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body.groups-page-shell .sg-reset{flex:0 0 38px!important}}
@media(max-width:760px){body.s3-mobile-page-shell.groups-filter-open{overflow:hidden!important}body.s3-mobile-page-shell.groups-filter-open .member-drawer-overlay{opacity:1!important;pointer-events:auto!important}}

/* Group details use a true viewport-height drawer on small screens. */
@media(max-width:1100px){
body.group-detail-page-shell .member-drawer-overlay{inset:0!important;width:100%!important;height:100dvh!important}
body.group-detail-page-shell #sidebar.member-sidebar.wall-left-drawer{top:62px!important;bottom:0!important;height:calc(100dvh - 62px)!important}
body.group-detail-page-shell .sg-right.wall-right-drawer{top:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important}
}
.sg-mentor-flag{display:inline-block!important;margin-left:5px;padding:2px 6px;border-radius:4px;background:#eee9ff;color:#5634d5;font-size:8px!important;font-weight:700;line-height:1.3;vertical-align:middle}

/* Workspace blue accents on the Groups directory. */
body.groups-directory-shell:not(.content-library-page-shell) {
    --sg-blue: #1868a0;
    --s3-blue: #1868a0;
    --is2-blue: #1868a0;
}

body.groups-directory-shell:not(.content-library-page-shell) .sg-title-icon,
body.groups-directory-shell:not(.content-library-page-shell) .sg-discussion-icon {
    background: #e7f2f8;
}

body.groups-directory-shell:not(.content-library-page-shell) .sg-browse-groups button.active {
    background: #e7f2f8 !important;
}

/* Keep gradient action labels consistent in normal, hover and focus states. */
body.groups-directory-shell:not(.content-library-page-shell) .sg-card .sg-view {
    color: #fff !important;
}

body.groups-directory-shell:not(.content-library-page-shell) .sg-scroll-top {
    box-shadow: 0 7px 18px rgba(24, 104, 160, .25);
}