/* ── Job pages in the dashboard style (.cr-page). Loads after careers.css, which pages
   without .cr-page still use as is. The fit-check script (career-fit-check.js) is unchanged. ── */
.cr-page.career-page { padding-top: 54px; }

.cr-page .career-kicker {
  display: inline-block;
  margin-bottom: 16px;
  padding: 7px 14px;
  border: 1.5px solid rgba(32,33,31,.3);
  border-radius: 999px;
  color: #3c3d38;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

/* Hero */
.cr-page .career-hero { padding-bottom: 34px; }
.cr-page .career-hero-copy h1 { margin: 0; color: var(--hd-ink); font-size: clamp(40px, 5.4vw, 72px); font-weight: 400; letter-spacing: -.04em; line-height: 1.02; }
.cr-page .career-hero-copy h1 span { color: inherit; background: linear-gradient(transparent 62%, var(--hd-accent) 62%); }
.cr-page .career-hero-copy > p { max-width: 640px; margin: 22px 0 0; color: #3c3d38; font-size: 16px; line-height: 1.6; }

.cr-hero-cta {
  display: inline-flex;
  margin-top: 26px;
  padding: 13px 24px;
  border-radius: 999px;
  background: #20211f;
  color: #fff;
  font-size: 14.5px;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(32,33,31,.18);
  transition: background .15s, color .15s, transform .15s;
}

.cr-hero-cta:hover { transform: translateY(-1px); background: var(--hd-accent); color: var(--hd-ink); }

/* Section numbers as round badges */
.cr-page .career-section-number {
  display: inline-grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 50%;
  background: #20211f;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
}

/* The role: glass card */
.cr-page .career-brief {
  padding: 30px;
  border: 1px solid rgba(255,255,255,.78);
  border-top: 1px solid rgba(255,255,255,.78);
  border-radius: 30px;
  background: rgba(255,255,255,.62);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  backdrop-filter: blur(14px) saturate(150%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 30px rgba(38,43,50,.05);
}

.cr-page .career-brief-heading { align-items: center; }
.cr-page .career-brief-heading .career-kicker { margin-bottom: 8px; }
.cr-page .career-brief h2,
.cr-page .career-fit-intro h2 { color: var(--hd-ink); font-weight: 400; letter-spacing: -.03em; }
.cr-page .career-copy p { color: #3c3d38; }

.cr-page .career-responsibilities {
  padding: 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 100%, var(--hd-glow), transparent 60%),
    var(--hd-dark);
  color: #fff;
}

.cr-page .career-responsibilities h3 { color: #fff; font-weight: 500; }
.cr-page .career-responsibilities li { border-color: rgba(255,255,255,.14); color: rgba(255,255,255,.85); }
.cr-page .career-responsibilities li::before { background: var(--hd-accent); }
.cr-page .career-responsibilities li:last-child { border-bottom: 0; }
.cr-page .career-brief-heading { margin-bottom: 30px; }
.cr-page .career-brief-grid { padding-left: 92px; }

/* Fit check */
.cr-page .career-fit-section { padding-top: 54px; }
.cr-page .career-fit-intro > p:last-child { color: #3c3d38; }

.cr-page .career-fit-card {
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 30px;
  background: rgba(255,255,255,.7);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  backdrop-filter: blur(14px) saturate(150%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 18px 40px rgba(38,43,50,.08);
}

.cr-page .career-fit-card-top { color: var(--hd-muted); font-weight: 500; }
.cr-page .career-progress { height: 6px; margin: 0 26px; border-radius: 999px; background: rgba(32,33,31,.1); overflow: hidden; }
.cr-page .career-progress span { border-radius: 999px; background: var(--hd-accent); }

.cr-page .career-question-label { color: var(--hd-muted); font-weight: 500; }
.cr-page .career-fit-panel h2 { color: var(--hd-ink); font-weight: 400; letter-spacing: -.025em; }
.cr-page .career-question-note,
.cr-page .career-result > p:not(.career-question-label) { color: #3c3d38; }

.cr-page .career-choice {
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: var(--hd-ink);
  font-weight: 500;
  box-shadow: 0 4px 14px rgba(32,33,31,.08);
}

.cr-page .career-choice:hover { background: var(--hd-accent); color: var(--hd-ink); border-color: transparent; }
.cr-page .career-choice-yes { background: #20211f; color: #fff; }
.cr-page .career-choice-yes:hover { background: var(--hd-accent); color: var(--hd-ink); }
.cr-page .career-choice:focus-visible,
.cr-page .career-text-button:focus-visible,
.cr-page .career-linkedin-cta:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--hd-accent); }

.cr-page .career-fit-privacy { color: var(--hd-muted); }

.cr-page .career-result-mark { border-radius: 50%; background: var(--hd-accent); color: var(--hd-ink); }
.cr-page .career-result-mark-muted { background: rgba(32,33,31,.1); color: var(--hd-muted); }
.cr-page .career-apply-list li { color: #3c3d38; }
.cr-page .career-apply-list li::before { color: var(--hd-ink); }

.cr-page .career-linkedin-cta { border-radius: 999px; background: #20211f; color: #fff; font-weight: 500; }
.cr-page .career-linkedin-cta:hover { background: var(--hd-accent); color: var(--hd-ink); }
.cr-page .career-text-button { color: var(--hd-ink); text-decoration-color: var(--hd-accent-hover); }

@media (max-width: 820px) {
  .cr-page .career-brief { padding: 22px; border-radius: 24px; }
  .cr-page .career-brief-grid { padding-left: 0; }
}

@media (max-width: 560px) {
  .cr-page .career-brief-heading .career-section-number { width: 34px; height: 34px; font-size: 12px; }
  .cr-page .career-fit-card { border-radius: 24px; }
}