/* HoloBox911 careers: job pages and the application. Loaded only on /careers pages. */
.mcta { display: none !important; }
.c-jobs { display: grid; gap: 16px; list-style: none; padding: 0; margin: 0; }
.c-job { display: block; padding: 24px 26px; border-radius: 18px; border: 1px solid var(--line); background: #fff; color: var(--text); text-decoration: none; transition: transform .25s, box-shadow .25s; }
.c-job:hover { transform: translateY(-3px); box-shadow: 0 16px 40px -20px rgba(15, 18, 34, .35); }
.c-job h3 { font-size: 21px; margin: 0 0 6px; }
.c-job .c-meta { color: var(--muted); font-size: 14px; margin: 0 0 10px; }
.c-job p { margin: 0; color: var(--muted); }
.c-job .go { display: inline-flex; gap: 8px; margin-top: 14px; font-weight: 600; color: #0b5fc0; }
.c-how { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; list-style: none; padding: 0; margin: 20px 0 0; counter-reset: h; }
.c-how li { padding: 18px; border-radius: 14px; border: 1px solid var(--line); background: #fff; counter-increment: h; color: var(--muted); font-size: 15px; }
.c-how li::before { content: counter(h); display: block; font-weight: 700; color: #0b5fc0; margin-bottom: 8px; }
.c-how b { display: block; color: var(--text); margin-bottom: 4px; }
.c-applybar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 22px 0 8px; }
.c-applybar small { color: var(--muted); }
.c-jd h2 { font-size: clamp(21px, 2.6vw, 27px); margin: 30px 0 12px; }
.c-jd p, .c-jd li { color: var(--muted); font-size: 16.5px; line-height: 1.65; }
.c-jd ul { padding-left: 20px; margin: 0; }
.c-jd li { margin-bottom: 6px; }
.c-jd .c-crm { padding: 4px 22px 14px; margin-top: 26px; border-radius: 16px; border: 1px solid color-mix(in srgb, var(--magenta) 45%, transparent); background: color-mix(in srgb, var(--magenta) 5%, #fff); }
.c-jd .c-crm h2 { margin-top: 18px; }
#apply-app { scroll-margin-top: 90px; }
.c-card { padding: 28px; border-radius: 22px; border: 1px solid var(--line); background: #fff; box-shadow: 0 20px 50px -34px rgba(15, 18, 34, .45); }
.c-card h2 { font-size: clamp(23px, 3vw, 31px); margin: 6px 0 16px; outline: none; }
.c-card p { color: var(--muted); line-height: 1.6; }
.c-eyebrow { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #0b5fc0 !important; margin: 0; }
.c-note { font-size: 15px; }
.c-steps { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; list-style: none; padding: 0; margin: 0 0 24px; }
.c-steps li { display: grid; justify-items: center; gap: 4px; font-size: 12px; color: #59607a; text-align: center; }
.c-steps span { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-weight: 600; background: #edeff6; color: #454b63; }
.c-steps em { font-style: normal; }
.c-steps .now span { background: #0b5fc0; color: #fff; }
.c-steps .now { color: var(--text); font-weight: 600; }
.c-steps .past span { background: #107a3f; color: #fff; }
.c-two { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
.c-field { margin: 0 0 18px; }
.c-field label, .c-lab { display: block; font-weight: 600; font-size: 15px; margin-bottom: 7px; color: var(--text); }
.c-field input:not([type=file]), .c-field select, .c-field textarea { width: 100%; min-height: 46px; padding: 11px 14px; font: inherit; font-size: 16px; color: #0f1222; border-radius: 12px; border: 1px solid #b9bfd0; background: #fff; }
.c-field input:focus, .c-field select:focus, .c-field textarea:focus { outline: 2px solid #0b5fc0; outline-offset: 1px; }
.c-field input[type=file] { width: 100%; font-size: 15px; }
.c-field small { display: block; margin-top: 6px; color: #59607a; font-size: 13.5px; }
.c-trap { position: absolute; left: -9999px; }
.c-tick { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; color: var(--muted); margin: 6px 0 18px; }
.c-tick input { width: 20px; height: 20px; flex: 0 0 20px; margin-top: 2px; }
.c-tick a { color: #0b5fc0; text-decoration: underline; }
.c-controls { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.c-yn { display: flex; gap: 10px; }
.c-yn .c-opt { flex: 0 0 96px; text-align: center; }
.c-q { display: grid; gap: 10px; }
.c-opt { min-height: 46px; padding: 11px 16px; text-align: left; font: inherit; font-size: 16px; color: #0f1222; background: #fff; border: 1px solid #b9bfd0; border-radius: 12px; cursor: pointer; }
.c-opt:hover { border-color: #0b5fc0; }
.c-opt[aria-pressed="true"] { background: #0b5fc0; border-color: #0b5fc0; color: #fff; }
.c-err { color: #b00020 !important; font-weight: 500; margin: 10px 0 0; }
.c-video { width: 100%; border-radius: 14px; background: #000; margin-bottom: 12px; aspect-ratio: 16 / 9; }
.c-script summary { cursor: pointer; font-weight: 600; color: #0b5fc0; min-height: 28px; }
.c-script p { font-size: 16px; }
.c-score { font-size: 38px; font-weight: 700; color: #107a3f !important; margin: 0 0 8px; }
.c-words { display: block; font-size: 13.5px; color: #59607a; margin-top: 5px; }
.c-words.over { color: #b00020; font-weight: 600; }
.c-rec { display: flex; align-items: center; gap: 14px; margin: 18px 0; }
.c-clock { font-variant-numeric: tabular-nums; color: #59607a; }
.c-card audio { width: 100%; margin: 0 0 18px; }
.c-task { margin: 0 0 8px; }
.c-task p { margin: 0; font-size: 17px; }
@media (max-width: 760px) {
  .c-how { grid-template-columns: 1fr 1fr; }
  .c-two { grid-template-columns: 1fr; }
  .c-card { padding: 20px 16px; }
  .c-steps em { display: none; }
  .c-steps .now em { display: none; }
  .c-controls .btn { flex: 1 1 auto; justify-content: center; }
}