/* Version 26 - lisibilité, respiration et accès rapide des élèves. */
:root{
  --v26-ink:#303030;
  --v26-muted:#626262;
  --v26-line:#e3d9d6;
  --v26-rose:#8e2f3d;
  --v26-rose-soft:#f8eff1;
  --v26-paper:#fffdfb;
  --v26-focus:#145f82;
}

html{scroll-padding-top:138px}
body{color:var(--v26-ink)}
main :is(section,article,div)[id]{scroll-margin-top:138px}

main > :is(.section,.search,.update-panel,#citation-journal-classe,.student-paths){
  width:min(1180px,calc(100% - 40px));
  box-sizing:border-box;
  margin-inline:auto;
}

.hero{padding-bottom:clamp(54px,7vw,92px)}
.hero .lead{max-width:68ch}
.update-panel{margin-top:0;margin-bottom:34px}

.student-paths{
  margin-block:34px 68px;
  padding:clamp(28px,4vw,48px);
  background:var(--v26-paper);
  border:1px solid var(--v26-line);
  border-top:6px solid var(--v26-rose);
}
.student-paths__head{max-width:760px;margin-bottom:28px}
.student-paths__head .eyebrow{margin:0 0 8px;color:var(--v26-rose)}
.student-paths__head h2{margin:0 0 10px;font:400 clamp(30px,4vw,46px)/1.08 Georgia,serif;color:var(--v26-ink)}
.student-paths__head p{max-width:62ch;margin:0;color:var(--v26-muted);font-size:17px;line-height:1.65}
.student-paths__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.student-path{
  display:flex;
  min-height:136px;
  box-sizing:border-box;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  padding:22px;
  color:var(--v26-ink)!important;
  background:#fff;
  border:1px solid var(--v26-line)!important;
  border-left:5px solid var(--v26-rose)!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.student-path:hover{transform:translateY(-2px);background:var(--v26-rose-soft);box-shadow:0 10px 24px rgba(66,37,41,.09)}
.student-path strong{font:400 22px/1.2 Georgia,serif;color:var(--v26-rose)}
.student-path span{font:400 15px/1.5 Helvetica,Arial,sans-serif;color:var(--v26-muted)}
.student-path em{font-style:normal;color:var(--v26-rose)}

#citation-journal-classe{margin-block:0 64px!important;max-width:860px!important;padding:30px clamp(24px,4vw,46px)!important}
#citation-journal-classe p{font-size:clamp(18px,2vw,24px)!important;line-height:1.55!important}

.search{margin-bottom:80px}
main > .section{padding-top:clamp(78px,9vw,118px);padding-bottom:clamp(58px,7vw,96px)}
main > .section + .section{border-top:1px solid var(--v26-line)}
.section-title{max-width:980px}
.section-title > div > p,.section > p,.notice,.uq-note{max-width:76ch;line-height:1.7}
.section-title h2{max-width:22ch;text-wrap:balance}
.path-cards,.assessments,.qualifications,.arv-resource-grid,.uq-grid{gap:clamp(14px,2vw,24px)!important}
.path-cards > *, .assessments > *, .qualifications > *, .arv-resource-grid > *, .uq-grid > *{box-sizing:border-box}

.date-status{
  margin:0 0 28px;
  padding:18px 20px;
  max-width:82ch;
  border-left:5px solid var(--v26-rose);
  background:var(--v26-rose-soft);
  font:400 15px/1.65 Helvetica,Arial,sans-serif;
}
.date-status strong{color:var(--v26-rose)}
.official-sources{margin-top:34px;padding-top:24px;border-top:1px solid var(--v26-line)}
.official-sources > strong{display:block;margin-bottom:12px;font:400 18px/1.4 Georgia,serif;color:var(--v26-rose)}

#espace-enseignant{margin-top:70px;padding:clamp(42px,6vw,76px);background:#f5f3f0;border-top:1px solid #ded8d1;border-bottom:1px solid #ded8d1}
#contacter-le-prof{margin-top:60px}

:is(a,button,input,textarea,select):focus-visible{outline:3px solid var(--v26-focus)!important;outline-offset:4px!important}
.arv-action{min-height:42px;box-sizing:border-box}

@media(max-width:900px){
  .student-paths__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  html{scroll-padding-top:118px}
  main :is(section,article,div)[id]{scroll-margin-top:118px}
  main > :is(.section,.search,.update-panel,#citation-journal-classe,.student-paths){width:min(100% - 24px,1180px)}
  .student-paths{margin-block:22px 52px;padding:25px 18px}
  .student-paths__grid{grid-template-columns:1fr}
  .student-path{min-height:0;padding:19px}
  main > .section{padding-top:64px;padding-bottom:54px}
  .arv-qualification-family .section-title{margin-bottom:24px}
  #espace-enseignant{padding:42px 20px}
}

@media(prefers-reduced-motion:reduce){
  .student-path{transition:none}
}