/* truckerpro.net additions to the imported truckerpro.ca styles: the Sign up button
   (truckerpro.ca's nav has only Log In), and the /privacy and 404 pages, which
   truckerpro.ca has no equivalent of. */

/* Cinematic pages: an amber pill beside the Log In pill. Under 520px the bar has no
   room for both, so Sign up moves to the menu, where it is always listed. */
.nav-cta.nav-signup{background:var(--amber); border-color:var(--amber); color:#0a0d14; font-weight:600}
.nav-cta.nav-signup:hover{border-color:var(--amber); box-shadow:0 0 24px -6px rgba(251,172,60,.7)}
@media(max-width:520px){.nav-links .nav-signup{display:none}}

/* The 3D home page's header. */
.nav-actions .signup{font-size:12px; font-weight:600; white-space:nowrap; padding:8px 14px; border-radius:100px; background:var(--amber); color:#101112; transition:box-shadow .25s}
.nav-actions .signup:hover{box-shadow:0 0 22px -6px var(--amber)}
@media(max-width:380px){.nav-actions .signup{padding:7px 11px}}

.legal{max-width:760px; margin:0 auto; padding:clamp(140px,22vh,200px) 24px clamp(60px,10vh,100px)}
.legal h1{max-width:none; font-size:clamp(2.2rem,5vw,3.6rem)}
.legal .lead{margin:18px 0 0}
.legal h2{font-family:var(--disp); font-weight:700; font-size:1.35rem; letter-spacing:-.02em; margin:48px 0 12px}
.legal p{color:var(--muted); line-height:1.75}
.legal p a,.carrier-note a{color:var(--amber)}
.missing{min-height:100svh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:120px 20px 80px}
.carrier-note{margin-top:64px; max-width:46ch; padding:22px 26px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.02); color:var(--muted)}
.carrier-note strong{display:block; color:var(--ink); font-family:var(--disp); font-weight:700; margin-bottom:6px}