body.site-shell .social-hub{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;padding-top:32px;padding-bottom:48px;color:var(--text)}
.social-hub__intro{align-self:center;min-width:0;padding:24px 0}
.social-hub__eyebrow{font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary);margin:0 0 16px}
.social-hub__intro h2{font-size:clamp(28px,3vw,42px);line-height:1.18;margin:0 0 20px;color:var(--text-heading)}
.social-hub__intro>p:not(.social-hub__eyebrow){font-size:18px;line-height:1.65;max-width:48ch;color:var(--text-secondary)}
.social-hub__topics{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:24px 0 0;list-style:none}
.social-hub__topics li{padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text);font-size:15px;line-height:1.4}
.social-hub__channels{display:grid;gap:20px;align-content:start;min-width:0}
body.site-shell #main-content a.social-hub__card{display:block;padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface-soft);color:var(--text);text-decoration:none;box-shadow:0 8px 24px #003a9210;transition:transform .18s ease,box-shadow .18s ease}
.social-hub__card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.social-hub__card-top img{width:56px;height:56px;flex:none}
.social-hub__status{font-size:14px;line-height:1.5;color:var(--text-secondary)}
.social-hub__card h2{font-size:28px;line-height:1.25;margin:0 0 12px;color:inherit}
.social-hub__card p{font-size:17px;line-height:1.6;margin:0 0 24px;color:var(--text-secondary)}
.social-hub__cta{--icon-color:#fff;--icon-hover:#fff;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border-radius:12px;background:#075bd8;color:#fff;font-size:17px;font-weight:700;line-height:1.4}
.social-hub__cta .icon{width:20px;height:20px;color:inherit}
.social-hub__note{display:block;margin-top:12px;font-size:14px;line-height:1.5;color:var(--text-secondary);text-align:center}
body.site-shell #main-content a.social-hub__card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #003a9224;color:var(--text)}
.social-hub__card:hover .social-hub__cta{background:#003a92;color:#fff}
body.site-shell #main-content a.social-hub__card:focus-visible{outline:3px solid var(--focus);outline-offset:5px;color:var(--text)}
body.site-shell #main-content a.social-hub__card:active{transform:translateY(0);color:var(--text)}
.social-hub__card:active .social-hub__cta{background:#1d2c59;color:#fff}
.social-hub__help,.social-hub__empty{padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text)}
.social-hub__help{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px}
.social-hub__help h2,.social-hub__empty h2{font-size:22px;line-height:1.35;margin:0 0 8px;color:var(--text-heading)}
.social-hub__help p,.social-hub__empty p{font-size:17px;line-height:1.6;margin:0;color:var(--text-secondary)}
.social-hub__help .button{flex:none}
@media(max-width:760px){body.site-shell .social-hub{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:16px;padding-bottom:32px}.social-hub__intro{padding:8px 0}.social-hub__help{align-items:stretch;flex-direction:column}body.site-shell #main-content a.social-hub__card{padding:24px}.social-hub__card-top{gap:12px}.social-hub__status{max-width:19ch}}
@media(prefers-reduced-motion:reduce){body.site-shell #main-content a.social-hub__card{transition:none}}