/* Social: compact editorial header, integrated composer and readable feed. */
body.hubSocial{background-color:#071629!important}.hubSocial .shell{max-width:1120px!important}.hubSocial .socialHero{position:relative!important;padding:18px 0 26px!important;margin-bottom:12px!important;border-bottom:1px solid #8cb6dc22!important}.hubSocial .socialHero .heroContent{position:static!important;padding:0!important}.socialEditorialLabel{font:700 10px system-ui;letter-spacing:2.2px;color:#8eabc3;margin-bottom:13px}.hubSocial .socialHero h1{font-size:clamp(32px,4vw,48px)!important;font-weight:750!important;line-height:1.08!important;letter-spacing:-1.8px!important;margin:0 0 12px!important;max-width:none!important}.hubSocial .socialHero h1 span{color:#f0f6fb!important}.hubSocial .socialHero p{max-width:500px!important;color:#99b1c7!important;font-size:14px!important;line-height:1.65!important}.hubSocial .hubNav{border-color:#80b3db28;background:#08182cf5;padding:5px;border-radius:16px}.hubSocial .hubNav a{border-radius:11px;min-height:42px}.hubSocial .hubNav a[aria-current=page]{background:#c5f4a5;color:#163221}.hubSocial .composer{display:flex!important;align-items:center!important;gap:12px!important;border:1px solid #99c8ee2c!important;border-bottom:0!important;border-radius:22px 22px 0 0!important;background:linear-gradient(120deg,#15324d,#10253d)!important;padding:18px 18px 12px!important;margin:0!important;box-shadow:none!important}.hubSocial .composer .avatar{width:44px!important;height:44px!important;border:2px solid #b8e6f021;box-shadow:none!important}.hubSocial .openComposer{background:#06172b52!important;border:1px solid #d5e8ff10!important;border-radius:13px!important;text-align:left!important;font-size:14px!important;color:#b6cadd!important;height:48px!important;padding:12px 15px!important}.socialCreateTools{display:flex;gap:8px;padding:0 18px 15px 74px;border:1px solid #99c8ee2c;border-top:0;border-radius:0 0 22px 22px;background:#10253d;margin-bottom:25px}.socialCreateTools button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:40px;border:0;background:#b2d5f009;border-radius:10px;color:#b8cadb;font:650 12px system-ui;cursor:pointer}.socialCreateTools button span{font-size:20px;font-weight:400;color:#bdeb9f}.socialCreateTools button:hover{background:#bddfb018;color:#ecf6e6}.hubSocial .quick,.hubSocial .sortWrap,.hubSocial .feedControls{display:none!important}.socialFeedTabs{display:flex;gap:20px;align-items:center;border-bottom:1px solid #98bddd22;margin:0 0 18px;padding:0 4px}.socialFeedTabs button{position:relative;border:0;background:none;color:#7895ad;padding:0 0 15px;font:700 14px system-ui;cursor:pointer}.socialFeedTabs button[aria-pressed=true]{color:#dcf5d0}.socialFeedTabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;border-radius:5px;background:#c5f4a5}.socialFeedTabs a{margin-left:auto;padding:0 0 15px;color:#99b2c7;text-decoration:none;font:600 12px system-ui}.hubSocial .post{border:1px solid #9dbddc24!important;background:linear-gradient(130deg,#112a43ed,#0b1f36ed)!important;border-radius:22px!important;padding:20px!important;margin:0 0 16px!important;box-shadow:0 12px 36px #020b191a!important;overflow:hidden!important}.hubSocial .post .author{gap:11px!important;margin:0 0 16px!important;padding:0!important}.hubSocial .post .author .avatar{width:40px!important;height:40px!important;border-radius:14px!important;box-shadow:none!important}.hubSocial .post .who{font-size:14px!important;letter-spacing:0!important;color:#e7f1fc!important}.hubSocial .post .when{font-size:11px!important;color:#7794ae!important;margin-top:4px}.hubSocial .post .caption{padding:0!important;margin:0 0 16px!important;font-size:15px!important;font-weight:400!important;line-height:1.75!important;letter-spacing:0!important;color:#d0deeb!important;overflow-wrap:anywhere}.hubSocial .post.textOnly .caption{font-size:17px!important;line-height:1.65!important;min-height:0!important}.hubSocial .postMedia{border-radius:15px!important;margin:0 0 16px!important;border:1px solid #bcd9f21a!important;background:#051427}.hubSocial .postMedia img,.hubSocial .postMedia video{max-height:650px;object-fit:contain!important}.hubSocial .post .counts{margin:12px 0!important;padding:0!important;font-size:11px!important;color:#7e9bb2!important}.hubSocial .post .actions{border-top:1px solid #a5c3df16!important;margin:0!important;padding:12px 0 0!important;gap:6px!important;display:flex!important}.hubSocial .post .actions button{flex:1;min-width:0!important;padding:9px 6px!important;font-size:11px!important;border:0!important;border-radius:10px!important;background:#94bcdb09!important;color:#a8bfd2!important;min-height:39px!important}.hubSocial .post .actions button.on{background:#c5f4a518!important;color:#cff1b7!important}.hubSocial .post .actions .save{flex:0 0 38px}.hubSocial .post .menu{width:32px!important;height:32px!important;border:0!important;background:#a4c9e409!important;border-radius:10px!important;color:#adc6db!important}.hubSocial #status:empty{display:none}.hubSocial #status:not(:empty){padding:12px;border:1px solid #f4d18f40;border-radius:12px;color:#f4d18f}.hubSocial .empty{border:1px dashed #93bada3c!important;background:#10263a80!important;border-radius:22px!important;padding:38px 24px!important;color:#8fa9bf!important;line-height:1.6}.hubSocial .empty b{display:block;color:#edf7ff;font-size:23px!important;letter-spacing:-.6px;margin-bottom:10px}.hubSocial .empty button{margin-top:20px;background:#c5f4a5!important;color:#17331f!important;border:0!important;border-radius:13px!important;padding:14px 20px!important;font-weight:750}.hubSocial .hubDiscovery{border-radius:16px;background:#0f263d85}.hubSocial .hubDiscovery>summary{padding:14px;font-size:12px;color:#b1c8da}.hubSocial .hubSidebar .stats{display:flex!important;flex-wrap:wrap;gap:8px;margin:18px 0!important;padding:16px!important;border:1px solid #a7c7e119;border-radius:16px;background:#11294155}.hubSocial .hubSidebar .stats span{flex:1 0 40%;font-size:10px;color:#7896ae;background:none!important;padding:6px!important}.hubSocial .hubSidebar .stats b{display:block;font-size:20px;color:#b9d1e2;font-variant-numeric:tabular-nums}.hubSocial .composerBox{border:1px solid #a0c9e440!important;background:linear-gradient(140deg,#14334d,#081c32)!important;border-radius:25px!important;box-shadow:0 30px 90px #0008}.hubSocial .composerBox textarea{background:#06172b88!important;border:1px solid #9bbece25!important;border-radius:16px!important;color:#ecf5fc!important;font:16px/1.6 system-ui!important;padding:16px!important}.hubSocial .composerHead{padding-bottom:16px;border-bottom:1px solid #adcce61c;margin-bottom:16px}.hubSocial .composerHead b{font-size:21px;letter-spacing:-.5px}.hubSocial .publish{border-radius:13px!important;min-height:46px!important}.hubSocial button:focus-visible,.hubSocial a:focus-visible,.hubSocial summary:focus-visible{outline:2px solid #88d4ff;outline-offset:3px}@media(max-width:959px){.hubSocial .hubSidebar .stats{display:none!important}.hubSocial .socialHero{padding:5px 0 20px!important;margin-bottom:0!important;border-bottom:0!important}.hubSocial .socialHero h1{font-size:34px!important}.hubSocial .socialHero p{font-size:13px!important}.socialEditorialLabel{margin-bottom:10px;font-size:9px}.hubSocial .hubSocialLayout{gap:16px}.hubSocial .hubSidebar{margin-bottom:0}.hubSocial .hubNav{margin-bottom:22px!important}}@media(max-width:600px){.hubSocial .shell{width:calc(100% - 28px)!important}.hubSocial .composer{padding:14px 14px 10px!important;gap:10px!important}.socialCreateTools{padding:0 14px 13px 14px;gap:6px;margin-bottom:24px}.hubSocial .post{padding:16px!important;border-radius:19px!important}.hubSocial .post .caption{font-size:14px!important}.hubSocial .post.textOnly .caption{font-size:16px!important}.hubSocial .post .actions button{font-size:10px!important}.hubSocial .post .actions{gap:4px!important}.socialFeedTabs{gap:20px}.socialFeedTabs a{font-size:11px}.hubSocial .socialHero p{max-width:310px!important}.hubSocial .composerBox{padding:20px 16px!important;width:calc(100% - 20px)!important}}

/* Composer refresh — compact, unified and premium */
.hubSocial .composer{
  position:relative!important;
  z-index:2!important;
  padding:12px 12px 18px!important;
  gap:10px!important;
  border:1px solid rgba(153,200,238,.20)!important;
  border-bottom:0!important;
  border-radius:20px 20px 0 0!important;
  background:linear-gradient(145deg,rgba(17,45,73,.88),rgba(9,29,51,.94))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16)!important;
}
.hubSocial .composer .avatar{
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(197,244,165,.18)!important;
  background:#183752!important;
}
.hubSocial .openComposer{
  min-height:46px!important;
  height:auto!important;
  padding:11px 14px!important;
  border-radius:14px!important;
  border:1px solid rgba(210,232,255,.08)!important;
  background:rgba(3,18,34,.34)!important;
  color:#adc1d2!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.socialCreateTools{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  padding:14px 12px 12px!important;
  margin:0 0 26px!important;
  border:1px solid rgba(153,200,238,.20)!important;
  border-top:0!important;
  border-radius:0 0 20px 20px!important;
  background:linear-gradient(145deg,rgba(17,45,73,.88),rgba(9,29,51,.94))!important;
  box-shadow:0 18px 34px rgba(0,0,0,.14)!important;
}
.socialCreateTools button{
  min-height:43px!important;
  padding:8px 7px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;
  color:#b8cadb!important;
  font:700 11px/1 system-ui!important;
  letter-spacing:.1px!important;
}
.socialCreateTools button span{
  font-size:17px!important;
  color:#c5f4a5!important;
}
.socialCreateTools button:hover,
.socialCreateTools button:focus-visible{
  background:rgba(197,244,165,.09)!important;
  border-color:rgba(197,244,165,.14)!important;
  color:#eef7ea!important;
}
@media(max-width:600px){
  .hubSocial .composer{
    padding:10px 10px 16px!important;
    border-radius:18px 18px 0 0!important;
  }
  .hubSocial .composer .avatar{
    width:40px!important;
    height:40px!important;
  }
  .hubSocial .openComposer{
    min-height:44px!important;
    padding:10px 12px!important;
    font-size:12px!important;
  }
  .socialCreateTools{
    padding:12px 10px 10px!important;
    gap:6px!important;
    border-radius:0 0 18px 18px!important;
    margin-bottom:24px!important;
  }
  .socialCreateTools button{
    min-height:40px!important;
    font-size:10.5px!important;
  }
}

