/* Mise en page du site de documentation (n'est pas reportée dans Moodle) */
body { background: #fff; color: #262626; }
.doc-header { border-bottom: 3px solid #f74a00; padding: 1.25rem 0; margin-bottom: 2rem; }
.doc-header a { color: #262626; text-decoration: none; font-weight: 700; font-size: 1.25rem; }
.doc-header a:hover, .doc-header a:focus { text-decoration: underline; }
.doc-main { max-width: 56rem; margin: 0 auto; padding: 0 1rem 4rem; }
.doc-main h1 { font-size: 2rem; margin-bottom: .5rem; }
.doc-lead { color: #6d6767; font-size: 1.125rem; margin-bottom: 2rem; max-width: 42rem; }
.doc-section { margin-top: 2.5rem; }
.doc-section > h2 { font-size: 1.25rem; border-bottom: 1px solid #ddd; padding-bottom: .5rem; margin-bottom: 1rem; }
.doc-section p, .doc-section li { max-width: 42rem; }
.doc-main a { color: #db2000; }
.doc-preview { border: 1px dashed #aa9d93; padding: 1.5rem; background: #fff; }
.doc-code { position: relative; }
.doc-code pre { background: #262626; color: #f6f6f2; padding: 1.25rem; max-height: 28rem; overflow: auto; font-size: .8125rem; margin: 0; }
.doc-copy { position: absolute; top: .75rem; right: .75rem; background: #fff; color: #262626; border: 1px solid #fff; padding: .25rem .75rem; font-weight: 700; cursor: pointer; }
.doc-copy:focus-visible { outline: 3px solid #f74a00; outline-offset: 2px; }
.doc-status { min-height: 1.5rem; margin-top: .5rem; color: #6d6767; }
.doc-catalogue { list-style: none; padding: 0; }
.doc-catalogue li { border-left: 3px solid #7b6a65; padding: .25rem 0 .25rem 1rem; margin-bottom: 1rem; }
.doc-catalogue a { font-weight: 700; font-size: 1.125rem; }
.doc-catalogue p { margin: .25rem 0 0; color: #6d6767; }
.doc-todo { color: #6d6767; font-style: italic; }