/* the trades toggle in the mobile drawer */
.mobile-nav .m-more{display:block;width:100%;text-align:left;font:inherit;font-size:14.5px;
  font-weight:700;color:var(--rp-orange,#F26207);background:none;border:0;cursor:pointer;
  padding:12px 0;min-height:44px}
.mobile-nav .m-more:hover{text-decoration:underline}
.mobile-nav .m-more:focus-visible{outline:2px solid #F26207;outline-offset:3px;border-radius:6px}
.mobile-nav .m-more::after{content:" \203A";font-weight:400}
.mobile-nav .m-more[aria-expanded="true"]::after{content:""}
.mobile-nav .m-more-wrap[hidden]{display:none}

/* The drawer sets display on its links, which outranks the collapse a closed
   <details> would otherwise do, so a shut group still painted all its trades.
   Hide everything inside a closed fold except its own summary. */
.mobile-nav details.m-fold:not([open]) > *:not(summary){display:none!important}

/* On a narrow screen the wordmark and the Login button were landing on top of
   each other on the trade pages, because those pages keep the header auth
   buttons that every other page already hides there. Sign in and sign up are
   in the drawer's Account group, so the header keeps the brand and the burger. */
@media (max-width:520px){
  .mobile-nav ~ * .au-slot,
  header.site .au-slot{display:none!important}
}