.hggsp-dossier { margin-block: 1.5rem; }
.hggsp-dossier h4 { font-size: 1.25rem; }
.hggsp-dossier__documents { display: grid; gap: 1rem; }
.hggsp-document { min-width: 0; padding: 1rem; border: 1px solid #bdc8d5; border-radius: .75rem; background: #fff; color: #15273b; }
.hggsp-document h5 { margin: 0 0 1rem; font-size: 1.125rem; line-height: 1.4; }
.hggsp-document dl { margin: 0; font-size: .875rem; }
.hggsp-document dl div { margin-block: .55rem; }
.hggsp-document dt { font-weight: 700; }
.hggsp-document dd { margin: .15rem 0 0; overflow-wrap: anywhere; }
.hggsp-document__context, .hggsp-document__credit { font-size: .875rem; line-height: 1.6; }
.hggsp-document__content { margin-block: 1rem; padding: .25rem 1rem; border-left: 3px solid #75452e; background: #fbf8f3; }
.hggsp-document__content p { line-height: 1.75; }
.hggsp-document__credit a { text-decoration: underline; color: #154e82; }
.hggsp-dossier__task { line-height: 1.75; }
.hggsp-dossier :focus-visible { outline: 3px solid #1265a8; outline-offset: 4px; }
.hggsp-workshop { margin-block: 1.5rem; padding: 1rem; border: 2px solid #75452e; border-radius: .75rem; background: #fff; color: #15273b; }
.hggsp-workshop__item { margin-block: 1.5rem; min-width: 0; padding: 0; border: 0; }
.hggsp-workshop legend { display: block; font-weight: 700; margin-bottom: .75rem; }
.hggsp-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; }
.hggsp-workshop input[type=radio] { flex: 0 0 20px; width: 20px; height: 20px; margin-top: .2rem; }
.hggsp-workshop__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.hggsp-workshop button { min-height: 48px; padding: .7rem 1rem; font: inherit; font-weight: 700; color: #fff; background: #75452e; border: 2px solid #75452e; border-radius: .4rem; cursor: pointer; }
.hggsp-workshop button:disabled { cursor: default; opacity: .6; }
.hggsp-workshop [type=reset] { color: #75452e; background: #fff; }
.hggsp-workshop :focus-visible { outline: 3px solid #1265a8; outline-offset: 4px; }
.hggsp-workshop [aria-invalid=true] { border: 2px solid #a21b29; }
@media (min-width: 1000px) { .hggsp-dossier__documents:has(> :nth-child(2)):not(:has(> :nth-child(3))) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }