@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body .intro h1,body .catalogue h1,body .stats strong,body .option-letter{font-family:Inter,system-ui,sans-serif;font-weight:700}
body,body button,body input,body textarea{font-family:Inter,system-ui,sans-serif}
/* Échelle commune aux onze parcours : navigation, corps, titres, annotations. */
:root{--atelier-texte:14px;--atelier-secondaire:12px;--atelier-titre:16px;--atelier-interligne:1.6}
.atelier-navigation{display:flex;flex-wrap:wrap;gap:12px 24px;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--line);font:600 14px/1.5 Inter,system-ui,sans-serif}
.atelier-navigation a{color:var(--blue);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.atelier-navigation a:hover{text-decoration:underline}
@media print{.atelier-navigation{display:none}}
.atelier button,.atelier input{font-family:inherit}
.atelier .step,.atelier .sections button{font-size:var(--atelier-texte);line-height:1.45;font-weight:500}
.atelier .step[aria-pressed=true],.atelier .sections button[aria-pressed=true]{font-weight:700}
.atelier .sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.atelier .sections button{padding:12px 10px;min-height:64px;overflow-wrap:anywhere}
.atelier .sections button span,.atelier .step .num{font-size:var(--atelier-secondaire);line-height:1.4}
.atelier .middle,.atelier .output{padding:24px}
.atelier .middle h2{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:12px 0 24px}
.atelier .middle p,.atelier .item,.atelier .source-row,.atelier .question,
.atelier .agent p,.atelier .dropzone p,.atelier .category-links button,
.atelier .checklist label,.atelier .form-note,.atelier .mini p,.atelier .mini .key{
  font-size:var(--atelier-texte);line-height:var(--atelier-interligne)
}
.atelier .item b,.atelier .source-row b,.atelier .agent strong,.atelier .dropzone strong{
  font-size:var(--atelier-titre);line-height:1.4;font-weight:700;margin-bottom:8px
}
.atelier .item,.atelier .source-row,.atelier .question{padding:16px 0}
.atelier .item p{margin:0}
.atelier .agent,.atelier .dropzone{margin:24px 0;padding:20px}
.atelier .agent p{margin:8px 0 0}
.atelier .middle .textbutton,.atelier .primary,.atelier .quiet{font-size:var(--atelier-texte);line-height:1.45}
.atelier .middle-actions{margin-top:24px;gap:12px}
.atelier .source-row small,.atelier .question small,.atelier .subtle,
.atelier .mini .mini-note,.atelier .output-note,.atelier .output-head small,.atelier .steps p{
  font-size:var(--atelier-secondaire);line-height:1.5
}
.atelier .mini{padding:20px}
.atelier .mini h3{font-size:20px;line-height:1.3;margin:12px 0 20px}
.atelier .mini .key{padding:16px;margin:12px 0}
.atelier .mini .key strong{font-size:var(--atelier-titre);line-height:1.4;margin:4px 0 8px}
.atelier .label{font-size:11px;line-height:1.5}
@media(max-width:650px){
  .atelier .middle,.atelier .output{padding:20px}
  .atelier .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .atelier .step{padding:12px 8px;gap:8px;min-height:52px}
  .atelier .middle h2{font-size:23px}
  .atelier .agent,.atelier .dropzone{padding:16px}
}