/* Reposts and following feed */
.socialFeedTabs{gap:16px!important}
.socialFeedTabs button{white-space:nowrap}
.repostChoices{display:grid;gap:10px;padding:4px 0 8px}
.repostChoices button{min-height:50px;border:1px solid rgba(157,200,238,.16);border-radius:14px;background:rgba(255,255,255,.045);color:#e7f1fa;text-align:left;padding:0 16px;font:750 13px system-ui}
.repostChoices button:first-child{color:#d9f7c6;border-color:rgba(197,244,165,.18);background:rgba(197,244,165,.06)}
.quotePreview{display:none;margin:0 0 12px;padding:12px 14px;border:1px solid rgba(153,200,238,.16);border-radius:14px;background:rgba(255,255,255,.035);color:#a9c1d5;font-size:12px}
.quotePreview.show{display:block}
.repostBanner{margin:-3px 0 11px;color:#8ea9bf;font-size:11px;font-weight:750}
.repostSource{margin:10px 0 16px;padding:14px;border:1px solid rgba(157,200,238,.16);border-radius:16px;background:rgba(4,20,36,.35)}
.repostSourceHead{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.repostSourceHead .avatar{width:34px!important;height:34px!important;border-radius:50%!important}
.repostSourceHead b{display:block;font-size:12px}
.repostSourceHead small{display:block;margin-top:2px;color:#728da4;font-size:9px}
.repostSourceText{font-size:14px;line-height:1.5;color:#d4e2ee;white-space:pre-wrap}
.repostSourceMedia{margin-top:11px;border-radius:13px;overflow:hidden;background:#06172d}
.repostSourceMedia img,.repostSourceMedia video{display:block;width:100%;max-height:420px;object-fit:contain}
@media(max-width:600px){
  .socialFeedTabs{gap:13px!important}
  .socialFeedTabs button{font-size:12px!important}
  .socialFeedTabs a{font-size:10px!important}
  .hubSocial .post .actions button{font-size:9px!important;padding-left:3px!important;padding-right:3px!important}
}