/* Scoped additions: typography, restrained editorial hover and focus accents. */
.jtm-type-word { white-space: nowrap; }
.jtm-typing .jtm-type-glyph { opacity: 0; transition: opacity 110ms ease-out; }
.jtm-typing .jtm-type-glyph.is-typed { opacity: 1; }
.jtm-typing .jtm-type-glyph.is-current { position: relative; }
.jtm-typing .jtm-type-glyph.is-current::after {
  content: ""; position: absolute; inset-inline-start: calc(100% + .015em);
  top: .12em; height: .72em; width: 2px; background: var(--gold, #c29d66);
  opacity: .85; pointer-events: none;
}
.jtm-editorial-motion .hero-slide.active .hero-title-line,
.jtm-editorial-motion .masthead h1 { animation: none; }
.article-figure img[src$="kin-emploi-expo-2026.jpg"] {
  width: 100%; max-width: 600px; height: auto; margin-inline: auto; object-fit: contain;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  main .news-card, main .vl-card, main .dossier-card {
    transition: box-shadow 280ms ease, border-color 280ms ease;
  }
  main .news-card:hover, main .news-card:focus-within,
  main .vl-card:hover, main .vl-card:focus-within,
  main .dossier-card:hover, main .dossier-card:focus-within {
    box-shadow: 0 12px 28px -18px rgb(9 37 54 / 35%);
  }
  main .news-card h3 a, main .vl-card h3 a, main .dossier-card h2 a {
    background-image: linear-gradient(var(--gold, #c29d66), var(--gold, #c29d66));
    background-size: 0 1px; background-repeat: no-repeat; background-position: left 100%;
    transition: background-size 360ms cubic-bezier(.2,.7,.2,1);
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
  }
  main .news-card:hover h3 a, main .news-card:focus-within h3 a,
  main .vl-card:hover h3 a, main .vl-card:focus-within h3 a,
  main .dossier-card:hover h2 a, main .dossier-card:focus-within h2 a {
    background-size: 100% 1px;
  }
  main .text-link > span { transition: transform 240ms ease; }
  main .text-link:hover > span, main .text-link:focus-visible > span { transform: translateX(4px); }
  main .vl-poster .vl-play-icon { transition: transform 250ms ease, box-shadow 250ms ease; }
  main .vl-poster:hover .vl-play-icon, main .vl-poster:focus-visible .vl-play-icon {
    transform: translate(-50%, -50%) scale(1.06); box-shadow: 0 0 0 7px rgb(194 157 102 / 13%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .jtm-typing .jtm-type-glyph { opacity: 1 !important; transition: none !important; }
  .jtm-type-glyph::after { display: none !important; }
}
@media print {
  .jtm-typing .jtm-type-glyph { opacity: 1 !important; }
  .jtm-type-glyph::after { display: none !important; }
}