:root{--social-bg:#edf4f8;--social-card:#fff;--social-ink:#19354b;--social-muted:#486477;--social-line:#cddfe9;--social-accent:#91500f;--social-ice:#dcecf7;--social-blue:#225d85;--social-sunrise:#fff0d8;--social-forest:#245c54;--social-radius:18px;--social-shadow:0 10px 30px #19354b08}
body{background:var(--social-bg);color:var(--social-ink)}
.socialShell{display:grid;grid-template-columns:220px minmax(0,1fr) 330px;gap:16px;width:100%;max-width:1920px;margin:auto;padding:16px 24px 100px;align-items:start}
.socialShell main{padding:0;margin:0;max-width:none;min-width:0}
.socialNavigation{position:sticky;top:100px}.socialNavigation nav{display:grid;gap:6px}
.socialNavigation nav button{display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:12px;background:transparent;color:var(--social-ink);padding:12px;font-weight:650;min-height:44px}
.socialNavigation nav button span{font-size:22px;width:24px;text-align:center}.socialNavigation nav button:hover,.socialNavigation nav button[aria-current]{background:#e4edf3;color:#123f5e}
.socialIdentity{margin-top:24px;padding:18px;border-top:1px solid var(--social-line);font-size:13px;color:var(--social-muted)}.socialIdentity p{line-height:1.6}.socialIdentity button{min-height:44px;color:var(--social-ink);background:var(--social-card);border:1px solid var(--social-line);border-radius:10px;padding:8px 12px}
.socialContext{min-width:0;display:grid;gap:16px}.socialContext>h2{font-size:14px;letter-spacing:.09em;margin:0}.socialSource{font-size:13px;color:var(--social-muted);margin:0;line-height:1.5}.socialContext[data-social-state=offline] .socialSource,.socialContext[data-social-state=stale] .socialSource{color:#8c470c}
.socialContext .panel{padding:20px;min-width:0;border-radius:var(--social-radius);border:1px solid var(--social-line);box-shadow:var(--social-shadow)}.socialContext .panelHead{gap:10px}.socialContext h2{font-size:18px}.socialContext .liveLeaders div{grid-template-columns:22px minmax(0,1fr) auto}.socialContext .liveLeaders span{overflow-wrap:anywhere}.socialContext .panelActions button{width:100%}.socialGuide p{color:var(--social-muted);line-height:1.65}
.socialShell .homeLead{grid-template-columns:minmax(0,1fr);margin-top:24px}.socialShell .homePersonal{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr)}.socialShell .welcome{min-height:320px;padding:36px;border-radius:var(--social-radius);background:#dcecf7 url('/brand/winter-lake.png') center/cover}.socialShell .welcome:before{background:linear-gradient(90deg,#f6fbfff0 0%,#edf6fbc9 38%,#edf6fb38 72%,transparent)}.socialShell .welcome h1{font-size:clamp(30px,3vw,48px);line-height:1.1}.socialShell .welcomeStatus{align-self:flex-end;font-size:12px}.socialShell .panel,.socialShell .event{border-radius:var(--social-radius)}
.socialSkip{position:fixed;top:-80px;left:20px;z-index:1000;background:white;color:var(--social-ink);padding:14px;border:2px solid #145277;border-radius:10px}.socialSkip:focus{top:12px}
.socialShell button:focus-visible,.socialShell a:focus-visible{outline:3px solid #145277;outline-offset:3px}
@media(min-width:1100px){.topInner{max-width:1872px}.top nav{display:none}.top .tools{margin-left:auto}}
@media(max-width:1399px){.socialShell{grid-template-columns:160px minmax(0,1fr);gap:20px;padding-inline:24px}.socialShell main{grid-column:2;grid-row:1}.socialContext{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.socialContext>h2,.socialContext>.socialSource{grid-column:1/-1}.socialShell .cards3{grid-template-columns:1fr}.socialShell .homePersonal{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){.socialShell{display:block;padding:18px 14px 110px}.socialNavigation{position:static;margin-bottom:18px}.socialNavigation nav{display:flex;overflow-x:auto;padding:4px 2px 10px}.socialNavigation nav button{flex-shrink:0;white-space:nowrap;background:white;border:1px solid var(--social-line);font-size:13px}.socialNavigation nav button span,.socialIdentity{display:none}.socialContext{margin-top:24px;grid-template-columns:1fr}.socialShell .welcome{min-height:250px;padding:24px;display:block}.socialShell .welcomeStatus{margin-top:22px}.socialShell .homeLead{margin-top:18px}.socialShell .section{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.socialShell *{scroll-behavior:auto;transition:none}}