/* ===== Career Management — page-specific styles ===== */
/* Base tokens, .container, .btn, .breadcrumb, .hero-navy, .hero__grid,
   .hero__title, .hero__subtitle, .hero__checklist/.check-badge all come
   from shared/ronin-shell.css — only page-unique pieces live here. */

.ronin-page .career-hero__eyebrow{
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--gold);margin-bottom:12px;
}
.ronin-page .career-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px;}

.ronin-page .career-hero__how{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-lg);padding:26px 24px;
}
.ronin-page .career-hero__how h2{color:var(--white);font-size:15px;font-weight:700;margin:0 0 18px;}
.ronin-page .career-hero__how-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}
.ronin-page .career-hero__how-list li{display:flex;align-items:center;gap:12px;}
.ronin-page .career-hero__how-num{
  font-size:11px;font-weight:800;color:rgba(255,255,255,.4);flex-shrink:0;width:18px;
}
.ronin-page .career-hero__how-icon{
  width:30px;height:30px;border-radius:50%;flex-shrink:0;
  border:1.5px solid var(--gold);color:var(--gold);
  display:flex;align-items:center;justify-content:center;
}
.ronin-page .career-hero__how-icon svg{width:15px;height:15px;}
.ronin-page .career-hero__how-text{color:#dbe2ee;font-size:12.5px;font-weight:600;line-height:1.4;}

@media (max-width:1024px){
  .ronin-page .hero__grid{grid-template-columns:1fr;}
}