/* Shared public navigation; retain CrewSpace's existing colors and typography. */
.cs-header { position:sticky; top:0; z-index:50; background:#2C2B1F; border-bottom:1px solid rgba(255,255,255,.08); }
.cs-header-inner { max-width:1280px; min-height:64px; margin:auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.cs-brand { display:inline-flex; align-items:center; gap:10px; color:white; text-decoration:none; font-size:18px; font-weight:700; white-space:nowrap; }
.cs-brand svg { color:#E8540A; flex-shrink:0; }
.cs-nav, .cs-actions { display:flex; align-items:center; gap:28px; }
.cs-header a { text-decoration:none; }
.cs-nav a, .cs-login { color:#C8C7B8; font-size:14px; font-weight:500; }
.cs-nav a:hover, .cs-login:hover { color:white; }
.cs-nav a[aria-current="page"] { color:#F59358; }
.cs-demo { background:linear-gradient(135deg,#E8540A,#F06D2A); color:white; border-radius:8px; padding:10px 16px; font-size:14px; font-weight:600; white-space:nowrap; }
.cs-menu { color:white; background:transparent; border:1px solid #83826A; border-radius:8px; padding:10px 14px; font:inherit; cursor:pointer; }
.cs-header :focus-visible, .form-fallback a:focus-visible { outline:2px solid #F9B88A; outline-offset:4px; }
.cs-menu, .cs-mobile-only { display:none; }
.cs-menu[hidden] { display:none !important; }
.form-fallback { margin:0 0 16px; color:#E3E2D8; line-height:1.6; }
.form-fallback a { color:#F9B88A; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:767px) {
  .cs-header-inner { padding:12px 16px; flex-wrap:wrap; gap:12px; }
  .cs-actions { display:none; }
  .cs-nav { width:100%; flex-wrap:wrap; gap:16px 24px; padding:12px 0; }
  .cs-mobile-only { display:inline; }
  .cs-menu { display:block; }
  .cs-header[data-enhanced] .cs-nav { display:none; }
  .cs-header[data-enhanced] .cs-nav.cs-open { display:flex; }
}