/* The statistics no longer need a second caption row. */
.site-header{height:84px}
.header-inner{padding-block:6px}
.platform-stats-list{margin:0}
@media(max-width:900px){.site-header{height:74px}}
@media(max-width:760px){.site-header{height:auto}.header-inner{padding-block:8px;gap:8px}.platform-stats{padding-top:8px}}

/* Center the visible idle artwork, whose file includes space above the mascot.
   Move the frame, preserving the supplied animation and its full movement crop. */
.site-header .header-inner{align-items:center}
.site-header .brand{align-self:center}
.site-header .brand-art{transform:translateY(-11.2%)}

/* Direct role shortcut immediately before the account menu. */
.header-actions .role-shortcut{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #cddff5;border-radius:10px;background:var(--brand-soft);color:var(--brand-dark);font-size:18px;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,border-color .15s}
.header-actions .role-shortcut:hover{background:#dcecff;border-color:#98bee9}
.header-actions .role-shortcut:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media(max-width:1180px){.header-actions:has(.role-shortcut) .account-link>span{display:none}}
@media(prefers-reduced-motion:reduce){.header-actions .role-shortcut{transition:none}}