/* Reusable sidebar presentation */
.dashboard-sidebar{display:grid;gap:18px;align-content:start;position:sticky;top:22px;min-width:0}
.player-hub,.hub-links,.hub-tip{padding:24px}
.player-hub{position:relative;overflow:hidden;background:linear-gradient(145deg,#14295c 0%,#2657a8 100%);border-color:#3866b0;color:#fff}
.player-hub h2{max-width:260px;color:#fff;margin:9px 0;font-size:clamp(27px,2.5vw,38px);letter-spacing:-.035em;line-height:1.14}
.player-hub>p:not(.hub-eyebrow){max-width:280px;color:#d9e8ff;line-height:1.6;font-size:14px;position:relative;z-index:1}
.hub-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:850;color:#a9c9ff;margin:0}
.hub-hero-mark{position:absolute;right:-25px;top:34px;color:rgba(255,255,255,.10);transform:rotate(20deg);pointer-events:none}
.hub-hero-mark svg{width:175px;height:175px}
.hub-primary-link{display:flex;position:relative;z-index:1;align-items:center;justify-content:space-between;gap:12px;background:#fff;color:#154389;font-weight:850;padding:15px 17px;border-radius:14px;margin-top:24px;transition:transform .2s,box-shadow .2s}
.hub-primary-link:hover{transform:translateY(-2px);box-shadow:0 8px 16px #051e4c66;color:#154389}
.player-hub .hub-small{font-size:12px!important;color:#c9ddff!important;margin-bottom:0}
.hub-heading h2,.hub-tip h2{font-size:23px;color:#182b5b;margin:0 0 6px}
.hub-heading p{font-size:13px;color:#65799c;margin:0 0 14px}
.hub-resource{display:grid;grid-template-columns:46px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #e7edf6;color:#182b5b;transition:background .2s,padding .2s}
.hub-resource:hover{background:#f5f9ff;padding-left:7px;border-radius:10px;color:#1b59c2}
.hub-resource-icon{display:grid;place-items:center;width:46px;height:46px;background:#eef4ff;color:#3472cf;border-radius:13px}
.hub-resource-icon svg{width:22px;height:22px}
.hub-resource strong,.hub-resource small{display:block;line-height:1.4}.hub-resource strong{font-size:14px}.hub-resource small{font-size:12px;color:#70829c}.hub-resource-arrow{color:#7094ce}
.hub-tip{background:linear-gradient(135deg,#fff9eb,#fff);border-color:#efdfba}
.hub-tip .hub-eyebrow{color:#ad7820}.hub-tip h2{margin-top:10px}.hub-tip p{font-size:14px;color:#6c614d;line-height:1.65;margin:0}
/* Shared Player Hub layout on all non-game pages */
.site-sidebar-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,335px);gap:24px;align-items:start;padding-bottom:44px}
.site-sidebar-main{min-width:0}
.site-sidebar-layout .dashboard-sidebar{position:sticky;top:22px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}
.site-sidebar-layout .dashboard-card{background:#fff;border:1px solid #dfe6f0;border-radius:22px;box-shadow:0 12px 28px rgba(41,70,122,.08)}
.site-sidebar-layout .player-hub{background:linear-gradient(135deg,#103979,#1f5abc);color:white;border-color:#214d9e;overflow:hidden;position:relative}
.site-sidebar-layout .player-hub h2{color:#fff}
.site-sidebar-layout .player-hub p{color:#d9e8ff}
.site-sidebar-layout .hub-tip{background:linear-gradient(135deg,#fff9eb,#fff);border-color:#efdfba}
.site-sidebar-layout .article-grid{display:block;min-width:0}
.site-sidebar-layout .article-nav{margin-top:22px}
.site-sidebar-layout .player-ui,.site-sidebar-layout .pc-account-page,.site-sidebar-layout .bots-page-shell{width:100%;max-width:none;padding-bottom:0}
.site-sidebar-layout .bots-hero{max-width:100%}
.site-sidebar-layout .player-table-scroll,.site-sidebar-layout .table-scroll,.site-sidebar-layout .pc-table-scroll{overflow-x:auto}
@media(max-width:1050px){.site-sidebar-layout{grid-template-columns:1fr}.site-sidebar-layout .dashboard-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.site-sidebar-layout .hub-tip{grid-column:1/-1}}
@media(max-width:650px){.site-sidebar-layout .dashboard-sidebar{grid-template-columns:1fr}.site-sidebar-layout .hub-tip{grid-column:auto}}

/* Consistent two-column canvas across every route, including editorial pages. */
@media(min-width:1051px){
  .wrap.site-sidebar-layout{
    width:min(var(--max,1360px),calc(100% - 48px));
    max-width:none;
    grid-template-columns:minmax(0,1fr) 335px;
    column-gap:24px;
    justify-content:stretch;
  }
  .site-sidebar-layout>.site-sidebar-main,
  .site-sidebar-layout>.dashboard-sidebar{width:100%;min-width:0;max-width:none;}
}
/* Retire the old editorial column sizing inside the shared page canvas. */
.site-sidebar-layout .article-grid{
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  min-width:0;
}
.site-sidebar-layout .article-grid>.prose{
  display:block;
  width:100%;
  max-width:none;
  box-sizing:border-box;
  padding:clamp(24px,2.3vw,34px);
}
.site-sidebar-layout .article-nav{width:100%;max-width:none;box-sizing:border-box;margin-top:22px;}
@media(max-width:1050px){
  .wrap.site-sidebar-layout{width:min(var(--max,1360px),calc(100% - 32px));max-width:none;grid-template-columns:minmax(0,1fr);}
}