:root{--exercice-bg: rgba(226, 220, 201, .15);--exercice-title: white;--exercice-bg-code: rgba(143, 155, 107, .15);--exercice-border: #8f9b6b;--exercice-text: var(--text-dark);--exercice-shadow-base: 0 4px 15px rgba(0, 0, 0, .07);--exercice-shadow-elevated: 0 8px 25px rgba(0, 0, 0, .12)}.dark{--exercice-bg: rgba(168, 181, 138, .15);--exercice-bg-code: rgba(168, 181, 138, .2);--exercice-border: #a8b58a;--exercice-text: var(--text-light)}.exercice-block{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;border-radius:var(--radius-lg);margin:1.5rem 0}.exercice-rail{position:relative;display:flex;align-items:flex-start}.exercice-rail:before{content:"";position:absolute;top:.25rem;bottom:.25rem;left:50%;width:2px;background:var(--exercice-border);opacity:.6}.exercice-label{position:relative;z-index:1;background:var(--exercice-border);color:var(--exercice-title);padding:.45rem .6rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.exercice-body{padding-right:.25rem}.exercice-body .section-text-content{font-family:var(--font-sans);font-size:clamp(1rem,2.5vw,1.05rem);color:var(--exercice-text)}.exercice-body .section-text-content p:last-child{margin-bottom:0}.exercice-body .section-text-content code{background:var(--exercice-bg-code);color:var(--exercice-border);padding:.2rem .45rem;border-radius:var(--radius-sm);font-family:Courier New,Consolas,Monaco,monospace;font-size:.95em;font-weight:600}@media(max-width:768px){.exercice-block{grid-template-columns:1fr;gap:.75rem}.exercice-rail{flex-direction:row}.exercice-rail:before{display:none}.exercice-label{writing-mode:horizontal-tb;transform:none;font-size:.75rem}}.exercice-body .section-text-content ol{list-style:none;counter-reset:exercice-counter}.exercice-body .section-text-content ol li{counter-increment:exercice-counter}.exercice-body .section-text-content ol li:before{content:counter(exercice-counter);position:absolute;left:-1.55rem;top:.15em;width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:var(--exercice-border);color:var(--exercice-title);border-radius:.35rem;font-size:20px;font-weight:800;line-height:1;box-shadow:0 2px 6px #00000040}.exercice-body .section-text-content ul,.exercice-body .section-text-content ol{margin:.65rem 0;padding-left:1.6rem}.exercice-body .section-text-content li{position:relative;margin-bottom:.4rem;line-height:1.65}.exercice-body .section-text-content li:last-child{margin-bottom:0}.exercice-body .section-text-content ul{list-style:none}.exercice-body .section-text-content ul li:before{content:"";position:absolute;left:-1.25rem;top:.55em;width:.55rem;height:.55rem;background:linear-gradient(135deg,var(--exercice-border),rgba(143,155,107,.4));border-radius:50%;box-shadow:0 0 0 2px #8f9b6b40,0 2px 4px #00000026}.exercice-body .section-text-content ol{list-style:none;counter-reset:lvl0}.exercice-body .section-text-content ol li.ql-indent-0,.exercice-body .section-text-content ol li:not([class*=ql-indent]){counter-increment:lvl0;counter-reset:lvl1}.exercice-body .section-text-content ol li.ql-indent-0:before,.exercice-body .section-text-content ol li:not([class*=ql-indent]):before{content:counter(lvl0)}.exercice-body .section-text-content ol li.ql-indent-1{counter-increment:lvl1;counter-reset:lvl2}.exercice-body .section-text-content ol li.ql-indent-1:before{content:counter(lvl1,lower-alpha)}.exercice-body .section-text-content ol li.ql-indent-2{counter-increment:lvl2;counter-reset:lvl3}.exercice-body .section-text-content ol li.ql-indent-2:before{content:counter(lvl2,lower-roman)}.exercice-body .section-text-content ol li.ql-indent-3{counter-increment:lvl3;counter-reset:lvl4}.exercice-body .section-text-content ol li.ql-indent-3:before{content:counter(lvl3)}.exercice-body .section-text-content ol li.ql-indent-4{counter-increment:lvl4}.exercice-body .section-text-content ol li.ql-indent-4:before{content:counter(lvl4,lower-alpha)}.exercice-body .section-text-content ol li:before{position:absolute;left:-1.55rem;top:.15em;min-width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--exercice-border);color:var(--exercice-title);border-radius:.35rem;font-size:14px;font-weight:800;line-height:1;box-shadow:0 2px 6px #00000040}.exercice-body .section-text-content li.ql-indent-1{margin-left:1.4rem}.exercice-body .section-text-content li.ql-indent-2{margin-left:2.8rem}.exercice-body .section-text-content li.ql-indent-3{margin-left:4.2rem}.exercice-body .section-text-content li.ql-indent-4{margin-left:5.6rem}.exercice-body .section-text-content li.ql-indent-5{margin-left:7rem}.exercice-body img{max-width:100%}