/* atlasdelivery.com/careers in the Atlas design. careers.css (a copy of
   shared/careers.css, Superior's careers layout) loads first; this file loads
   last and only re-points its tokens to Atlas's (signal red for actions,
   navy for accents, Geist with Instrument Serif italics, square corners),
   overrides the few colours it hard-codes, and adds the helpers Superior's
   site.css gives that page (.wrap, .cond, .mono, .btn-green). */
#app{--green:var(--signal);--green-d:var(--atlas-red-deep);--lime:var(--signal);--blue:var(--accent);--sans:var(--font-sans);--mono:var(--font-mono)}

/* Superior's site.css helpers, in Atlas terms */
#app .wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}
#app .mono{font-family:var(--font-mono)}
#app .cond{font-family:var(--font-sans);font-weight:500;letter-spacing:-.025em;line-height:1.04;text-transform:none}
#app .cond em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
#app .btn-green{background:var(--signal);color:#fff;border-color:var(--signal)}
#app .btn-green:hover{background:var(--atlas-red-deep);border-color:var(--atlas-red-deep);color:#fff}
#app a{color:var(--accent)}#app a.btn,#app a.cj{color:inherit}#app a.btn-green{color:#fff}

/* hero: the Atlas navy, the eyebrow plus a serif-italic headline */
.cr-hero{background:radial-gradient(900px 500px at 85% 0%,rgba(226,35,26,.18),transparent 60%),linear-gradient(180deg,var(--atlas-blue-ink),var(--atlas-blue-deep))}
.cr-hero h1{font-size:clamp(44px,6vw,80px)}
.cr-hero h1 em{color:#fff}
.cr-search,.cj,.cr-empty,.cr-apply,.cr-ts{border-radius:var(--radius-lg)}
.cr-f,.cr-search .btn,.cr-apply input,.cr-apply select,.cr-seg span{border-radius:var(--radius)}
.cr-chips button{border-radius:var(--radius);font-weight:500}
.cj-logo{border-radius:var(--radius)}
.cj h3{font-weight:500;letter-spacing:-.01em}
.cj-new{color:#fff}
.t{border-radius:var(--radius);font-weight:500}
.t.pay{background:rgba(11,45,91,.08);color:var(--accent)}
.cj-go{color:var(--signal)}

/* a job */
.cr-main h1{font-size:clamp(36px,4.4vw,60px)}
.cr-main h2{font-weight:500;letter-spacing:-.01em}
.cr-facts,.cr-steps li,.cr-track li{border-radius:var(--radius-lg)}
.cr-facts dd{font-weight:600}
.cr-apply-h h2{font-size:34px}
.cr-ts-h h2{font-size:30px}
.cr-later-note{background:var(--bg-soft);color:var(--ink);border-radius:var(--radius-lg)}
.cr-check,.cr-track .done i{background:var(--accent)}
.cr-done h1{font-size:clamp(40px,5vw,72px)}
.cr-done h1 em{color:var(--signal)}
.cr-bar .btn{border-radius:var(--radius)}
@media (max-width:960px){#app .wrap{padding:0 20px}}