.si-workshop { margin-block: 1.5rem; padding: 1rem; border: 2px solid #15516a; border-radius: .75rem; background: #fff; color: #15273b; }
.si-workshop__item { margin-block: 1.5rem; min-width: 0; padding: 0; border: 0; }
.si-workshop legend { display: block; font-weight: 700; margin-bottom: .75rem; }
.si-workshop label { display: flex; gap: .75rem; align-items: flex-start; min-height: 48px; margin-block: .6rem; padding: .75rem; border: 1px solid #bdc8d5; border-radius: .5rem; cursor: pointer; line-height: 1.6; }
.si-workshop input[type=radio] { flex: 0 0 20px; width: 20px; height: 20px; margin-top: .2rem; }
.si-workshop__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.si-workshop button { min-height: 48px; padding: .7rem 1rem; font: inherit; font-weight: 700; color: #fff; background: #15516a; border: 2px solid #15516a; border-radius: .4rem; cursor: pointer; }
.si-workshop button:disabled { cursor: default; opacity: .6; }
.si-workshop [type=reset] { color: #15516a; background: #fff; }
.si-workshop :focus-visible { outline: 3px solid #1265a8; outline-offset: 4px; }
.si-workshop [aria-invalid=true] { border: 2px solid #a21b29; }

.si-case { border:1px solid #b8d7df; border-radius:18px; padding:clamp(1rem,3vw,1.5rem); background:#f5fafb; }
.si-case li + li { margin-top:.7rem; }
.si-case__steps { padding-inline-start: 1.4rem; }
.si-case__steps > li > p { margin-block: .45rem; }

/* Garder la place pour lire les corrections sur téléphone. */
@media (max-width: 480px) {
  [data-course-id^="si-premiere-"] .approved-course__section { padding: 1rem; }
  [data-course-id^="si-premiere-"] .approved-course__activity { padding: .55rem; }
  [data-course-id^="si-premiere-"] .si-case { padding: .25rem; border: 0; background: transparent; }
  [data-course-id^="si-premiere-"] .si-case > .approved-learning-correction { padding: .4rem; border: 0; background: transparent; }
  [data-course-id^="si-premiere-"] .si-case > .approved-learning-correction > .approved-learning-correction {
    padding: .8rem 0;
    border-inline: 0;
    border-bottom: 0;
    border-radius: 0;
  }
  [data-course-id^="si-premiere-"] .si-case__steps { padding-inline-start: 1.3rem; }
}
.si-canonical-diagram { display: block; width: 100%; height: auto; }

/* These corrections contain prose, unlike the older letter/answer quiz grid. */
[data-subject="sciences-ingenieur"] .pilot-quiz-fallback > ol {
  padding-inline-start: 1.25rem;
}
[data-subject="sciences-ingenieur"] .pilot-quiz-fallback ul {
  display: block;
  margin-block: .75rem 1.25rem;
}
[data-subject="sciences-ingenieur"] .pilot-quiz-fallback ul > li {
  display: block;
  grid-template-columns: none;
  margin-block: .75rem;
  padding: .85rem;
  border-inline-start: 3px solid #15516a;
  background: #f5fafb;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
