/* Scoped additions: keep the existing header, forms and universe styles intact. */
html body .tf-specialites { padding: 64px 24px; background: #fff; color: #202a33; }
html body .tf-specialites-inner { max-width: 1120px; margin: 0 auto; }
html body .tf-specialites-label { margin: 0 0 12px; color: #226098; font-size: 14px; font-weight: 600; }
html body .tf-specialites h1 { font-size: 44px; line-height: 1.15; margin: 0 0 24px; }
html body .tf-specialites h2 { font-size: 30px; line-height: 1.25; margin: 0 0 28px; }
html body .tf-specialites h3 { font-size: 20px; line-height: 1.4; margin: 16px 0 8px; }
html body .tf-specialites p { font-size: 16px; line-height: 1.7; }
html body .tf-specialites-lead { max-width: 780px; font-size: 19px; margin: 0 0 36px; }
html body .tf-specialites-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
html body .tf-specialite { display: block; color: #202a33; text-decoration: none; min-width: 0; }
html body .tf-specialite img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border-radius: 4px; }
html body .tf-specialite[href="/cv"] img { object-position: center 12%; }
html body .tf-specialite h3 { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
html body .tf-specialite h3 span { color: #226098; transition: transform .18s ease; }
html body .tf-specialite p { margin: 0; color: #53616d; }
html body .tf-specialite:hover h3, html body .tf-specialite:focus-visible h3 { color: #226098; }
html body .tf-specialite:hover h3 span { transform: translateX(4px); }
html body .tf-specialites-link { display: inline-block; margin-top: 28px; padding: 10px 0; color: #226098; text-decoration: underline; text-underline-offset: 5px; }
html body .tf-specialites-columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin: 36px 0; }
html body .tf-specialites-columns h2 { font-size: 22px; margin: 0 0 12px; }
html body .tf-specialites-columns p { margin: 0; }
html body .tf-specialites-actions { display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 28px 0 0; align-items: center; }
html body .tf-specialites-actions a { display: inline-flex; min-height: 44px; padding: 10px 0; align-items: center; color: #226098; text-decoration: underline; text-underline-offset: 5px; font-weight: 600; }
html body .tf-specialites-etapes { list-style: none; margin: 32px 0; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 48px; }
html body .tf-specialites-etapes li { display: flex; gap: 18px; align-items: baseline; min-width: 0; }
html body .tf-specialites-etapes li > span { color: #226098; font-size: 18px; flex: 0 0 26px; }
html body .tf-specialites-etapes h3 { margin: 0 0 10px; }
html body .tf-specialites-etapes p { margin: 0; }
html body .tf-specialites-questions { max-width: 900px; margin: 40px 0 0; }
html body .tf-specialites-questions details { border-bottom: 1px solid #dce4eb; padding: 0; background: transparent; }
html body .tf-specialites-questions summary { padding: 20px 0; min-height: 44px; cursor: pointer; font-size: 17px; font-weight: 600; }
html body .tf-specialites-questions details p { margin: 0 0 20px; color: #425260; }
html body .tf-specialites-related { margin: 32px 0 0; color: #53616d; }
html body .tf-specialites-related a { color: #226098; text-decoration: underline; text-underline-offset: 4px; }
html body #processus-shooting .tf-specialites-questions { margin: 36px auto 0; }
html body #methode .tf-specialites-questions { margin-top: 32px; }
@media (max-width:767px) {
  html body .tf-specialites { padding: 44px 20px; }
  html body .tf-specialites h1 { font-size: 32px; }
  html body .tf-specialites h2 { font-size: 26px; }
  html body .tf-specialites-grid, html body .tf-specialites-columns, html body .tf-specialites-etapes { grid-template-columns: minmax(0,1fr); gap: 28px; }
  html body .tf-specialites-grid { gap: 32px; }
  html body .tf-specialite img { aspect-ratio: 3/2; }
  html body .tf-specialites-columns h2 { font-size: 22px; }
  html body .tf-specialites-actions { gap: 6px 24px; }
}
@media (prefers-reduced-motion:reduce) { html body .tf-specialite h3 span { transition: none; transform: none; } }