/* The site's navigation, one copy for every page (Nov 2026 navigation pass).
   The trade bar: the four trades in order, where you are among them, and one
   tap to any of them; green when a trade is done. The account corner: Sign in
   when signed out, Your account and Sign out when signed in. Colours are the
   locked palette written out, so the file needs no page's variables. */

.stn{position:relative;z-index:1;background:#F1EBE4;border-bottom:1px solid rgba(35,47,51,.12);font-family:'Montserrat',system-ui,sans-serif}
.stn[hidden]{display:none}
.stn__in{height:48px;padding:0 clamp(22px,5vw,56px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(8px,2.2vw,32px)}
.stn__t{position:relative;display:flex;align-items:center;gap:10px;min-width:0;color:#6F6963;text-decoration:none;-webkit-tap-highlight-color:transparent}
.stn__t::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}
.stn__t[aria-current="page"]{color:#232F33}
.stn__t[aria-current="page"]::after{background:#232F33}
.stn__n{flex:none;box-sizing:border-box;width:24px;height:24px;border-radius:50%;border:1px solid rgba(35,47,51,.3);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:9.5px;letter-spacing:.04em;line-height:1;color:inherit;background:transparent}
.stn__l{min-width:0;font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stn__t:hover{color:#232F33}
.stn__t:hover .stn__n,.stn__t[aria-current="page"] .stn__n{border-color:#232F33}
.stn__t.is-started .stn__n{border:1.5px solid #0E5336;color:#0E5336}
.stn__t.is-done .stn__n{background:#0E5336;border-color:#0E5336;color:#F1EBE4}
.stn__t:focus-visible{outline:2px solid #0E5336;outline-offset:3px;border-radius:4px}
.stn__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:760px){
  .stn__in{height:58px;padding:0 6px;column-gap:0}
  .stn__t{flex-direction:column;justify-content:center;gap:5px;padding:0 3px;text-align:center}
  .stn__n{width:22px;height:22px;font-size:9px}
  .stn__l{font-size:8.5px;letter-spacing:.07em;line-height:1.2;white-space:normal;overflow:visible;text-wrap:balance;max-width:92px}
}

/* the account corner, in the header's right-hand slot */
.stn-acct{margin-left:auto;display:flex;align-items:center;gap:18px;white-space:nowrap}
.stn-acct a,.stn-acct button{font-family:'Inter',system-ui,sans-serif;font-size:12.5px;line-height:1.3;color:#6F6963;background:none;border:0;padding:6px 0;margin:0;text-decoration:underline;text-underline-offset:2px;cursor:pointer;white-space:nowrap}
.stn-acct a:hover,.stn-acct button:hover{color:#232F33}
.stn-acct a:focus-visible,.stn-acct button:focus-visible{outline:2px solid #0E5336;outline-offset:2px;border-radius:3px}
@media (max-width:420px){.stn-acct{gap:14px}.stn-acct .stn-acct__long{display:none}}
@media (min-width:421px){.stn-acct .stn-acct__short{display:none}}