/* Page /professeur — compléments propres à la page (jetons du design system uniquement). */

/* En-tête : nom + rôle dans le h1, portrait (photo 100 × 104 affichée à 120 px au plus) */
.prof-title .pt-name{display:block}
.prof-title .pt-role{display:block;margin-top:var(--s-4);font:italic 500 clamp(1.4rem,1.15rem + 1vw,2.1rem)/1.2 var(--f-display);letter-spacing:0;color:var(--shu-ink)}
.prof-title .pt-role sup{font-style:normal}
.prof-art{grid-column:9 / span 4;justify-self:center;align-self:center;max-width:none;width:auto;display:flex;align-items:flex-start;gap:var(--s-5)}
.page-professeur .portrait-enso{width:166px;margin:0}
.page-professeur .portrait-enso .face img{object-position:50% 30%}
.prof-tate{padding-top:var(--s-3)}

.prof-meta{margin-top:clamp(32px,4vw,56px)}
.prof-meta a{color:var(--sumi);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--rule-strong);text-underline-offset:3px;transition:text-decoration-color .2s}
.prof-meta a:hover{text-decoration-color:var(--shu)}

/* Parcours : titre collant (desktop), frise à plages d’années */
.parcours-key{display:flex;gap:var(--s-3);align-items:baseline;font-size:var(--fs-sm);line-height:1.55;color:var(--sumi-3);max-width:26em}
.parcours-key .k-shu{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--shu);transform:translateY(1px)}
@media (min-width:901px){
  .parcours .split-head{position:sticky;top:calc(var(--head-h) + 40px);align-self:start}
  .parcours .split-body{grid-column:6 / span 7}
}
.chrono--span::before{left:6.3rem}
.chrono--span > li{grid-template-columns:5.2rem minmax(0,1fr);padding-block:var(--s-4)}
.chrono--span > li + li{border-top:1px solid color-mix(in srgb,var(--rule) 60%,transparent)}
.chrono--span > li::before{left:calc(6.3rem - 7px);top:calc(var(--s-4) + 6px)}
.chrono--span > li.is-key::before{left:calc(6.3rem - 9px);top:calc(var(--s-4) + 4px)}
.chrono--span .chrono-y{display:flex;flex-direction:column;align-items:flex-end}
.chrono--span .chrono-to time{font:inherit;color:inherit;text-align:inherit}
.chrono--span .chrono-to{font:500 .8125rem/1.3 var(--f-text);color:var(--sumi-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.chrono--span > li.is-key p{color:var(--sumi)}
.chrono--span > li.is-key time{color:var(--shu-ink)}

/* Contact dans l’appel de fin de page (fond sumi) */
.prof-contact{display:grid;gap:var(--s-2);margin-top:var(--s-2)}
.prof-contact > div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:var(--s-3);align-items:baseline}
.prof-contact dt{font:600 var(--fs-xs)/1.4 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--night-muted)}
.prof-contact dd{font-size:var(--fs-md)}
.prof-contact a{color:var(--night-text);text-decoration:none;border-bottom:1px solid var(--night-rule);overflow-wrap:anywhere;transition:border-color .2s,color .2s;font-variant-numeric:tabular-nums}
.prof-contact a:hover{border-color:var(--night-accent);color:var(--night-em)}

@media (max-width:900px){
  .prof-art{grid-column:1 / -1;grid-row:2;justify-self:start;margin-top:var(--s-5)}
  .prof-tate{display:none}
}
@media (max-width:640px){
  .page-professeur .portrait-enso{width:140px}
  .chrono--span::before{left:4.9rem}
  .chrono--span > li{grid-template-columns:4.1rem minmax(0,1fr);column-gap:1.6rem}
  .chrono--span > li::before{left:calc(4.9rem - 7px)}
  .chrono--span > li.is-key::before{left:calc(4.9rem - 9px)}
  .chrono--span .chrono-to{font-size:.75rem}
  .prof-contact > div{grid-template-columns:1fr;gap:0}
}