/* ───────────────────────────────────────────────────────────
   Careers Pages — Supplementary Styles
   (Tailwind CDN handles utility classes; this file covers
    custom animations, scrollbar hiding, and overrides)
   ─────────────────────────────────────────────────────────── */

/* Hide scrollbar on category filter row */
.careers-scroll-hide::-webkit-scrollbar { display: none; }
.careers-scroll-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Animate-in helper (used on success screen) */
@keyframes careersFadeInZoom {
  from { opacity: 0; transform: scale(0.92); }
  to   { opacity: 1; transform: scale(1); }
}
.careers-animate-in {
  animation: careersFadeInZoom 0.5s ease-out both;
}

/* Spinner */
@keyframes careersSpin {
  to { transform: rotate(360deg); }
}
.careers-spinner {
  animation: careersSpin 1s linear infinite;
}

/* Line-clamp fallback (2 lines) */
.careers-line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Prose-like spacing for job description content */
.careers-prose h3 { margin-top: 2.5rem; margin-bottom: 1rem; }
.careers-prose p  { margin-bottom: 1.5rem; line-height: 1.75; }
.careers-prose ul { margin-bottom: 1.5rem; }
.careers-prose li { margin-bottom: 0.5rem; }

/* Override any layout.app body/wrapper max-width that clips our full-bleed hero */
.careers-page-wrapper {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
}