/* career.css — visuals for Careers page */
:root{
  --cr-primary:#0b63f3;
  --cr-dark:#08131f;
  --cr-ink:#0f172a;
  --cr-muted:#64748b;
  --cr-bg:#f6f7fb;
}

.p-8{padding: 2rem 1rem !important;}
body.career-body{ background: var(--cr-bg); }
.cr-hero{ position:relative; color:#fff; background: linear-gradient(180deg,rgba(8,13,25,.6),rgba(8,13,25,.7)), url('assets/oilgas.jpg') center/cover no-repeat; }
.cr-hero .wrap{ padding: min(12vw,9rem) 1.5rem; }
.cr-eyebrow{ display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:.75rem; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25); padding:.35rem .6rem; border-radius:9999px; backdrop-filter: blur(6px); }
.cr-hed{ font-weight:900; line-height:1.05; }
.cr-sub{ color: #e2e8f0; max-width: 60ch; }
.cr-chip{ display:inline-flex; align-items:center; gap:.5rem; padding:.55rem .85rem; border-radius:9999px; background:#fff; color:#0f172a; font-weight:700; border:1px solid #e2e8f0; }
.cr-chip svg{ width:18px; height:18px; }
.cr-section{ padding: 1.2rem 0;margin-top: 0px !important; }
.cr-card{ background:#fff; border:1px solid #e5e7eb; border-radius:1rem; box-shadow: 0 10px 25px rgba(2,8,23,.06); }
.cr-card:hover{ box-shadow: 0 16px 35px rgba(2,8,23,.08); transform: translateY(-2px); transition: all .2s ease; }
.cr-card .hd{ font-weight:800; }
.cr-benefit{ display:flex; gap:.9rem; }
.cr-benefit-icon{ width:44px; height:44px; border-radius:.8rem; display:grid; place-items:center; background:#eff6ff; border:1px solid #dbeafe; }
.cr-benefit svg{ width:20px; height:20px; color:#0b63f3; }
.cr-steps{ display:grid; gap:1rem; }
.cr-step{ display:flex; gap:1rem; align-items:flex-start; }
.cr-step-num{ width:36px; height:36px; border-radius:9999px; background:#0b63f3; color:#fff; display:grid; place-items:center; font-weight:800; }
.cr-step .t{ font-weight:800; }
.cr-stats{ display:grid; grid-template-columns: repeat(3, 1fr); gap:1rem; }
.cr-stat{ background:#0b1220; color:#fff; border-radius:1rem; padding:1.25rem; text-align:center; }
.cr-stat b{ display:block; font-size: clamp(1.6rem, 3vw, 2.4rem); line-height:1; }
.cr-stat span{ opacity:.9; font-size:.85rem; }
.cr-role{ padding:1rem; border:1px dashed #cbd5e1; border-radius:.9rem; }
.cr-role .t{ font-weight:800; }
.cr-role .tag{ font-size:.75rem; padding:.25rem .55rem; border-radius:.6rem; background:#eef2ff; border:1px solid #e0e7ff; }
.cr-form{ display:grid; grid-template-columns: 1fr; gap:1rem; }
@media (min-width: 900px){ .cr-form{ grid-template-columns: 1fr 1fr; } }
.cr-input,.cr-textarea{ width:100%; border:1px solid #e5e7eb; border-radius:.9rem; padding:.9rem 1rem; background:#fff; }
.cr-input:focus,.cr-textarea:focus{ outline:none; border-color:#93c5fd; box-shadow: 0 0 0 4px rgba(147,197,253,.35); }
.cr-textarea{ min-height: 140px; }
.cr-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; font-weight:800; border-radius:.9rem; padding:.9rem 1.1rem; border:1px solid transparent; background:#0b63f3; color:#fff; cursor:pointer; }
.cr-btn:hover{ filter:brightness(.95); }
.cr-drop{ position:relative; display:flex; align-items:center; justify-content:center; text-align:center; gap:.8rem; padding:1.1rem; border:1.5px dashed #94a3b8; border-radius:1rem; background:#f8fafc; }
.cr-drop.drag{ border-color:#0b63f3; background:#f0f7ff; box-shadow: 0 0 0 4px rgba(11,99,243,.15) inset; }
.cr-drop .name{ font-size:.85rem; color:#475569; }
.cr-drop .browse{ color:#0b63f3; font-weight:800; text-decoration: underline; cursor:pointer; }
.swiper{ --swiper-theme-color: #0b63f3; }
.container{ max-width: 1200px; margin-inline: auto; padding-inline: 1rem; }
.grid-3{ display:grid; gap:1rem; grid-template-columns: repeat(1, 1fr); }
@media (min-width: 768px){ .grid-3{ grid-template-columns: repeat(3, 1fr); } }
.grid-2{ display:grid; gap:1rem; grid-template-columns: 1fr; }
@media (min-width: 900px){ .grid-2{ grid-template-columns: 1.2fr .8fr; } }
.mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.small{ font-size:.85rem; color:#475569; }

/* Accordion styles for Strategy */
.cr-accordion { display:grid; gap:.75rem; }
.cr-acc { background:#fff; border:1px solid #e5e7eb; border-radius:1rem; overflow:hidden; }
.cr-acc summary { list-style:none; cursor:pointer; padding:1rem 1.25rem; display:flex; align-items:center; justify-content:space-between; font-weight:800; }
.cr-acc summary::-webkit-details-marker { display:none; }
.cr-acc .cr-acc-icon{ width:30px; height:30px; margin-left:1rem; border-radius:.5rem; display:grid; place-items:center; background:#eef2ff; border:1px solid #e0e7ff; }
.cr-acc[open] .cr-acc-icon{ background:#dbeafe; }
.cr-acc .cr-acc-content{ padding:0 1.25rem 1rem 1.25rem; color:#475569; }
@media(max-width:1023px) {
  .small{
    text-align: center !important;
  }
  .font-bold{
    text-align: center !important;
  }
  .cr-step-num{
    display: none;
  }
  .margin-70{margin-top: 20px !important;}
  .grid.gap-4{display: none;}
  .container.grid-2.items-start{display: block;}
  .font-semibold{text-align: center !important;}
  h2{text-align: center !important;}
}
@media(min-width:1024px) {
.margin-70{margin-top: 70px !important}
}