/* 3DM Careers — all rules scoped to .tdm-careers so the theme is untouched. */
.tdm-careers {
  --blue:#2B3EE8; --lime:#C8F135; --black:#0C0C0C; --primary-rgb:43,62,232; --on-primary:#ffffff; --on-accent:#0C0C0C;
  --tdm-font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gray1:#F5F6FA; --tag-bg:#F5F6FA; --tag-text:#5C6070; --gray2:#E8EAF0; --gray3:#9CA3B0; --gray4:#5C6070; --white:#ffffff; --r:10px;
  font-family:var(--tdm-font);
  color:var(--black); line-height:1.6; background:var(--white);
}
.tdm-careers *,
.tdm-careers *::before,
.tdm-careers *::after { box-sizing:border-box; }
.tdm-careers h1,
.tdm-careers h2,
.tdm-careers h3,
.tdm-careers h4,
.tdm-careers p,
.tdm-careers ul { margin:0; padding:0; }
.tdm-careers h1,
.tdm-careers h2,
.tdm-careers h3,
.tdm-careers h4,
.tdm-careers input,
.tdm-careers select,
.tdm-careers textarea,
.tdm-careers button { font-family:inherit; letter-spacing:normal; }
.tdm-careers a { text-decoration:none; }
.tdm-careers .btn-primary {
  background: var(--blue);
  color: var(--on-primary);
  font-weight: 700;
  font-size: 0.875rem;
  padding: 0.8rem 2rem;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  font-family: var(--tdm-font);
  text-decoration: none;
  display: inline-block;
  transition: opacity 0.15s;
}
.tdm-careers .btn-primary:hover { opacity: 0.88; }
/* ── SECTION WRAP ── */
.tdm-careers .wrap { max-width: 1080px; margin: 0 auto; }
.tdm-careers .section { padding: 5rem 3rem; }
/* ── JOBS ── */
.tdm-careers .section-label {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gray3);
  margin-bottom: 0.6rem;
}
.tdm-careers .section-title {
  font-size: clamp(1.6rem, 3vw, 2.25rem);
  font-weight: 800;
  color: var(--black);
  letter-spacing: -0.03em;
  margin-bottom: 0.5rem;
}
.tdm-careers .section-sub {
  font-size: 0.9rem;
  color: var(--gray3);
  max-width: 480px;
}
/* Filters */
.tdm-careers .filters {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 2rem 0 1.75rem;
  flex-wrap: wrap;
}
.tdm-careers .chip {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--gray4);
  background: var(--gray1);
  border: 1.5px solid transparent;
  padding: 0.4rem 1rem;
  border-radius: 50px;
  cursor: pointer;
  font-family: var(--tdm-font);
  transition: all 0.12s;
}
.tdm-careers .chip:hover { border-color: var(--gray2); }
.tdm-careers .chip.on { background: var(--blue); color: var(--on-primary); }
/* Job rows */
.tdm-careers .job-row {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--gray2);
  cursor: default;
  transition: background 0.12s;
}
.tdm-careers .job-row:first-child { border-top: 1px solid var(--gray2); }
.tdm-careers .dept-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.tdm-careers .dot-blue { background: var(--blue); }
.tdm-careers .dot-lime { background: var(--lime); }
.tdm-careers .dot-gray { background: var(--gray3); }
.tdm-careers .job-name {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--black);
  flex: 1;
}
.tdm-careers .job-pills {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.tdm-careers .pill {
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.25rem 0.7rem;
  border-radius: 50px;
  white-space: nowrap;
}
.tdm-careers .pill-dept { background: var(--gray1); color: var(--gray4); }
.tdm-careers .pill-loc { background: var(--gray1); color: var(--gray4); }
.tdm-careers .pill-new { background: rgba(var(--primary-rgb),0.08); color: var(--blue); }
.tdm-careers .pill-hot { background: var(--lime); color: var(--on-accent); }
.tdm-careers .pill-remote { background: #E6FAF0; color: #1A7A4A; }
.tdm-careers .pill-urgent { background: #FEE8E8; color: #B02020; }
.tdm-careers .job-row-btns { display: flex; gap: 0.5rem; flex-shrink: 0; }
.tdm-careers .btn-sm-ghost {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--gray4);
  background: none;
  border: 1.5px solid var(--gray2);
  padding: 0.35rem 0.9rem;
  border-radius: 50px;
  cursor: pointer;
  font-family: var(--tdm-font);
  transition: border-color 0.12s, color 0.12s;
}
.tdm-careers .btn-sm-ghost:hover { border-color: var(--blue); color: var(--blue); }
.tdm-careers .btn-sm-blue {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--on-primary);
  background: var(--blue);
  border: none;
  padding: 0.35rem 0.9rem;
  border-radius: 50px;
  cursor: pointer;
  font-family: var(--tdm-font);
  transition: opacity 0.12s;
}
.tdm-careers .btn-sm-blue:hover { opacity: 0.85; }
.tdm-careers .empty { padding: 3rem; text-align: center; color: var(--gray3); font-size: 0.875rem; display: none; }
/* ── MODAL ── */
.tdm-careers .modal-tag {
  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--blue); margin-bottom: 0.5rem;
}
.tdm-careers .modal-pills { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.tdm-careers .modal-pill {
  font-size: 0.75rem; font-weight: 500;
  padding: 0.3rem 0.8rem; border-radius: 50px;
  background: var(--gray1); color: var(--gray4);
}
.tdm-careers .modal-section { margin-bottom: 1.5rem; }
.tdm-careers .modal-section h3 {
  font-size: 0.72rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.1em;
  color: var(--gray3); margin-bottom: 0.75rem;
}
.tdm-careers .modal-section p { font-size: 0.875rem; color: var(--gray4); line-height: 1.7; }
.tdm-careers .modal-section ul { padding-left: 1.25rem; }
.tdm-careers .modal-section ul li { font-size: 0.875rem; color: var(--gray4); margin-bottom: 0.4rem; }
.tdm-careers .salary-line {
  background: rgba(var(--primary-rgb),0.05);
  border: 1px solid rgba(var(--primary-rgb),0.12);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 1.5rem;
}
.tdm-careers .salary-line .s-lbl { font-size: 0.72rem; font-weight: 700; color: var(--gray3); text-transform: uppercase; letter-spacing: 0.08em; }
.tdm-careers .salary-line .s-val { font-size: 1.1rem; font-weight: 800; color: var(--black); }
/* ── FORM ── */
.tdm-careers .form-section { background: var(--gray1); }
.tdm-careers .form-inner { max-width: 700px; margin: 0 auto; }
/* Stepper */
.tdm-careers .steps {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2.5rem;
  gap: 0;
}
.tdm-careers .step-w { display: flex; flex-direction: column; align-items: center; }
.tdm-careers .step-c {
  width: 34px; height: 34px;
  border-radius: 50%;
  font-size: 0.8rem; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  background: var(--gray2); color: var(--gray3);
  transition: all 0.2s;
}
.tdm-careers .step-c.active { background: var(--blue); color: var(--on-primary); }
.tdm-careers .step-c.done { background: var(--lime); color: var(--on-accent); }
.tdm-careers .step-l-name {
  font-size: 0.65rem; font-weight: 600;
  color: var(--gray3); margin-top: 0.3rem;
  text-align: center; white-space: nowrap;
}
.tdm-careers .step-l-name.active { color: var(--blue); }
.tdm-careers .step-l-name.done { color: #2A7A1A; }
.tdm-careers .step-connector {
  flex: 1; height: 2px;
  background: var(--gray2);
  margin: 16px 6px 0;
  transition: background 0.2s;
  min-width: 16px;
}
.tdm-careers .step-connector.done { background: var(--lime); }
/* Form card */
.tdm-careers .fcard {
  background: var(--white);
  border: 1px solid var(--gray2);
  border-radius: 16px;
  padding: 2.5rem;
}
.tdm-careers .fstep { display: none; }
.tdm-careers .fstep.active { display: block; }
.tdm-careers .fg { margin-bottom: 1.125rem; }
.tdm-careers .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.125rem; margin-bottom: 1.125rem; }
.tdm-careers .fg label {
  display: block;
  font-size: 0.78rem; font-weight: 700;
  color: var(--black); margin-bottom: 0.4rem;
}
.tdm-careers .fg label .req { color: var(--blue); }
.tdm-careers .fg input,
.tdm-careers .fg select,
.tdm-careers .fg textarea {
  width: 100%;
  border: 1.5px solid var(--gray2);
  border-radius: 8px;
  padding: 0.7rem 0.9rem;
  font-size: 0.875rem;
  font-family: var(--tdm-font);
  color: var(--black);
  background: var(--white);
  outline: none;
  transition: border-color 0.15s;
}
.tdm-careers .fg input:focus,
.tdm-careers .fg select:focus,
.tdm-careers .fg textarea:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(var(--primary-rgb),0.08);
}
.tdm-careers .fg textarea { min-height: 96px; resize: vertical; }
.tdm-careers .upload {
  border: 2px dashed var(--gray2);
  border-radius: 10px;
  padding: 1.75rem;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  margin-top: 0.4rem;
}
.tdm-careers .upload:hover { border-color: var(--blue); background: rgba(var(--primary-rgb),0.02); }
.tdm-careers .upload input { display: none; }
.tdm-careers .upload .u-ico { font-size: 1.5rem; margin-bottom: 0.4rem; }
.tdm-careers .upload .u-t { font-size: 0.82rem; font-weight: 700; color: var(--black); }
.tdm-careers .upload .u-s { font-size: 0.72rem; color: var(--gray3); margin-top: 0.2rem; }
.tdm-careers .upload .u-f { font-size: 0.78rem; font-weight: 700; color: var(--blue); margin-top: 0.5rem; }
.tdm-careers .ck-row { display: flex; gap: 0.75rem; align-items: flex-start; margin-bottom: 0.875rem; }
.tdm-careers .ck-row input { accent-color: var(--blue); margin-top: 3px; flex-shrink: 0; }
.tdm-careers .ck-row label { font-size: 0.8rem; color: var(--gray4); }
.tdm-careers .review-box {
  background: var(--gray1);
  border: 1px solid var(--gray2);
  border-radius: 10px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.tdm-careers .r-role-lbl { font-size: 0.68rem; font-weight: 700; color: var(--gray3); text-transform: uppercase; letter-spacing: 0.09em; margin-bottom: 0.25rem; }
.tdm-careers .r-role-val { font-size: 1rem; font-weight: 800; color: var(--black); padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--gray2); }
.tdm-careers .r-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.875rem; }
.tdm-careers .r-item .ri-l { font-size: 0.68rem; font-weight: 700; color: var(--gray3); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.2rem; }
.tdm-careers .r-item .ri-v { font-size: 0.875rem; font-weight: 600; color: var(--black); }
.tdm-careers .fnav {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 1.5rem; border-top: 1px solid var(--gray2); margin-top: 1.5rem;
}
.tdm-careers .btn-back {
  background: none; border: 1.5px solid var(--gray2);
  padding: 0.65rem 1.5rem; border-radius: 50px;
  font-size: 0.82rem; font-weight: 600; color: var(--gray4);
  cursor: pointer; font-family: var(--tdm-font); transition: border-color 0.12s;
}
.tdm-careers .btn-back:hover { border-color: var(--gray3); }
.tdm-careers .btn-next {
  background: var(--blue); color: var(--on-primary); border: none;
  padding: 0.65rem 1.75rem; border-radius: 50px;
  font-size: 0.82rem; font-weight: 700;
  cursor: pointer; font-family: var(--tdm-font); transition: opacity 0.12s;
}
.tdm-careers .btn-next:hover { opacity: 0.88; }
.tdm-careers .btn-submit {
  background: var(--lime); color: var(--on-accent); border: none;
  padding: 0.65rem 1.75rem; border-radius: 50px;
  font-size: 0.82rem; font-weight: 800;
  cursor: pointer; font-family: var(--tdm-font); transition: opacity 0.12s;
}
.tdm-careers .btn-submit:hover { opacity: 0.88; }
.tdm-careers .success { display: none; text-align: center; padding: 3rem 1rem; }
.tdm-careers .success.show { display: block; }
.tdm-careers .s-ico {
  width: 68px; height: 68px; border-radius: 50%;
  background: var(--lime); font-size: 1.75rem;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 1.25rem;
}
.tdm-careers .success h3 { font-size: 1.4rem; font-weight: 800; color: var(--black); letter-spacing: -0.02em; margin-bottom: 0.5rem; }
.tdm-careers .success p { font-size: 0.875rem; color: var(--gray3); max-width: 360px; margin: 0 auto 1.5rem; }
.tdm-careers .success button {
  background: none; border: 1.5px solid var(--gray2);
  padding: 0.6rem 1.5rem; border-radius: 50px;
  font-size: 0.82rem; font-weight: 600; color: var(--gray4);
  cursor: pointer; font-family: var(--tdm-font);
}
@media (max-width: 720px) {
  .tdm-careers .section,
.tdm-careers .form-section { padding-left: 1.25rem; padding-right: 1.25rem; }
  .tdm-careers .grid2 { grid-template-columns: 1fr; }
  .tdm-careers .r-grid { grid-template-columns: 1fr; }
  .tdm-careers .job-pills { display: none; }
  .tdm-careers .job-row { flex-wrap: wrap; }
  .tdm-careers .job-row-btns { width: 100%; }
  .tdm-careers .fcard { padding: 1.5rem; }
}
.tdm-careers .section-title { letter-spacing:-0.03em; }
.tdm-careers .job-name { margin:0; font-family:inherit; line-height:1.35; }
.tdm-careers .job-name a { color:var(--black); text-decoration:none; }
.tdm-careers .job-name a:hover { color:var(--black); text-decoration:underline; text-underline-offset:3px; }
.tdm-careers a.btn-sm-ghost { display:inline-block; }
.tdm-careers .tdm-hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }
.tdm-careers .tdm-error { display:none; color:#B02020; background:#FEE8E8; border-radius:8px; padding:.75rem 1rem; font-size:.82rem; margin-top:1rem; }
.tdm-careers .tdm-error.show { display:block; }
.tdm-careers .fg .is-bad,
.tdm-careers .upload.is-bad { border-color:#C42B2B !important; box-shadow:0 0 0 3px rgba(196,43,43,0.1); }
.tdm-careers .ck-row.is-bad { background:rgba(196,43,43,0.05); border-radius:6px; }
.tdm-careers .btn-submit[disabled] { opacity:.6; cursor:wait; }
.tdm-careers .fg label.upload { display:block; font-weight:400; }
/* Job detail page */
.tdm-single .job-head { padding-bottom:1.5rem; border-bottom:1px solid var(--gray2); }
.tdm-single .back-link { display:inline-block; font-size:.82rem; font-weight:600; color:var(--gray4); margin-bottom:1.25rem; }
.tdm-single .back-link:hover { color:var(--blue); }
.tdm-single .job-body { padding-top:2.5rem; }
.tdm-single .job-grid { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:2.5rem; align-items:start; }
.tdm-single .job-side { position:sticky; top:6rem; }
.tdm-single .salary-line { flex-direction:column; align-items:stretch; gap:1rem; text-align:center; }
.tdm-single .job-content p { font-size:.9rem; color:var(--gray4); line-height:1.75; margin-bottom:.8rem; }
.tdm-single .modal-section ul { padding-left:1.25rem; }
.tdm-single .share { font-size:.82rem; display:flex; gap:1rem; align-items:center; flex-wrap:wrap; }
.tdm-single .share .s-lbl { font-size:.72rem; font-weight:700; color:var(--gray3); text-transform:uppercase; letter-spacing:.08em; }
.tdm-single .share a { color:var(--blue); font-weight:600; }
.tdm-single .closed-note { background:#FEE8E8; color:#B02020; padding:1rem 1.25rem; border-radius:8px; margin-bottom:1.5rem; font-weight:600; font-size:.875rem; }
@media (max-width: 860px) {
  .tdm-single .job-grid { grid-template-columns:1fr; }
  .tdm-single .job-side { position:static; }
}
/* ── Apply methods (form / LinkedIn / email) ── */
.tdm-careers .apply-methods { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:.75rem; margin-bottom:2rem; }
.tdm-careers .am { display:flex; align-items:center; gap:.75rem; text-align:left; background:var(--white); border:1.5px solid var(--gray2); border-radius:12px; padding:.9rem 1rem; cursor:pointer; color:var(--black); transition:border-color .15s, box-shadow .15s; }
.tdm-careers .am:hover { border-color:var(--gray3); }
.tdm-careers .am.on { border-color:var(--blue); box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.08); }
.tdm-careers .am b { display:block; font-size:.85rem; font-weight:700; }
.tdm-careers .am small { display:block; font-size:.72rem; color:var(--gray3); font-weight:500; }
.tdm-careers .am-ico { width:34px; height:34px; flex-shrink:0; border-radius:8px; background:var(--gray1); display:inline-flex; align-items:center; justify-content:center; font-size:1rem; }
.tdm-careers .am-li { background:#0A66C2; color:#fff; font-weight:800; font-size:.95rem; font-family:Arial, sans-serif; }
.tdm-careers .method-panel { display:none; }
.tdm-careers .method-panel.on { display:block; }
.tdm-careers .btn-alt { display:flex; align-items:center; justify-content:center; gap:.5rem; background:var(--white); color:var(--black); border:1.5px solid var(--gray2); border-radius:50px; padding:.6rem 1rem; font-size:.82rem; font-weight:700; transition:border-color .15s; }
.tdm-careers .btn-alt:hover { border-color:var(--gray3); }
.tdm-careers .btn-alt .am-ico { width:22px; height:22px; border-radius:4px; font-size:.72rem; }
.tdm-single .salary-line { gap:.6rem; }
/* ── Listing-only layout (default [tdm_careers]) ── */
.tdm-careers.tdm-list-only { background:transparent; }
.tdm-list-only .section { padding:1rem 0 2.5rem; }
.tdm-careers .count-badge { display:inline-flex; align-items:center; justify-content:center; min-width:1.9rem; height:1.9rem; padding:0 .55rem; margin-left:.4rem; border-radius:50px; background:rgba(var(--primary-rgb),0.08); color:var(--blue); font-size:.95rem; font-weight:800; letter-spacing:0; vertical-align:middle; }
.tdm-careers .filters { margin:1.5rem 0 1.25rem; }
/* Job rows as cards */
.tdm-careers .job-list { display:flex; flex-direction:column; gap:.75rem; }
.tdm-careers .job-row,
.tdm-careers .job-row:first-child { border:1px solid var(--gray2); border-radius:12px; padding:1.1rem 1.25rem; background:var(--white); transition:border-color .15s, box-shadow .15s, transform .15s; }
.tdm-careers .job-row:hover { border-color:rgba(var(--primary-rgb),0.35); box-shadow:0 6px 20px rgba(12,12,12,0.06); }
.tdm-careers .job-name { font-size:1rem; }
.tdm-careers .job-row-btns a.btn-sm-blue { display:inline-block; color: var(--on-primary); }
.tdm-careers .empty a { color:var(--blue); font-weight:600; }
@media (max-width: 720px) {
  .tdm-list-only .section { padding:.5rem 0 2rem; }
  .tdm-careers .job-row { gap:.6rem; padding:1rem; align-items:flex-start; }
  .tdm-careers .job-row .dept-dot { margin-top:.45rem; }
  .tdm-careers .job-name { flex:1 1 calc(100% - 30px); }
  .tdm-careers .job-pills { display:flex; width:100%; padding-left:22px; }
  .tdm-careers .job-pills .pill-dept { display:none; }
  .tdm-careers .job-row-btns { padding-left:22px; }
}
/* Job cards: title on top, tags below, buttons on the right */
.tdm-careers .job-row,
.tdm-careers .job-row:first-child {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:"dot name btns" "dot pills btns";
  column-gap:1rem; row-gap:.45rem; align-items:center;
}
.tdm-careers .job-row .dept-dot { grid-area:dot; align-self:start; margin-top:.5rem; }
.tdm-careers .job-row .job-name { grid-area:name; flex:none; line-height:1.35; }
.tdm-careers .job-row .job-pills { grid-area:pills; display:flex; }
.tdm-careers .job-row .job-row-btns { grid-area:btns; white-space:nowrap; }
.tdm-careers .job-row[style*="display: none"] { display:none !important; }
@media (max-width: 560px) {
  .tdm-careers .job-row,
.tdm-careers .job-row:first-child { grid-template-columns:auto minmax(0,1fr); grid-template-areas:"dot name" "pills pills" "btns btns"; }
  .tdm-careers .job-row .job-pills,
.tdm-careers .job-row .job-row-btns { padding-left:22px; width:auto; }
}
/* ── Job details & separate apply page: fit the theme's content width ── */
.tdm-careers.tdm-single,
.tdm-careers.tdm-apply-page { container-type:inline-size; }
.tdm-single .job-head,
.tdm-single .job-body { padding-left:0; padding-right:0; }
.tdm-single .job-head { padding-top:1rem; }
/* Two columns (details left, Apply box right) when there's room; stacked on narrow screens/themes */
@container (max-width: 720px) {
  .tdm-single .job-grid { grid-template-columns:1fr; gap:1.5rem; }
  .tdm-single .job-side { position:static; order:-1; }
}
.tdm-single .apply-bottom { margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--gray2); }
.tdm-apply-page .apply-top { padding:1rem 0 1.5rem; }
.tdm-apply-page .form-section { background:transparent; padding:0 0 3rem; }
.tdm-apply-page .form-inner { max-width:none; }
.tdm-apply-page .closed-note a { color:inherit; text-decoration:underline; }
/* Job overview facts */
.tdm-careers .job-facts { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:.6rem; margin:0; }
.tdm-careers .job-facts > div { background:var(--gray1); border:1px solid var(--gray2); border-radius:10px; padding:.7rem .9rem; }
.tdm-careers .job-facts dt { font-size:.68rem; font-weight:700; color:var(--gray3); text-transform:uppercase; letter-spacing:.08em; margin:0 0 .15rem; }
.tdm-careers .job-facts dd { font-size:.875rem; font-weight:600; color:var(--black); margin:0; line-height:1.45; }
/* Plugin page template */
.tdm-page .tdm-page-inner { max-width:1080px; margin:0 auto; padding:2.5rem 20px 3rem; }
.tdm-page .tdm-page-title { font-family:var(--tdm-font); font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:800; letter-spacing:-0.03em; line-height:1.15; color:var(--black,#0C0C0C); margin:0 0 .5rem; }
/* Custom question inputs */
.tdm-careers .choice-row { display:flex; flex-wrap:wrap; gap:.5rem 1.25rem; padding:.35rem 0; border-radius:8px; }
.tdm-careers .choice-row.is-bad { background:rgba(196,43,43,0.05); }
.tdm-careers .fg label.choice { display:inline-flex; align-items:center; gap:.4rem; font-weight:500; font-size:.875rem; color:var(--gray4); margin:0; cursor:pointer; }
.tdm-careers .fg .choice input { width:auto; accent-color:var(--blue); }
.tdm-careers .fg label .opt { font-weight:400; color:var(--gray3); }
.tdm-careers .step-empty { font-size:.875rem; color:var(--gray4); }
/* Closed jobs */
.tdm-careers .pill-closed { background:#EEF0F3; color:#5C6070; border:1px solid #D9DCE3; }
.tdm-careers .job-row.is-closed { background:var(--gray1); }
.tdm-careers .job-row.is-closed .job-name a { color:var(--gray4); }
.tdm-careers .job-row.is-closed .dept-dot { opacity:.4; }
.tdm-careers .btn-sm-closed { display:inline-block; font-size:.78rem; font-weight:700; color:var(--gray3); background:var(--gray2); padding:.35rem .9rem; border-radius:50px; cursor:not-allowed; }
.tdm-careers .closed-note a { color:inherit; text-decoration:underline; }
.tdm-careers .pill-salary { background:var(--gray1); color:var(--black); font-weight:700; }

/* ── Filters row + search: theme-proof (themes often restyle inputs/buttons) ── */
.tdm-careers .filters { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.tdm-careers .filters .chip {
  -webkit-appearance:none; appearance:none; margin:0; height:36px; min-height:0; line-height:1; display:inline-flex; align-items:center;
  padding:0 1rem; border:1.5px solid transparent; border-radius:50px; box-shadow:none; text-transform:none; letter-spacing:normal; font-size:.8rem; font-weight:600; font-family:inherit;
  background:var(--gray1); color:var(--gray4);
}
.tdm-careers .filters .chip:hover { background:var(--gray1); color:var(--black); border-color:var(--gray2); }
.tdm-careers .filters .chip.on,
.tdm-careers .filters .chip.on:hover { background:var(--blue); color: var(--on-primary); border-color:var(--blue); }
.tdm-careers .filters .chip:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.tdm-careers .search-box {
  margin-left:auto; position:relative; display:flex; align-items:center; gap:0;
  width:260px; max-width:100%; height:36px; padding:0 .4rem 0 2.1rem;
  background:var(--gray1); border:1.5px solid var(--gray2); border-radius:50px; box-sizing:border-box;
  transition:border-color .15s, box-shadow .15s;
}
.tdm-careers .search-box:focus-within { border-color:var(--blue); box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.1); background:#fff; }
.tdm-careers .search-box .sb-ico { position:absolute; left:.8rem; top:50%; transform:translateY(-50%); color:var(--gray3); pointer-events:none; }
.tdm-careers .search-box:focus-within .sb-ico { color:var(--blue); }
.tdm-careers .search-box input.tdm-q,
.tdm-careers .search-box input.tdm-q:focus {
  -webkit-appearance:none !important; appearance:none !important;
  flex:1; min-width:0; width:auto !important; height:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important;
  border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; outline:none !important;
  font-family:inherit !important; font-size:.82rem !important; font-weight:500 !important; line-height:normal !important; letter-spacing:normal !important; color:var(--black) !important;
}
.tdm-careers .search-box input.tdm-q::placeholder { color:var(--gray3); opacity:1; }
.tdm-careers .search-box input.tdm-q::-webkit-search-cancel-button,
.tdm-careers .search-box input.tdm-q::-webkit-search-decoration { -webkit-appearance:none; display:none; }
.tdm-careers .search-box .sb-clear {
  -webkit-appearance:none; appearance:none; flex:0 0 auto; width:24px; height:24px; min-height:0; margin:0; padding:0;
  display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:50%; box-shadow:none;
  background:var(--gray2); color:var(--gray4); cursor:pointer;
}
.tdm-careers .search-box .sb-clear[hidden] { display:none; }
.tdm-careers .search-box .sb-clear:hover { background:var(--blue); color: var(--on-primary); }
@media (max-width: 720px) {
  .tdm-careers .search-box { margin-left:0; width:100%; order:-1; }
}
/* Country-aware region inputs + country filter */
.tdm-careers [data-region][hidden] { display:none !important; }
.tdm-careers .country-wrap { margin-left:auto; position:relative; display:flex; align-items:center; height:36px; }
.tdm-careers .country-wrap + .search-box { margin-left:0; }
.tdm-careers .country-wrap svg { position:absolute; left:.8rem; color:var(--gray3); pointer-events:none; }
.tdm-careers .country-wrap select.country-filter {
  -webkit-appearance:none !important; appearance:none !important; height:36px !important; min-height:0 !important; margin:0 !important;
  padding:0 2rem 0 2.1rem !important; border:1.5px solid var(--gray2) !important; border-radius:50px !important; box-shadow:none !important;
  background:var(--gray1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239CA3B0' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right .85rem center !important;
  font-family:inherit !important; font-size:.8rem !important; font-weight:600 !important; color:var(--gray4) !important; cursor:pointer; line-height:normal !important;
}
.tdm-careers .country-wrap select.country-filter:focus { border-color:var(--blue) !important; outline:none !important; }
@media (max-width: 720px) {
  .tdm-careers .country-wrap { margin-left:0; width:100%; order:-1; }
  .tdm-careers .country-wrap select.country-filter { width:100%; }
}
.tdm-page { --tdm-font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; }

/* ── Tag icons ── */
.tdm-careers .pill, .tdm-careers .modal-pill { display:inline-flex; align-items:center; gap:.35rem; }
.tdm-careers .tdm-ic { flex:0 0 auto; width:13px; height:13px; opacity:.85; }
.tdm-careers .pill-hot .tdm-ic { fill:currentColor; stroke:none; }

/* ── Tags as plain text: "Engineering · Toronto · Hybrid · CAD $90,000" ── */
.tdm-careers .job-pills.is-text { gap:0 .1rem; row-gap:.25rem; align-items:center; }
.tdm-careers .tag-text { display:inline-flex; align-items:center; gap:.3rem; font-size:.8rem; font-weight:500; color:var(--gray4); white-space:nowrap; }
.tdm-careers .tag-text:not(:last-child)::after { content:'·'; color:var(--gray3); margin:0 .35rem 0 .45rem; font-weight:700; }
.tdm-careers .tag-text.tag-salary { font-weight:500; }
.tdm-careers .tag-text.tag-featured { font-weight:500; }
.tdm-careers .tag-text.tag-featured .tdm-ic { color:#E0A800; fill:#E0A800; stroke:none; opacity:1; }
.tdm-careers .tag-text.tag-urgent { font-weight:500; }
.tdm-careers .tag-text.tag-new { font-weight:500; }

.tdm-careers .tag-text.tag-remote { color:#1A7A4A; }

/* ── Tag colours: light background + black text (Careers → Settings → Colors) ── */
.tdm-careers .pill-dept, .tdm-careers .pill-loc, .tdm-careers .pill-remote, .tdm-careers .pill-salary,
.tdm-careers .pill-new, .tdm-careers .pill-urgent, .tdm-careers .pill-closed, .tdm-careers .modal-pill {
  background:var(--tag-bg); color:var(--tag-text); border:0;
}
.tdm-careers .pill-hot { background:var(--tag-bg); color:var(--tag-text); }
.tdm-careers .pill-hot .tdm-ic, .tdm-careers .tag-text.tag-featured .tdm-ic { color:#E0A800; fill:#E0A800; stroke:none; opacity:1; }
.tdm-careers .pill-urgent .tdm-ic, .tdm-careers .tag-text.tag-urgent .tdm-ic { color:#D92D20; opacity:1; }
.tdm-careers .pill-new .tdm-ic, .tdm-careers .tag-text.tag-new .tdm-ic { color:#00967E; opacity:1; }
.tdm-careers .pill-remote .tdm-ic, .tdm-careers .tag-text.tag-remote .tdm-ic { color:#1A7A4A; opacity:1; }
.tdm-careers .pill-closed { opacity:.7; }
.tdm-careers .job-pills .pill, .tdm-careers .modal-pill { font-weight:600; }
/* Text style: all tags in the tag text colour; badges keep a coloured icon */
.tdm-careers .tag-text, .tdm-careers .tag-text.tag-remote, .tdm-careers .tag-text.tag-urgent,
.tdm-careers .tag-text.tag-new, .tdm-careers .tag-text.tag-salary, .tdm-careers .tag-text.tag-featured { color:var(--tag-text); }
.tdm-careers .tag-text.tag-closed { color:var(--tag-text); opacity:.6; }
.tdm-careers .list-intro { max-width:640px; margin:.35rem 0 0; font-size:.95rem; line-height:1.6; color:var(--gray4); }

/* ═════════════ Responsive polish (phones & small tablets) ═════════════ */
.tdm-careers .job-name a { display:inline-block; padding:.15rem 0; }
.tdm-single .back-link { padding:.4rem 0; }
.tdm-single .share a { display:inline-block; padding:.35rem .15rem; }
.tdm-careers img, .tdm-careers svg, .tdm-careers video, .tdm-careers iframe { max-width:100%; }
.tdm-careers .job-content { overflow-wrap:anywhere; }
.tdm-careers .job-content table { display:block; max-width:100%; overflow-x:auto; }

/* Sticky Apply bar on job pages — phones only */
.tdm-careers .mobile-apply-bar { display:none; }
@media (max-width: 720px) {
  .tdm-careers .mobile-apply-bar {
    display:flex; align-items:center; gap:.75rem; position:fixed; left:0; right:0; bottom:0; z-index:999;
    padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom)); background:#fff; border-top:1px solid var(--gray2);
    box-shadow:0 -6px 20px rgba(12,12,12,0.08);
  }
  .tdm-careers .mobile-apply-bar .mab-info { flex:1; min-width:0; line-height:1.25; }
  .tdm-careers .mobile-apply-bar .mab-info b { display:block; font-size:.85rem; color:var(--black); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .tdm-careers .mobile-apply-bar .mab-info span { display:block; font-size:.75rem; color:var(--gray4); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .tdm-careers .mobile-apply-bar .btn-primary { flex:0 0 auto; padding:.7rem 1.6rem; }
  .tdm-single .job-body { padding-bottom:5.5rem; }

  /* Listing cards: roomy, full-width buttons */
  .tdm-careers .job-row .job-row-btns { display:flex; gap:.5rem; }
  .tdm-careers .job-row .job-row-btns > * { flex:1; text-align:center; min-height:40px; display:inline-flex; align-items:center; justify-content:center; font-size:.82rem; }
  .tdm-careers .filters .chip { height:38px; }

  /* Job overview in two columns */
  .tdm-careers .job-facts { grid-template-columns:repeat(auto-fill, minmax(135px, 1fr)); }
  .tdm-careers .job-facts > div { padding:.6rem .75rem; }

  /* Apply page */
  .tdm-careers .apply-methods { gap:.5rem; }
  .tdm-careers .am { padding:.7rem .85rem; }
  .tdm-careers .fcard { padding:1.25rem; border-radius:12px; }
  .tdm-careers .fg input, .tdm-careers .fg select, .tdm-careers .fg textarea { font-size:16px; } /* stops iPhone zooming into fields */
}
@media (max-width: 480px) {
  .tdm-careers .pill, .tdm-careers .modal-pill { white-space:normal; max-width:100%; line-height:1.35; }
  .tdm-careers .tag-text { white-space:normal; }
  .tdm-careers .section-title { font-size:1.6rem; }
  /* Stepper fits 320px screens */
  .tdm-careers .steps { margin-bottom:1.5rem; }
  .tdm-careers .step-c { width:28px; height:28px; font-size:.72rem; }
  .tdm-careers .step-l-name { font-size:.58rem; white-space:normal; max-width:58px; line-height:1.2; }
  .tdm-careers .step-connector { margin:14px 3px 0; min-width:6px; }
  /* Form buttons: easy to tap */
  .tdm-careers .fnav { gap:.6rem; }
  .tdm-careers .fnav > button, .tdm-careers .fnav > a { flex:1; text-align:center; justify-content:center; min-height:44px; }
  .tdm-careers .fnav > div:empty { display:none; }
  .tdm-careers .salary-line .s-val { font-size:1rem; }
  .tdm-page .tdm-page-inner { padding:1.5rem 16px 2.5rem; }
}

/* Badges right after the job title */
.tdm-careers .job-name { display:flex; align-items:center; flex-wrap:wrap; gap:.25rem .6rem; }
.tdm-careers .job-badges { display:inline-flex; flex-wrap:wrap; gap:.35rem; }
.tdm-careers .job-name .badge { font-size:.68rem; padding:.18rem .6rem; line-height:1.4; font-weight:700; letter-spacing:.01em; }
.tdm-careers .job-name .badge .tdm-ic { width:11px; height:11px; }
.tdm-careers .job-row.is-closed .job-name .badge { opacity:1; }

/* Badges keep their own colours (Featured / Urgent / New / Closed) */
.tdm-careers .pill.pill-hot    { background:var(--lime); color:var(--on-accent); }
.tdm-careers .pill.pill-hot .tdm-ic { color:currentColor; fill:currentColor; }
.tdm-careers .pill.pill-urgent { background:#FEE8E8; color:#B02020; }
.tdm-careers .pill.pill-urgent .tdm-ic { color:currentColor; }
.tdm-careers .pill.pill-new    { background:#E6FAF8; color:#00967E; }
.tdm-careers .pill.pill-new .tdm-ic { color:currentColor; }
.tdm-careers .pill.pill-closed { background:#EEF0F3; color:#5C6070; opacity:1; }

/* LinkedIn tab on the apply page is a plain link out to LinkedIn */
.tdm-careers a.am.am-link { text-decoration:none; }
.tdm-careers a.am.am-link:hover { border-color:#0A66C2; }

/* Job page Apply buttons: all the same size (form, LinkedIn, email) */
.tdm-single .salary-line > a {
  display:flex; align-items:center; justify-content:center; gap:.5rem; width:100%;
  min-height:46px; padding:.65rem 1rem; font-size:.875rem; font-weight:700; line-height:1.2; border-radius:50px; box-sizing:border-box;
}
.tdm-single .salary-line > a .am-ico { width:20px; height:20px; border-radius:4px; font-size:.7rem; flex:0 0 20px; }
.tdm-single .salary-line > a.btn-primary .am-li { background:#fff; color:#0A66C2; }
.tdm-careers .job-row-btns a { line-height:1.2; }

/* Email chooser popup */
.tdm-choose-pop .tmp-x { position:absolute; top:.6rem; right:.7rem; width:32px; height:32px; border:0; border-radius:50%; background:var(--gray1); color:var(--gray4); font-size:1.2rem; line-height:1; cursor:pointer; }

/* ── Icons inside Apply buttons ── */
.tdm-careers .btn-primary, .tdm-careers .btn-sm-blue, .tdm-careers .btn-submit, .tdm-careers .btn-alt { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; }
.tdm-careers .tdm-ic.bi { width:15px; height:15px; opacity:1; flex:0 0 auto; }
.tdm-careers .btn-sm-blue .tdm-ic.bi { width:13px; height:13px; }
.tdm-careers .bi-li { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 18px; border-radius:4px; background:#0A66C2; color:#fff; font:800 .68rem/1 Arial, sans-serif; letter-spacing:0; }
.tdm-careers .btn-primary .bi-li, .tdm-careers .btn-sm-blue .bi-li { background:#fff; color:#0A66C2; }
.tdm-careers .btn-sm-blue .bi-li { width:15px; height:15px; flex-basis:15px; font-size:.6rem; }
.tdm-careers .am-ico .tdm-ic.bi { width:18px; height:18px; color:var(--gray4); }
.tdm-careers .am.on .am-ico .tdm-ic.bi { color:var(--blue); }
.tdm-careers .am b .tdm-ic.bi { width:12px; height:12px; vertical-align:-1px; margin-left:.15rem; }
.tdm-single .salary-line > a .tdm-ic.bi { width:16px; height:16px; }
.tdm-careers .job-row-btns a.btn-sm-blue, .tdm-careers .job-row-btns a.btn-sm-ghost { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; }

/* ── Apply popup (job page) ── */
html.tdm-modal-open, html.tdm-modal-open body { overflow:hidden !important; }
.tdm-careers .tdm-apply-modal { position:fixed; inset:0; z-index:99990; display:flex; align-items:flex-start; justify-content:center; padding:4vh 16px; overflow-y:auto; }
.tdm-careers .tdm-apply-modal[hidden] { display:none !important; }
.tdm-careers .tam-back { position:fixed; inset:0; background:rgba(12,12,12,.25) !important; }
.tdm-careers .tam-box { position:relative; width:100%; max-width:760px; margin:auto 0; background:#fff; border-radius:18px; box-shadow:0 24px 70px rgba(0,0,0,.28); padding:2rem 2rem 1rem; }
.tdm-careers .tam-x { position:absolute; top:.8rem; right:.8rem; z-index:2; width:36px; height:36px; border:0; border-radius:50%; background:var(--gray1); color:var(--gray4); font-size:1.35rem; line-height:1; cursor:pointer; }
.tdm-careers .tam-x:hover { background:var(--gray2); color:var(--black); }
.tdm-careers .tam-box .form-section { background:transparent; padding:0; }
.tdm-careers .tam-box .form-inner { max-width:none; }
.tdm-careers .tam-box .section-title { padding-right:2.5rem; }
.tdm-careers .tam-box .fcard { box-shadow:none; }
@media (max-width: 720px) {
  .tdm-careers .tdm-apply-modal { padding:0; }
  .tdm-careers .tam-box { max-width:none; min-height:100%; border-radius:0; padding:1.25rem 1rem 1rem; margin:0; }
  .tdm-careers .tam-box .fcard { padding:1rem; }
}
.tdm-careers .tdm-apply-modal { align-items:flex-start; }
.tdm-careers .tam-box { margin:0 auto; }
.tdm-careers .tam-box .section-title { font-size:clamp(1.3rem, 2.4vw, 1.7rem); line-height:1.25; }
.tdm-careers .tam-box .section-label { margin-bottom:.35rem; }
.tdm-careers .tam-box .apply-methods { grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); }

/* ── Listing: one Apply button + options menu ── */
@media (max-width: 720px) {
  .tdm-careers .job-row .job-row-btns { display:block; }
      }

/* ── Application form: tighter spacing ── */
.tdm-careers .form-head { margin-bottom:1.25rem; }
.tdm-careers .form-head .section-sub { margin-top:.2rem; }
.tdm-careers .apply-methods { margin-bottom:1.25rem; }
.tdm-careers .steps { margin-bottom:1.25rem; }
.tdm-careers .fcard { padding:1.5rem 1.75rem; }
.tdm-careers .fg { margin-bottom:.8rem; }
.tdm-careers .grid2 { gap:0 .9rem; margin-bottom:0; }
.tdm-careers .fg label { margin-bottom:.3rem; }
.tdm-careers .fg input, .tdm-careers .fg select { padding:.6rem .8rem; }
.tdm-careers .fg textarea { min-height:84px; padding:.6rem .8rem; }
.tdm-careers .upload { padding:1.1rem; margin-top:.2rem; }
.tdm-careers .upload .u-ico { font-size:1.2rem; margin-bottom:.2rem; }
.tdm-careers .fnav { padding-top:1rem; margin-top:.6rem; }
.tdm-careers .review-box { padding:1.1rem; margin-bottom:1rem; }
.tdm-careers .ck-row { margin-bottom:.6rem; }
.tdm-careers .tam-box { padding:1.5rem 1.5rem .75rem; }
@media (max-width: 720px) {
  .tdm-careers .fcard { padding:1rem; }
  .tdm-careers .tam-box { padding:1rem .9rem .5rem; }
}

/* Close (×) buttons: immune to theme/page-builder button styles */
.tdm-careers .tam-x, .tdm-choose-pop .tmp-x {
  all:unset; box-sizing:border-box !important; position:absolute !important; top:.75rem !important; right:.75rem !important; z-index:3 !important;
  width:36px !important; height:36px !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  border-radius:50% !important; background:var(--gray1) !important; color:var(--gray4) !important; cursor:pointer !important;
  line-height:1 !important; font-size:0 !important; box-shadow:none !important; border:0 !important; transform:none !important;
}
.tdm-careers .tam-x:hover, .tdm-choose-pop .tmp-x:hover { background:var(--gray2) !important; color:var(--black) !important; }
.tdm-careers .tam-x:focus-visible, .tdm-choose-pop .tmp-x:focus-visible { outline:2px solid var(--blue) !important; outline-offset:2px !important; }
.tdm-careers .tam-x svg, .tdm-choose-pop .tmp-x svg { display:block !important; width:16px !important; height:16px !important; margin:0 !important; }
/* Popups sit above the WordPress admin bar and sticky theme headers */
.tdm-careers .tdm-apply-modal { z-index:100050; }
@media (max-width: 720px) {
  .tdm-careers .job-row .job-row-btns { display:flex; gap:.5rem; }
  .tdm-careers .job-row .job-row-btns > * { flex:1; }
  }

/* "How would you like to apply?" small popup */
.tdm-choose-pop { background:transparent !important; position:fixed; inset:0; z-index:100050; display:flex; align-items:center; justify-content:center; padding:16px; box-sizing:border-box; }
.tdm-choose-pop *, .tdm-choose-pop *::before, .tdm-choose-pop *::after { box-sizing:border-box; }
.tdm-choose-pop .tcp-back { position:absolute; inset:0; background:rgba(12,12,12,.25) !important; }
.tdm-choose-pop .tcp-box { position:relative; width:100%; max-width:400px; background:#fff; border-radius:18px; padding:1.4rem .75rem .75rem; box-shadow:0 20px 60px rgba(0,0,0,.25); animation:tdm-pop .16s ease-out; }
@keyframes tdm-pop { from { opacity:0; transform:scale(.97); } to { opacity:1; transform:none; } }
.tdm-choose-pop .tmp-x { position:absolute; top:.7rem; right:.7rem; }
.tdm-choose-pop .tcp-title { font-size:1.1rem; font-weight:800; color:var(--black); padding:0 2.6rem 0 .9rem; }
.tdm-choose-pop .tcp-sub { font-size:.85rem; color:var(--gray4); margin:.25rem 0 .75rem; padding:0 .9rem; }
.tdm-choose-pop .tc-item { display:flex; align-items:center; gap:.85rem; padding:.8rem .9rem; border-radius:12px; color:var(--black); text-decoration:none; outline:none; }
.tdm-choose-pop .tc-item + .tc-item { margin-top:.15rem; }
.tdm-choose-pop .tc-item:hover, .tdm-choose-pop .tc-item:focus-visible { background:var(--gray1); color:var(--black); }
.tdm-choose-pop .tcp-list:not(:hover) .tc-item:first-child { background:var(--gray1); }
.tdm-choose-pop .tc-ic { flex:0 0 22px; display:flex; align-items:center; justify-content:center; color:var(--blue); }
.tdm-choose-pop .tc-ic .tdm-ic.bi { width:20px; height:20px; }
.tdm-choose-pop .tc-ic .bi-li { width:20px; height:20px; flex-basis:20px; font-size:.72rem; }
.tdm-choose-pop .tc-txt { display:flex; flex-direction:column; min-width:0; line-height:1.25; }
.tdm-choose-pop .tc-txt b { display:flex; align-items:center; gap:.35rem; font-size:.95rem; font-weight:800; color:var(--black); }
.tdm-choose-pop .tc-txt b .tdm-ic.bi { width:12px; height:12px; color:var(--gray4); }
.tdm-choose-pop .tc-txt small { font-size:.8rem; color:var(--gray4); margin-top:.15rem; }

/* Form popup: compact buttons and fields (!important so theme button/input styles can't enlarge them) */
.tdm-careers .tam-box .btn-back,
.tdm-careers .tam-box .btn-next,
.tdm-careers .tam-box .btn-submit { min-height:0 !important; height:auto !important; padding:.45rem 1.1rem !important; font-size:.78rem !important; line-height:1.3 !important; border-radius:50px !important; letter-spacing:0 !important; text-transform:none !important; box-shadow:none !important; width:auto !important; }
.tdm-careers .tam-box .btn-submit .tdm-ic.bi { width:13px; height:13px; }
.tdm-careers .tam-box .fnav { padding-top:.9rem; margin-top:.9rem; }
.tdm-careers .tam-box .fg { margin-bottom:.6rem; }
.tdm-careers .tam-box .grid2 { gap:.6rem; margin-bottom:.6rem; }
.tdm-careers .tam-box .fg label { font-size:.74rem; margin-bottom:.2rem; }
.tdm-careers .tam-box .fg input:not([type=checkbox]):not([type=radio]):not([type=file]),
.tdm-careers .tam-box .fg select { min-height:0 !important; height:36px !important; padding:.35rem .7rem !important; font-size:.84rem !important; line-height:1.3 !important; border-radius:7px !important; }
.tdm-careers .tam-box .fg textarea { min-height:70px !important; padding:.45rem .7rem !important; font-size:.84rem !important; line-height:1.4 !important; border-radius:7px !important; }
.tdm-careers .tam-box .upload { padding:.9rem !important; }
.tdm-careers .tam-box .upload .u-ico { font-size:1.2rem; margin-bottom:.2rem; }
@media (max-width:600px) {
  .tdm-careers .tam-box .fg input:not([type=checkbox]):not([type=radio]):not([type=file]),
  .tdm-careers .tam-box .fg select,
  .tdm-careers .tam-box .fg textarea { font-size:16px !important; } /* keeps iPhone from zooming in */
  .tdm-careers .tam-box .fg input:not([type=checkbox]):not([type=radio]):not([type=file]),
  .tdm-careers .tam-box .fg select { height:38px !important; }
}
.tdm-careers .tam-box .grid2 .fg { margin-bottom:0; }
.tdm-careers .tam-box .apply-methods { gap:.5rem; margin-bottom:1rem; }
.tdm-careers .tam-box .am { padding:.5rem .7rem !important; gap:.55rem; border-radius:10px; min-height:0 !important; }
.tdm-careers .tam-box .am b { font-size:.8rem; }
.tdm-careers .tam-box .am small { font-size:.68rem; }
.tdm-careers .tam-box .am-ico { width:28px; height:28px; font-size:.85rem; }

.tdm-careers .email-card { padding:1.25rem; }
.tdm-careers .email-card p { font-size:.88rem; color:var(--gray4); margin:0; }

/* Dropdowns stay normal browser selects (themes that swap in fake dropdowns break them in the popup) */
.tdm-careers .nice-select, .tdm-careers .select2-container, .tdm-careers .chosen-container, .tdm-careers .sod_select { display:none !important; }
.tdm-careers select, .tdm-careers select.select2-hidden-accessible, .tdm-careers select.nice-select-hidden {
  display:block !important; position:static !important; visibility:visible !important; opacity:1 !important;
  clip:auto !important; clip-path:none !important; width:100% !important; pointer-events:auto !important;
  -webkit-appearance:menulist; appearance:auto; cursor:pointer; }
.tdm-careers select[hidden], .tdm-careers select:disabled[data-region] { display:none !important; }
.tdm-careers .country-wrap select.country-filter { width:auto !important; }
@media (max-width:720px) { .tdm-careers .country-wrap select.country-filter { width:100% !important; } }

/* Form popup: smaller window */
.tdm-careers .tam-box { max-width:600px; }
.tdm-careers .tam-box .section-title { font-size:clamp(1.15rem, 2vw, 1.4rem) !important; }
.tdm-careers .tam-box .section-sub { font-size:.82rem; margin-bottom:.9rem; }
.tdm-careers .tam-box .steps { margin-bottom:1rem; }
.tdm-careers .tam-box .fcard { padding:1rem 1.1rem !important; }
.tdm-careers .tam-box .step-c { width:28px; height:28px; font-size:.75rem; }

/* Form popup: the form scrolls inside the window (× stays in place) */
.tdm-careers .tdm-apply-modal { align-items:center !important; overflow:hidden !important; padding:24px 16px !important; }
.tdm-careers .tam-box { display:flex !important; flex-direction:column; max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px); overflow:hidden !important; padding:0 !important; margin:auto !important; }
.tdm-careers .tam-scroll { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
  padding:1.5rem 1.25rem .9rem 1.5rem; scrollbar-width:thin; scrollbar-color:rgba(var(--primary-rgb),.45) transparent; }
.tdm-careers .tam-scroll::-webkit-scrollbar { width:8px; }
.tdm-careers .tam-scroll::-webkit-scrollbar-track { background:transparent; margin:14px 0; }
.tdm-careers .tam-scroll::-webkit-scrollbar-thumb { background:rgba(var(--primary-rgb),.35); border-radius:8px; }
.tdm-careers .tam-scroll::-webkit-scrollbar-thumb:hover { background:rgba(var(--primary-rgb),.6); }
@media (max-width: 720px) {
  .tdm-careers .tdm-apply-modal { padding:0 !important; }
  .tdm-careers .tam-box { max-height:100vh; max-height:100dvh; height:100%; min-height:0 !important; border-radius:0 !important; }
  .tdm-careers .tam-scroll { padding:1rem .9rem .75rem; }
}

/* "No open roles" message: larger and easier to read */
.tdm-careers .empty.empty-none { display:flex !important; flex-direction:column; align-items:center; gap:1rem; margin-top:clamp(1.5rem, 3vw, 2.25rem); font-size:clamp(1.15rem, 2.2vw, 1.5rem); font-weight:700; line-height:1.4; color:var(--black); padding:clamp(2.5rem, 6vw, 4rem) 1.25rem; background:var(--gray1); border:1px solid var(--gray2); border-radius:16px; }
.tdm-careers .empty-none .en-ico { width:56px; height:56px; border-radius:50%; background:rgba(var(--primary-rgb),.1); color:var(--blue); display:flex; align-items:center; justify-content:center; }
.tdm-careers .empty-none .en-ico .tdm-ic { width:26px !important; height:26px !important; opacity:1; }
.tdm-careers .empty-none .en-txt { max-width:52ch; }