/* Both actions participate in the header layout; neither overlays another control. */
.site-header { gap: 20px; }
.site-header .desktop-nav { margin-left: auto; margin-right: 0; gap: clamp(12px, 1.5vw, 24px); }
.site-header .header-actions { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; margin-left: auto; }
.site-header .header-actions > a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; white-space: nowrap; font: 500 14px/1.4 "IBM Plex Mono", monospace; }
.site-header .royal-account-entry { gap: 14px; border: 1px solid #e5b65d66; color: #161009; background: linear-gradient(90deg, #c99339, #f0c875); box-shadow: 0 0 28px #e5b65d24; letter-spacing: .035em; text-decoration: none; text-transform: uppercase; }
.site-header .royal-account-entry:hover { background: linear-gradient(90deg, #d7a447, #ffd980); }
.site-header .royal-account-entry:focus-visible { outline: 2px solid #ffe0a0; outline-offset: 4px; }
.site-header .royal-account-entry b { font-size: 18px; font-weight: 400; }
.site-header .menu-button { flex-shrink: 0; margin-left: 0; }
@media (max-width: 1350px) {
  .site-header .header-actions .header-cta { display: none; }
}
@media (max-width: 720px) {
  .site-header { gap: 10px; padding-inline: 12px; }
  .site-header .logo b { display: none; }
  .site-header .header-actions > a { padding-inline: 10px; gap: 8px; letter-spacing: 0; }
  .site-header .menu-button { width: 38px; }
}