/* ===================== CAREERS PAGE ===================== */
.careers-main{ background: var(--paper); padding-block: clamp(3.5rem,7vw,5.5rem); }

.careers-grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem,5vw,3.5rem); align-items:center; }

/* Scan / QR panel */
.qr-panel{
  background:#fff; border:1px solid var(--line); border-radius: var(--radius-lg);
  padding: clamp(1.8rem,4vw,2.6rem); box-shadow: var(--shadow-card);
  text-align:center; position:relative; overflow:hidden;
}
.qr-panel::before{
  content:""; position:absolute; inset:0;
  background: radial-gradient(120% 120% at 50% 0%, rgba(227,193,90,.12), transparent 55%);
  pointer-events:none;
}
.qr-frame{
  position:relative; width:190px; height:190px; margin:0 auto 1.2rem;
  padding:.7rem; background:#fff;
  border:1px solid var(--line-strong); border-radius: var(--radius-md);
  box-shadow: 0 10px 24px -14px rgba(10,33,64,.35);
}
.qr-code{
  width:100%; height:100%; display:block;
  background:#fff; border-radius: 4px;
}
.qr-panel .qr-title{ font-family: var(--font-mono); font-size:.72rem; letter-spacing:.14em; color: var(--gold-600); text-transform:uppercase; font-weight:600; }
.qr-panel h3{ font-size:1.35rem; margin-top:.4rem; }
.qr-panel .qr-sub{ color: var(--ink-soft); font-size:.9rem; margin-top:.6rem; max-width:34ch; margin-inline:auto; }
.qr-email{
  display:inline-flex; align-items:center; gap:.5rem; margin-top:1.1rem;
  font-family: var(--font-mono); font-size:.72rem; letter-spacing:.06em; color: var(--navy-900);
  border:1px solid var(--line-strong); background: var(--paper-dim);
  padding:.5rem .9rem; border-radius:999px;
}
.qr-email svg{ width:14px; height:14px; stroke: var(--blue-600); }

/* How it works steps */
.careers-copy .steps{ margin-top:1.6rem; display:flex; flex-direction:column; gap:1.1rem; }
.step{ display:flex; gap:1rem; align-items:flex-start; }
.step-num{
  flex:none; width:38px; height:38px; border-radius:50%;
  background: var(--navy-900); color: var(--gold-400);
  display:grid; place-items:center;
  font-family: var(--font-mono); font-weight:600; font-size:.82rem;
}
.step strong{ display:block; color: var(--navy-900); font-size:1rem; }
.step p{ color: var(--ink-soft); font-size:.88rem; margin-top:.25rem; }

/* Focus area note */
.careers-note{
  margin-top:2rem; padding:1.2rem 1.3rem;
  border-left:3px solid var(--gold-500); border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  background: var(--paper-dim); color: var(--navy-900);
  font-size:.9rem; line-height:1.55;
}
.careers-note strong{ color: var(--gold-600); font-family: var(--font-mono); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; display:block; margin-bottom:.3rem; }

@media (max-width:820px){ .careers-grid{ grid-template-columns:1fr; } }