.jobs-hero .lead { max-width: 620px; font-size: .96rem; }
.jobs-hero .tiny-help { font-size: .86rem; margin-top: .28rem; line-height: 1.45; color: var(--muted); font-weight: 800; }
.jobs-card-grid .big-letter { font-size:clamp(3.2rem, 12vw, 7rem); line-height:.95; font-weight:950; color:#35213f; text-shadow:0 10px 24px rgba(65,57,120,.12); }
.jobs-card-grid .letter-word { font-size:clamp(1.05rem, 3vw, 1.45rem); color:#5a4865; font-weight:950; line-height:1.25; }
.jobs-chip { min-width:66px; padding-inline:10px; text-transform:none; }
.options { grid-template-columns:repeat(2,minmax(120px,1fr)); }
.option-btn { font-size:1rem; text-transform:none; }
.write-row { grid-template-columns:minmax(210px,1fr) minmax(170px,260px); }
.typed-answer { font-size:1rem; }
@media (max-width:820px) { .options { grid-template-columns:1fr; } }

/* Kids Zone custom WebP icons: jobs use imageSrc as emoji replacements. */
.jobs-card-grid .big-letter.has-kids-image {
  height: 170px;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jobs-card-grid .kids-listen-item-image {
  height: 280px;
  width: auto;
  max-width: 190px;
  object-fit: contain;
  transform: translateY(0);
  display: block;
}

.jobs-card-grid .big-letter.has-kids-image + .letter-word {
  margin-top: 4px;
}

.jobs-card-grid .kids-listen-scene:has(.big-letter.has-kids-image) {
  transform: translateY(-28px);
}

@media (max-width: 640px) {
  .jobs-card-grid .big-letter.has-kids-image {
    height: 150px;
  }

  .jobs-card-grid .kids-listen-item-image {
    height: 245px;
    max-width: 175px;
  }
}