/* ==========================================================================
   page-carrieres.php — offres d'emploi (README §7.10)
   --------------------------------------------------------------------------
   Porté du prototype (`style.css` 612-622 + `.jobs` des compléments).
   Un seul ajustement : l'intitulé d'une offre est un `<h3>` et non un `<div>`
   (hiérarchie de titres sans saut, README §12), il faut donc neutraliser la
   marge haute par défaut du titre.
   ========================================================================== */
.jobs{display:grid;gap:12px;}
.job{border:1px solid var(--line);padding:clamp(20px,2.4vw,30px);display:flex;flex-wrap:wrap;align-items:center;gap:20px;transition:border-color .3s ease;}
.job:hover{border-color:var(--orange);}
.job__main{flex:1;min-width:220px;}
.job__meta{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin-bottom:10px;}
.job__t{margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.3;}
.job__d{font-size:14.5px;line-height:1.65;color:var(--secondaire);max-width:640px;}
.job a{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border:1px solid var(--ink);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;}
.job a:hover{background:var(--ink);color:#fff;}
.apply{background:var(--grey-soft);border:1px solid var(--line);padding:clamp(24px,3.4vw,52px);--secondaire:var(--body);}

.h2 + .jobs{margin-top:clamp(22px,3vw,40px);}

/* La bande de candidature (2026-09-09) : AUCUNE règle de rythme entre le `.h2`
   et la grille de champs, et c'est délibéré. Le prototype les laisse se
   toucher (`carrieres.html` 288-290 : `.h2--sm` puis `.form--200`, aucune
   marge déclarée), et un `<form>` ne reçoit pas de marge de l'agent
   utilisateur — vérifié au navigateur le 2026-09-09, capture à l'appui. La
   règle `.h2 + .jobs` ci-dessus, elle, EST dans le prototype (`style.css`
   706) : ce sont deux cas différents, pas un oubli. */