/* Header account controls (all pages). Uses the existing ELYRAON tokens; no inline styles (CSP style-src 'self'). */
.main-nav .nav-signin{font-weight:600;color:var(--cyan-soft,#EFB933)}
.main-nav .nav-signin:hover{color:#fff}
.main-nav .nav-signup{display:inline-flex;align-items:center;padding:10px 16px;font-weight:600;border-radius:999px;border:1px solid var(--rule-strong,rgba(239,185,51,.42));color:var(--cyan-soft,#EFB933);background:rgba(239,185,51,.08);white-space:nowrap}
.main-nav .nav-signup:hover{background:rgba(239,185,51,.18);color:#fff}
.main-nav .nav-myaccount{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;border:1px solid var(--rule-gold,rgba(239,185,51,.62));color:var(--starlight,#EFB933)}
.main-nav a[hidden]{display:none!important}
@media (min-width:821px){.main-nav .nav-signin,.main-nav .nav-signup,.main-nav .nav-myaccount{white-space:nowrap}}
@media (min-width:821px) and (max-width:1599px){
  .site-header{gap:12px;padding-left:20px;padding-right:20px}
  .main-nav{gap:13px;font-size:12px}
  .main-nav .nav-cta{padding:9px 12px;white-space:nowrap}
  .main-nav .nav-signup,.main-nav .nav-myaccount{padding:8px 12px}
  .brand{letter-spacing:.08em}
}
@media (max-width:820px){
  .main-nav .nav-signin,.main-nav .nav-signup,.main-nav .nav-myaccount{justify-content:center;margin-top:10px;padding:13px 16px;border-radius:12px;text-align:center}
  .main-nav .nav-signin:not(.nav-myaccount){border:1px solid var(--line,rgba(182,194,212,.14))}
}
@media (min-width:821px) and (max-width:1120px){
  .site-header{flex-wrap:wrap;row-gap:6px}
  .main-nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 12px;max-width:100%}
}