/* Navigation flush with the content panel and aligned to the site menu. */
.site-layout > main#post { padding-top: 0 !important; }
.site-layout > main#post .rd-game-navigation {
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; flex-wrap:nowrap; box-sizing:border-box;
  width:calc(100% + 40px); max-width:none;
  margin:0 -20px 28px !important; padding:12px 20px;
  min-height:44px; background:#15171b; border:0; border-radius:0;
}
.site-layout > main#post .rd-game-navigation-link {
  display:block; flex:0 1 49%; min-width:0; max-width:49%;
  padding:0; border:0; background:transparent !important;
  color:#fff !important; text-decoration:none !important;
  font-size:12px; font-weight:400; line-height:1.5;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.site-layout > main#post .rd-game-navigation-link:last-child {margin-left:auto;text-align:right}
.site-layout > main#post .rd-game-navigation-link:hover {text-decoration:underline !important;color:#cbd6e7 !important}
.site-layout > main#post .rd-game-navigation > span {flex:1}
@media(max-width:760px) {
  .site-layout > main#post .rd-game-navigation {width:calc(100% + 28px);margin-left:-14px !important;margin-right:-14px !important;padding:11px 14px;gap:10px}
  .site-layout > main#post .rd-game-navigation-link {font-size:11px}
}

/* Remove the remaining white gap between the global menu and post navigation. */
body:has(.site-layout > main#post .rd-game-navigation) .rd-php-header { margin-bottom:0 !important; padding-bottom:0 !important; }
body:has(.site-layout > main#post .rd-game-navigation) .site-layout { margin-top:0 !important; padding-top:0 !important; row-gap:0 !important; }
body:has(.site-layout > main#post .rd-game-navigation) .site-layout > main#post { margin-top:0 !important; padding-top:0 !important; border-top:0 !important; }
body:has(.site-layout > main#post .rd-game-navigation) .site-layout > main#post .rd-game-navigation { margin-top:0 !important; }