/* Home 19 (Minimal Mist) — extracted from template + safe hero-centering tweak */
.theme-minimal-mist {
  --accent:#60a5fa;      /* Accent */
  --link:#93c5fd;        /* Link */
  --text-soft:#e5e7eb;   /* Soft text on dark */
  --text-strong:#ffffff; /* Strong text on dark */
}
.theme-minimal-mist .bg-brand-gradient{
  background: linear-gradient(180deg,#0b1220 0%,#0d1726 100%);
  color: var(--text-strong);
}
.theme-minimal-mist .link-accent{ color: var(--link); }
.theme-minimal-mist .jt-btn--accent,
.theme-minimal-mist .jt-btn--light{ background:var(--accent); color:#0b1220; }
.theme-minimal-mist .jt-btn--light:hover{ filter:brightness(1.06); }
.theme-minimal-mist .text-accent{ color: var(--link); }

/* ---------- HERO centering (additive, no break) ---------- */
.home19-hero{
  display:flex;
  align-items:center;                /* vertical centering */
  min-height: calc(100vh - 96px);    /* header allowance */
}
@media (max-width: 768px){
  .home19-hero{ min-height: auto; }  /* natural height on small screens */
}

/* -------------------- Global responsive safety rails (additive) -------------------- */
.container{max-width:1280px}
.text-balance{text-wrap:balance}
.text-pretty{text-wrap:pretty}
.minw0{min-width:0}
.flex-wrap-gap{row-gap:.5rem}
.isolate{isolation:isolate}

/* HERO search: stack nicely on phones, prevent overflow */
.jt-typeahead-form .jt-ta-row{
  position:relative; display:flex; align-items:center; gap:.5rem;
  background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:8px;
  box-shadow:0 6px 20px rgba(2,6,23,.10); max-width:980px;
  flex-wrap:wrap; /* allow wrap on tiny screens */
}
.jt-typeahead-form .jt-ta-icon{display:flex; align-items:center; justify-content:center; color:#0f172a}
.jt-typeahead-form .jt-ta-icon svg{width:20px;height:20px}
.jt-typeahead-form .jt-ta-divider{width:1px;height:28px;background:#e5e7eb}
.jt-typeahead-form input{
  flex:1 1 220px; border:0; outline:0; background:#fff; color:#0f172a !important;
  font-size:15px; line-height:1.35; min-width:0;
}
.jt-typeahead-form input::placeholder{color:#6b7280}
.jt-search-btn{
  background: var(--accent); color:#0b1220; border:0; border-radius:10px;
  padding:.7rem 1rem; font-weight:600; white-space:nowrap; cursor:pointer;
  flex:0 0 auto;
}
.jt-search-btn:hover{filter:brightness(1.06)}
.jt-search-btn:focus{outline:2px solid rgba(147,197,253,.55); outline-offset:2px}

/* When the row wraps, hide the vertical divider and stretch fields */
@media (max-width: 640px){
  .jt-typeahead-form .jt-ta-divider{display:none}
  .jt-search-btn{width:100%}
  .jt-typeahead-form .jt-ta-row{padding:10px}
}

/* Counters: 3 -> 2 -> 1 gracefully */
@media (max-width: 640px){
  .jt-counters{grid-template-columns:1fr !important; row-gap:.75rem}
}
@media (min-width: 641px) and (max-width: 900px){
  .jt-counters{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

/* Category tiles hover + responsive spacing */
.jt-cat{background:#f8fbff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;transition:.2s}
.jt-cat:hover{border-color:var(--accent);box-shadow:0 10px 24px rgba(2,6,23,.08);transform:translateY(-1px)}
@media (max-width:480px){ .jt-cat{padding:16px} }

/* Job rows */
.jt-job-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:block;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.jt-job-row:hover{border-color:var(--accent);box-shadow:0 8px 18px rgba(2,6,23,.08);transform:translateY(-1px)}
.jt-logo{width:48px;height:48px;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#2563eb,var(--accent))}
.jt-chip{font-size:12px;line-height:1;background:#f1f5f9;color:#0f172a;border-radius:9999px;padding:6px 10px;white-space:nowrap}
.jt-chip.sky{background:#e0f2fe;color:#0369a1}
.jt-chip.green{background:#e6f0ff;color:#1d4ed8}
.jt-chip.gray{background:#f1f5f9;color:#334155}
.jt-job-flex{display:flex;align-items:flex-start;gap:1rem}
.jt-job-info{flex:1 1 auto;min-width:0}
@media (max-width:480px){
  .jt-job-row{padding:16px}
  .jt-job-flex{gap:.75rem}
}

/* CTA steps & cards small-screen refinement */
.jt-step{display:flex;align-items:center;gap:.4rem;padding:.35rem .55rem;background:rgba(255,255,255,.06);border-radius:9999px}
.jt-step span{display:inline-flex;width:18px;height:18px;border-radius:9999px;align-items:center;justify-content:center;background:var(--accent);color:#0b1220;font-weight:800;font-size:.7rem}
@media (max-width:480px){
  #cta-join .grid{gap:14px}
}

/* Partner cards */
.jt-partner-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;border-radius:12px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);transition:transform .18s ease, background .18s ease}
.jt-partner-logo{max-height:48px;object-fit:contain;opacity:.9;filter:grayscale(100%);transition:opacity .15s ease, filter .15s ease}
.jt-pill{padding:2px 8px;border-radius:9999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);font-size:11px}
.jt-partner-link:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px;border-radius:12px}
@media (prefers-reduced-motion: reduce){
  .jt-partner-card{transition:none}
  .jt-partner-logo{transition:none}
}
@media (hover:hover){
  .jt-partner-card:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
  .jt-partner-card:hover .jt-partner-logo{opacity:1;filter:none}
}

/* Newsletter form: single-column stack on phones */
@media (max-width:640px){
  #jt-nl-form{flex-direction:column;align-items:stretch}
  #jt-nl-form input[type="email"]{width:100%}
  #jt-nl-submit{width:100%}
}

/* Blog cards image height tuning on tiny screens */
@media (max-width:480px){
  .jt-blog-img{height:160px !important}
}