:root{--primary: #6b7280;--primary-dark: #2f2f2a;--primary-light: #b7a66a;--olive-base: #8f9b6b;--olive-dark: #6f7d4f;--olive-light: #a8b58a;--section-primary: var(--olive-base);--section-primary-hover: var(--olive-dark);--section-danger: #ef4444;--section-danger-bg: rgba(239,68,68,.1);--section-danger-bg-hover: rgba(239,68,68,.2);--section-actions-bg: rgba(143,155,107,.1);--section-actions-bg-hover: rgba(143,155,107,.2);--radius-sm: 6px;--radius-md: 8px;--btn-border-radius: 8px;--section-title-border: #d1d5db;--section-shadow-card: 0 2px 8px rgba(0,0,0,.05);--section-text-light: #374151;--section-text-muted: #6b7280;--transition-base: .25s ease;--transition-fast: .25s ease;--section-card-bg: #ffffff}.dark{--primary: #c1cf9a;--primary-dark: #7c875c;--primary-light: #a8b58a;--olive-base: #a8b58a;--olive-dark: #7c875c;--olive-light: #c1cf9a;--section-primary: var(--olive-base);--section-primary-hover: var(--olive-dark);--section-danger: #f87171;--section-danger-bg: rgba(248,113,113,.15);--section-danger-bg-hover: rgba(248,113,113,.25);--section-actions-bg: rgba(168,181,138,.12);--section-actions-bg-hover: rgba(168,181,138,.2);--section-card-bg: #1f1f1f;--section-title-border: #3f3f3f;--section-text-light: #e5e7eb;--section-text-muted: #9ca3af;--section-shadow-card: 0 2px 8px rgba(0,0,0,.3)}.titlemain{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900;letter-spacing:-1px;text-align:center;margin-bottom:20px;line-height:1.1;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 5px rgba(0,0,0,.1)}h2,h3,h4{margin:30px 0 15px;padding-bottom:6px;border-bottom:2px solid var(--section-title-border);text-shadow:0 1px 2px rgba(0,0,0,.05);letter-spacing:-.5px;transition:color var(--transition-fast)}.title-h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--olive-dark);text-align:left;margin:30px 0 20px;line-height:1.2;border-bottom:3px solid var(--olive-base);padding-bottom:10px;letter-spacing:-.5px;text-shadow:0 1px 3px rgba(0,0,0,.05);transition:color var(--transition-fast)}h2{font-size:1.8rem;font-weight:700;color:var(--olive-dark);border-bottom-color:var(--olive-base)}h3{font-size:1.5rem;font-weight:600;color:var(--olive-base);border-bottom-color:var(--olive-dark);padding-bottom:4px;margin-top:25px}h4{font-size:1.25rem;font-weight:500;color:var(--olive-dark);border-bottom-color:var(--olive-base);padding-bottom:3px;margin-top:20px}.btn-add-bloc{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px auto 30px;padding:14px 28px;font-size:1.05rem;font-weight:600;color:var(--olive-base);background:var(--section-actions-bg);border:2px dashed var(--olive-base);border-radius:var(--btn-border-radius);cursor:pointer;text-decoration:none;transition:var(--transition-base);position:relative;overflow:hidden}.btn-add-bloc:before{content:"➕";font-size:1.2rem}.btn-add-bloc:hover{background:var(--section-actions-bg-hover);color:var(--olive-dark);border-color:var(--olive-dark);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.btn-add-bloc:active{transform:translateY(0)}.page-body{display:grid;grid-template-columns:1fr 3fr;gap:20px;max-width:95%;margin:0 auto;padding:20px}.table-of-contents{position:sticky;top:80px;height:-moz-fit-content;height:fit-content}.table-of-contents .toc-list{max-height:700px;overflow-y:auto;padding-right:10px}.toc-h2{font-size:1.5rem;font-weight:700;color:var(--section-primary);margin-bottom:15px;border-bottom:2px solid var(--section-primary);padding-bottom:5px}.table-of-contents ul{list-style:none;padding:0;margin:0}.table-of-contents ul li{margin-bottom:10px}.table-of-contents ul li a{display:block;padding:6px 12px;color:var(--section-text-light);text-decoration:none;border-radius:var(--radius-sm);transition:all .25s ease;font-weight:500}.table-of-contents ul li a:hover{background:var(--section-actions-bg-hover);color:var(--section-primary-hover);transform:translate(3px);box-shadow:0 3px 10px #0000001a}.table-of-contents ul li ul{margin-top:5px;margin-left:15px}.table-of-contents ul li ul li a{font-size:.95rem;color:var(--section-text-muted)}.table-of-contents ul li ul li a:hover{color:var(--section-primary-hover);background:var(--section-actions-bg-hover)}.table-of-contents ul ul{margin-left:20px}.table-of-contents ul ul ul{margin-left:25px}.table-of-contents ul ul ul ul{margin-left:35px}.page-bloc-content{padding:25px}@media(max-width:1300px){.page-body{grid-template-columns:1fr}.table-of-contents,.page-bloc-content{width:100%;position:static}.table-of-contents{margin-bottom:20px}}@media(max-width:768px){.page-body{padding:15px;gap:15px}.table-of-contents{padding:15px 20px;font-size:.95rem}.toc-h2{font-size:1.3rem}.table-of-contents ul li a{font-size:.95rem;padding:5px 10px}.page-bloc-content{padding:15px}h1.page-title{font-size:1.8rem;text-align:center}}.back-button-container{position:fixed;bottom:30px;right:30px;z-index:999;pointer-events:none}.back-button{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;font-size:var(--section-btn-size);font-weight:600;color:var(--section-primary);text-decoration:none;border:2px solid var(--section-title-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--section-shadow-button);transition:var(--transition-smooth)}.back-button:hover{background:var(--section-card-bg-hover);color:var(--section-primary-hover);border-color:var(--section-primary-hover);transform:translateY(-3px);box-shadow:0 10px 30px var(--shadow-glow-color)}.back-button:hover:before{transform:translate(-4px)}.back-button:active{transform:translateY(0);box-shadow:var(--section-shadow-card)}@media(max-width:768px){.back-button-container{bottom:20px;right:20px}.back-button{padding:12px 18px;font-size:var(--section-btn-size-mobile)}}.section-card--texte.section-text-content ol{list-style:none;counter-reset:lvl0}.section-card--texte.section-text-content ol li.ql-indent-0,.section-card--texte.section-text-content ol li:not([class*=ql-indent]){counter-increment:lvl0;counter-reset:lvl1}.section-card--texte.section-text-content ol li.ql-indent-0:before,.section-card--texte.section-text-content ol li:not([class*=ql-indent]):before{content:counter(lvl0)}.section-card--texte.section-text-content ol li.ql-indent-1{counter-increment:lvl1;counter-reset:lvl2}.section-card--texte.section-text-content ol li.ql-indent-1:before{content:counter(lvl1,lower-alpha)}.section-card--texte.section-text-content ol li.ql-indent-2{counter-increment:lvl2;counter-reset:lvl3}.section-card--texte.section-text-content ol li.ql-indent-2:before{content:counter(lvl2,lower-roman)}.section-card--texte.section-text-content ol li.ql-indent-3{counter-increment:lvl3;counter-reset:lvl4}.section-card--texte.section-text-content ol li.ql-indent-3:before{content:counter(lvl3)}.section-card--texte.section-text-content ol li.ql-indent-4{counter-increment:lvl4}.section-card--texte.section-text-content ol li.ql-indent-4:before{content:counter(lvl4,lower-alpha)}.section-card--texte.section-text-content ol li{position:relative;margin-bottom:5px}.section-card--texte.section-text-content ol li:before{position:absolute;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}.section-card--texte.section-text-content li.ql-indent-1{margin-left:1.4rem}.section-card--texte.section-text-content li.ql-indent-2{margin-left:2.8rem}.section-card--texte.section-text-content li.ql-indent-3{margin-left:4.2rem}.section-card--texte.section-text-content li.ql-indent-4{margin-left:5.6rem}.section-card--texte.section-text-content li.ql-indent-5{margin-left:7rem}.section-card--texte.section-text-content img{max-width:100%}pre{position:relative;padding:16px 18px;margin:16px 0;background:#8f9b6b1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(143,155,107,.35);border-radius:8px;overflow-x:auto;box-shadow:0 6px 18px #00000014}pre code{background:transparent;padding:0;color:#374151;font-size:.95rem;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dark pre{border-color:#a8b58a4d}.dark pre code{color:#e5e7eb}code:not(pre code),.ql-code-inline{display:inline;padding:3px 8px;margin:0 2px;background:#8f9b6b26;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(143,155,107,.3);border-radius:4px;color:#374151;font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;white-space:nowrap;box-shadow:0 2px 6px #0000000f;transition:all .2s ease}code:not(pre code):hover,.ql-code-inline:hover{background:#8f9b6b38;border-color:#8f9b6b73;box-shadow:0 3px 8px #0000001a}.dark code:not(pre code),.dark .ql-code-inline{background:#a8b58a26;border-color:#a8b58a59;color:#e5e7eb;box-shadow:0 2px 8px #0000004d}.dark code:not(pre code):hover,.dark .ql-code-inline:hover{border-color:#a8b58a80;box-shadow:0 3px 10px #0006}pre.ql-syntax,.ql-editor pre.ql-syntax{background:#8f9b6b1f!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(143,155,107,.35)!important;border-radius:8px!important}.dark pre.ql-syntax,.dark .ql-editor pre.ql-syntax{border-color:#a8b58a4d!important}ul,ol{line-height:25px}.page-bloc-content ul{list-style:none;margin:.65rem 0;padding-left:1.6rem}.page-bloc-content ul li{position:relative;margin-bottom:.4rem;line-height:1.65}.page-bloc-content ul li:not([class*=ql-indent]):before,.page-bloc-content ul li.ql-indent-0: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%}.page-bloc-content ul li.ql-indent-1:before{content:"";position:absolute;left:-1.25rem;top:.55em;width:.5rem;height:.5rem;border:2px solid var(--exercice-border);border-radius:50%;background:transparent}.page-bloc-content ul li.ql-indent-2:before{content:"";position:absolute;left:-1.25rem;top:.55em;width:.5rem;height:.5rem;background:var(--exercice-border);border-radius:.15rem}.page-bloc-content ul li.ql-indent-3:before{content:"—";position:absolute;left:-1.35rem;top:.15em;font-weight:700;color:var(--exercice-border)}.page-bloc-content ul li.ql-indent-1{margin-left:1.4rem}.page-bloc-content ul li.ql-indent-2{margin-left:2.8rem}.page-bloc-content ul li.ql-indent-3{margin-left:4.2rem}.page-bloc-content ul li.ql-indent-4{margin-left:5.6rem}.page-bloc-content ul li.ql-indent-5{margin-left:7rem}:root{--page-admin-toolbar-bg: linear-gradient(135deg, #8f9b6b 0%, #b7a66a 100%);--page-admin-toolbar-text: #ffffff;--page-admin-toolbar-border: rgba(143, 155, 107, .3);--page-admin-toolbar-shadow: 0 -4px 12px rgba(143, 155, 107, .25);--page-toggle-bg-off: #ccc;--page-toggle-bg-on: #8f9b6b;--page-toggle-slider-bg: #ffffff;--page-toggle-hover-bg: rgba(255, 255, 255, .2);--bloc-action-bg: rgba(255, 255, 255, .95);--bloc-action-border: rgba(143, 155, 107, .3);--bloc-action-shadow: 0 2px 8px rgba(60, 60, 40, .12);--bloc-action-hover-shadow: 0 4px 12px rgba(143, 155, 107, .25);--bloc-edit-bg: #8f9b6b;--bloc-edit-hover: #7a8659;--bloc-edit-text: #ffffff;--bloc-delete-bg: #dc3545;--bloc-delete-hover: #c82333;--bloc-delete-text: #ffffff;--btn-add-bloc-bg: linear-gradient(135deg, #8f9b6b 0%, #b7a66a 100%);--btn-add-bloc-text: #ffffff;--btn-add-bloc-border: rgba(143, 155, 107, .4);--btn-add-bloc-shadow: 0 4px 12px rgba(143, 155, 107, .3);--btn-add-bloc-hover-shadow: 0 6px 16px rgba(143, 155, 107, .4)}.dark{--page-admin-toolbar-bg: linear-gradient(135deg, #a8b58a 0%, #8f9b6b 100%);--page-admin-toolbar-text: #e7e9dd;--page-admin-toolbar-border: rgba(168, 181, 138, .3);--page-admin-toolbar-shadow: 0 -4px 12px rgba(0, 0, 0, .4);--page-toggle-bg-off: #4a4a4a;--page-toggle-bg-on: #a8b58a;--page-toggle-slider-bg: #e7e9dd;--page-toggle-hover-bg: rgba(255, 255, 255, .1);--bloc-action-bg: rgba(30, 30, 30, .95);--bloc-action-border: rgba(168, 181, 138, .3);--bloc-action-shadow: 0 2px 8px rgba(0, 0, 0, .3);--bloc-action-hover-shadow: 0 4px 12px rgba(168, 181, 138, .3);--bloc-edit-bg: #a8b58a;--bloc-edit-hover: #8f9b6b;--bloc-edit-text: #12140f;--bloc-delete-bg: #ff6b6b;--bloc-delete-hover: #ff5252;--bloc-delete-text: #12140f;--btn-add-bloc-bg: linear-gradient(135deg, #a8b58a 0%, #8f9b6b 100%);--btn-add-bloc-text: #12140f;--btn-add-bloc-border: rgba(168, 181, 138, .4);--btn-add-bloc-shadow: 0 4px 12px rgba(168, 181, 138, .4);--btn-add-bloc-hover-shadow: 0 6px 16px rgba(168, 181, 138, .5)}.admin-toolbar{position:fixed;bottom:0;left:0;right:0;background:var(--page-admin-toolbar-bg);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--page-admin-toolbar-shadow);z-index:1000;border-top:1px solid var(--page-admin-toolbar-border);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.admin-toolbar__title{color:var(--page-admin-toolbar-text);font-weight:600;font-size:1rem;display:flex;align-items:center;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.admin-toolbar__controls{display:flex;gap:15px;align-items:center}.edit-mode-toggle{position:relative;display:inline-block}.edit-mode-toggle input{opacity:0;width:0;height:0}.edit-mode-slider{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;background:var(--page-toggle-hover-bg);padding:6px 12px;border-radius:25px;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-mode-slider:hover{background:#ffffff40}.edit-mode-slider__switch{width:48px;height:24px;background-color:var(--page-toggle-bg-off);border-radius:34px;position:relative;transition:.4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.edit-mode-slider__switch:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:var(--page-toggle-slider-bg);border-radius:50%;transition:.4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.edit-mode-toggle input:checked+.edit-mode-slider .edit-mode-slider__switch{background-color:var(--page-toggle-bg-on)}.edit-mode-toggle input:checked+.edit-mode-slider .edit-mode-slider__switch:before{transform:translate(24px)}.edit-mode-slider__label{color:var(--page-admin-toolbar-text);font-weight:500;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}body:not(.edit-mode-active) .bloc-actions,body:not(.edit-mode-active) .btn-add-bloc{display:none!important}.edit-mode-active .section-card--texte,.edit-mode-active .section-text-content,.edit-mode-active h1,.edit-mode-active h2,.edit-mode-active h3,.edit-mode-active h4{position:relative}.edit-mode-active .section-card--texte:hover:before,.edit-mode-active .section-text-content:hover:before{opacity:.8}.edit-mode-active{padding-bottom:60px}@media(max-width:768px){.admin-toolbar{flex-direction:column;gap:10px;padding:10px 15px}.admin-toolbar__title{font-size:.9rem}.edit-mode-slider__label{font-size:.85rem}.bloc-actions{flex-direction:column;gap:8px}.bloc-action-btn{width:100%;justify-content:center}.btn-add-bloc{width:100%;justify-content:center;padding:10px 20px}.btn-add-bloc--bottom{margin-bottom:100px}}@media(max-width:480px){.admin-toolbar__title span:first-child{display:none}.edit-mode-slider{padding:5px 10px}.edit-mode-slider__switch{width:42px;height:22px}.edit-mode-slider__switch:before{height:16px;width:16px}.edit-mode-toggle input:checked+.edit-mode-slider .edit-mode-slider__switch:before{transform:translate(20px)}.bloc-action-btn{padding:6px 12px;font-size:.85rem}.btn-add-bloc{padding:8px 16px;font-size:.9rem}}.edit-mode-toggle:focus-within .edit-mode-slider{outline:2px solid var(--page-toggle-bg-on);outline-offset:3px}.bloc-action-btn:focus{outline:2px solid currentColor;outline-offset:2px}.btn-add-bloc:focus{outline:2px solid var(--btn-add-bloc-text);outline-offset:3px}.admin-toolbar,.bloc-actions,.bloc-action-btn,.btn-add-bloc,.edit-mode-slider__switch{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.admin-toolbar{animation:slideInFromBottom .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edit-mode-active .bloc-actions,.edit-mode-active .btn-add-bloc{animation:fadeIn .3s ease-out}.bloc-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:12px}.bloc-actions a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;text-decoration:none;transition:var(--transition-fast)}.bloc-actions a.edit{color:var(--section-primary);background:var(--section-actions-bg)}.bloc-actions a.delete{color:var(--section-danger);background:var(--section-danger-bg)}.bloc-actions a.edit:before{content:"✏️";margin-right:4px}.bloc-actions a.delete:before{content:"🗑️";margin-right:4px}.bloc-actions a.edit:hover,.bloc-actions a.delete:hover{transform:translate(2px);box-shadow:0 4px 12px #0000001a}
