.callout{display:flex;gap:var(--spacing-3);margin:var(--spacing-6) 0;padding:var(--spacing-4);border-radius:var(--radius-lg);border-left:4px solid;background:#fff}.callout-info{background:#008b8b14;border-color:var(--color-secondary)}.callout-warning{background:#f59e0b14;border-color:var(--color-warning)}.callout-success{background:#10b98114;border-color:var(--color-success)}.callout-tip{background:#f5822014;border-color:var(--color-primary)}.callout-icon{font-size:var(--font-size-lg);flex-shrink:0}.callout-content{color:var(--color-text-secondary)}.article-figure{margin:var(--spacing-6) 0;border-radius:var(--radius-xl);overflow:hidden;background:#fff;border:1px solid var(--color-border)}.article-figure-illustration{border-color:#f582204d}.article-figure-infographie{border-color:#008b8b4d}.article-image{width:100%;height:auto;display:block;aspect-ratio:1 / 1;object-fit:cover}.article-figcaption{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;background:var(--color-surface)}@media(min-width:768px){.article-figure{max-width:600px;margin-left:auto;margin-right:auto}}.quiz-container{margin:var(--spacing-6) 0;padding:var(--spacing-6);background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-xl);contain:content;box-shadow:var(--shadow-sm)}.quiz-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.quiz-icon{font-size:var(--font-size-2xl)}.quiz-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.quiz-progress{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.quiz-progress-bar{flex:1;height:6px;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.quiz-progress-text{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.quiz-question-text{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-5);line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:var(--spacing-3)}.quiz-option{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);text-align:left;cursor:pointer;transition:all var(--transition-base);min-height:56px}.quiz-option:hover:not(:disabled){border-color:var(--color-primary);background:#f582200d}.quiz-option:disabled{cursor:default}.quiz-option-correct{border-color:var(--color-success)!important;background:#10b9811a!important}.quiz-option-incorrect{border-color:var(--color-error)!important;background:#ef44441a!important}.quiz-option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-md);flex-shrink:0}.quiz-option-correct .quiz-option-letter{background:var(--color-success)}.quiz-option-incorrect .quiz-option-letter{background:var(--color-error)}.quiz-option-text{flex:1}.quiz-option-icon{font-size:var(--font-size-lg);font-weight:700}.quiz-option-correct .quiz-option-icon{color:var(--color-success)}.quiz-option-incorrect .quiz-option-icon{color:var(--color-error)}.quiz-explication{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4);background:#008b8b1a;border:1px solid rgba(0,139,139,.3);border-radius:var(--radius-lg);animation:fadeIn .3s ease}.quiz-explication-icon{font-size:var(--font-size-lg);flex-shrink:0}.quiz-explication p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.quiz-next-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;margin-top:var(--spacing-5);padding:var(--spacing-4);background:var(--color-primary);color:#fff;font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-base);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.quiz-next-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-orange)}.quiz-complete{text-align:center}.quiz-result{padding:var(--spacing-6) 0}.quiz-result-emoji{font-size:4rem;display:block;margin-bottom:var(--spacing-4)}.quiz-result-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-text);margin:0 0 var(--spacing-4)}.quiz-result-score{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.score-value{font-family:var(--font-heading);font-size:var(--font-size-5xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-separator,.score-total{font-size:var(--font-size-3xl);color:var(--color-text-muted)}.quiz-result-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.quiz-result-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.quiz-retry-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:transparent;border:2px solid var(--color-border);color:var(--color-text);font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.quiz-retry-btn:hover{border-color:var(--color-primary);background:#f582200d}.quiz-cta-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-primary)!important;color:#fff!important;font-weight:600;text-decoration:none!important;border-radius:var(--radius-lg);transition:all var(--transition-base)}.quiz-cta-btn:hover,.quiz-cta-btn:focus,.quiz-cta-btn:active,.quiz-cta-btn:visited{color:#fff!important;text-decoration:none!important;transform:translateY(-2px);box-shadow:var(--shadow-glow-orange);background:var(--color-primary)!important}@media(hover:none){.quiz-cta-btn:hover{transform:none}.quiz-cta-btn:active{transform:scale(.98);opacity:.9}}@media(min-width:640px){.quiz-result-actions{flex-direction:row;justify-content:center}}.checklist-container{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);contain:content;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.checklist-container.checklist-complete{border-color:#10b98180;background:linear-gradient(135deg,#10b9810d,#fff)}.checklist-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.checklist-icon{color:var(--color-primary)}.checklist-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.checklist-progress{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.checklist-progress-bar{flex:1;height:6px;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease;max-width:200px}.checklist-progress-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.checklist-items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.checklist-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.checklist-item:last-child{border-bottom:none}.checklist-item:hover{background:#f5822008}.checklist-item.checked{background:#10b9810a}.checklist-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:#f582201a;color:var(--color-primary);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-md);flex-shrink:0;margin-top:2px;transition:all .2s ease}.checklist-item.checked .checklist-number{background:#10b98126;color:#059669}.checklist-item-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.checklist-text{font-size:var(--font-size-base);color:var(--color-text);line-height:1.5;transition:all .2s ease}.checklist-item.checked .checklist-text{text-decoration:line-through;color:var(--color-text-muted)}.checklist-conseil{font-size:13px;color:var(--color-text-muted);line-height:1.4;font-style:italic}.checklist-item.checked .checklist-conseil{opacity:.5}.checklist-check-icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-border);transition:all .2s ease;margin-top:2px}.checklist-item.checked .checklist-check-icon{color:#059669}.checklist-complete-message{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid rgba(16,185,129,.3);animation:fadeIn .3s ease}.checklist-complete-emoji{color:#f59e0b}.checklist-complete-message p{margin:0;font-weight:600;color:var(--color-success)}@media(max-width:639px){.quiz-container,.checklist-container{padding:var(--spacing-4)}.quiz-option{padding:var(--spacing-3);min-height:48px}.quiz-option-letter{width:28px;height:28px}.quiz-result-emoji{font-size:3rem}.score-value{font-size:var(--font-size-4xl)}.score-separator,.score-total{font-size:var(--font-size-2xl)}}.comparateur-container{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-xl);contain:content;box-shadow:var(--shadow-sm)}.comparateur-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.comparateur-icon{font-size:var(--font-size-xl)}.comparateur-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.comparateur-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparateur-table{width:100%;border-collapse:collapse;min-width:400px}.comparateur-th,.comparateur-th-critere{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);background:#f5822014;border-bottom:2px solid var(--color-border);transition:all var(--transition-base)}.comparateur-th{text-align:center}.comparateur-th.highlighted{background:#f5822033;color:var(--color-primary)}.comparateur-td,.comparateur-td-critere{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);transition:all var(--transition-base)}.comparateur-td{text-align:center}.comparateur-td-critere{font-weight:500;color:var(--color-text)}.comparateur-td.highlighted{background:#f582200d}.comparateur-recommandation{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4);background:#008b8b1a;border:1px solid rgba(0,139,139,.3);border-radius:var(--radius-lg)}.comparateur-recommandation-icon{font-size:var(--font-size-lg);flex-shrink:0}.comparateur-recommandation p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.avant-apres-container{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);contain:content;box-shadow:var(--shadow-sm)}.avant-apres-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.avant-apres-icon{color:var(--color-primary)}.avant-apres-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.avant-apres-cards{display:flex;align-items:stretch;gap:var(--spacing-4)}.avant-apres-card{flex:1;padding:var(--spacing-4);border-radius:var(--radius-lg);border:2px solid}.avant-card{border-color:#ef44444d;background:#ef44440d}.apres-card{border-color:#10b9814d;background:#10b9810d}.avant-apres-card-header{margin-bottom:var(--spacing-3)}.avant-apres-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full)}.avant-badge{background:#ef444440;color:#dc2626}.apres-badge{background:#10b98140;color:#059669}.avant-apres-card-content{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.avant-apres-list{margin:0;padding:0 0 0 var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.8;list-style:none}.avant-apres-list li{position:relative;padding-left:var(--spacing-3)}.avant-card .avant-apres-list li:before{content:"✗";position:absolute;left:calc(-1 * var(--spacing-2));color:#dc2626;font-weight:600}.apres-card .avant-apres-list li:before{content:"✓";position:absolute;left:calc(-1 * var(--spacing-2));color:#059669;font-weight:600}.avant-apres-arrow{display:flex;align-items:center;font-size:var(--font-size-2xl);color:var(--color-primary);flex-shrink:0}.avant-apres-slider-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-lg);cursor:ew-resize;-webkit-user-select:none;user-select:none}.avant-apres-image-container{position:absolute;inset:0;overflow:hidden}.avant-apres-image-container img{width:100%;height:100%;object-fit:cover}.apres-image{z-index:2}.avant-apres-label{position:absolute;bottom:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md)}.avant-label{left:var(--spacing-3);background:#ef4444e6;color:#fff}.apres-label{right:var(--spacing-3);background:#10b981e6;color:#fff}.avant-apres-handle{position:absolute;top:0;bottom:0;width:4px;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;cursor:ew-resize}.avant-apres-handle-line{flex:1;width:4px;background:var(--color-primary)}.avant-apres-handle-circle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:50%;color:#fff;font-size:var(--font-size-lg);box-shadow:var(--shadow-lg)}@media(max-width:639px){.comparateur-container,.avant-apres-container{padding:var(--spacing-4)}.avant-apres-cards{flex-direction:column;gap:var(--spacing-3)}.avant-apres-arrow{justify-content:center;transform:rotate(90deg)}.comparateur-table{min-width:300px}.comparateur-th,.comparateur-th-critere,.comparateur-td,.comparateur-td-critere{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}}.timeline-container{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);contain:content;box-shadow:var(--shadow-sm)}.timeline-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.timeline-icon{font-size:var(--font-size-xl)}.timeline-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.timeline-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.timeline-item{display:flex;gap:var(--spacing-4);cursor:pointer;transition:all var(--transition-base)}.timeline-item:hover .timeline-card,.timeline-item.active .timeline-card{border-color:var(--color-primary);background:#f582200d}.timeline-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:50%;color:#fff;font-weight:600;font-size:var(--font-size-sm)}.timeline-line{width:2px;flex:1;min-height:20px;background:var(--color-primary);margin:var(--spacing-2) 0}.timeline-card{flex:1;padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.timeline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2);flex-wrap:wrap;gap:var(--spacing-2)}.timeline-etape-titre{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0}.timeline-duree{font-size:var(--font-size-sm);color:var(--color-primary)}.timeline-etape-description{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.temoignages-container{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);contain:content;box-shadow:var(--shadow-sm)}.temoignages-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.temoignages-icon{color:var(--color-primary)}.temoignages-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.temoignages-carousel{display:flex;align-items:center;gap:var(--spacing-4)}.temoignages-nav{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.temoignages-nav:hover{border-color:var(--color-primary);background:#f582200d}.temoignages-card{flex:1;text-align:center}.temoignages-note{display:flex;justify-content:center;gap:var(--spacing-1);margin-bottom:var(--spacing-3);font-size:var(--font-size-lg)}.temoignages-texte{font-size:var(--font-size-lg);font-style:italic;color:var(--color-text);line-height:1.6;margin:0 0 var(--spacing-4);quotes:none}.temoignages-auteur{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}.temoignages-photo{width:48px;height:48px;border-radius:50%;object-fit:cover}.temoignages-auteur-info{display:flex;flex-direction:column;text-align:left}.temoignages-nom{font-weight:600;color:var(--color-text)}.temoignages-role{font-size:var(--font-size-sm);color:var(--color-text-muted)}.temoignages-dots{display:flex;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-4)}.temoignages-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);border:none;cursor:pointer;transition:all var(--transition-base)}.temoignages-dot.active{background:var(--gradient-primary);transform:scale(1.2)}.step-by-step{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.step-by-step-title{display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-4)}.steps-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.step-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.step-item.step-completed{border-color:#10b98180;background:#10b9810d}.step-header{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-4);background:transparent;border:none;cursor:pointer;text-align:left;transition:all var(--transition-base)}.step-header:hover{background:#f582200d}.step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;font-weight:700;border-radius:50%;flex-shrink:0}.step-completed .step-number{background:linear-gradient(135deg,#10b981,#059669)}.step-title{flex:1;font-weight:500;color:var(--color-text)}.step-completed .step-title{text-decoration:line-through;color:var(--color-text-muted)}.step-toggle{font-size:var(--font-size-xl);color:var(--color-text-muted)}.step-content{padding:0 var(--spacing-4) var(--spacing-4);padding-left:calc(32px + var(--spacing-3) + var(--spacing-4));animation:fadeIn .2s ease}.step-content p{margin:0 0 var(--spacing-3);color:var(--color-text-secondary);line-height:1.6}.step-check-btn{padding:var(--spacing-2) var(--spacing-4);background:var(--color-success);color:#fff;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.step-check-btn:hover{transform:translateY(-2px)}.steps-progress{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.steps-progress-bar{flex:1;height:8px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .3s ease;max-width:150px}.steps-progress span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.prompt-tester{margin:var(--spacing-6) 0;padding:var(--spacing-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.prompt-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.prompt-icon{font-size:var(--font-size-xl)}.prompt-label{font-family:var(--font-heading);font-weight:600;color:var(--color-text)}.prompt-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.prompt-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.prompt-code{margin:0;white-space:pre-wrap;font-family:Fira Code,monospace;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6}.prompt-copy-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:var(--gradient-primary);color:#fff;font-family:var(--font-heading);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.prompt-copy-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-orange)}.tool-demo{margin:var(--spacing-6) 0;padding:var(--spacing-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.demo-video,.demo-image,.demo-iframe{width:100%;border-radius:var(--radius-lg)}.demo-description{margin-top:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}