.dms-hero__breadcrumb{left:0;margin-inline:auto;max-width:var(--dms-container-max);padding-inline:var(--dms-container-padding);position:absolute;right:0;top:7rem;z-index:2}@media (max-width:768px){.dms-hero__breadcrumb{top:5rem}}.dms-hero:has(.dms-hero__breadcrumb){padding-top:10rem}.dms-breadcrumb{align-items:center;column-gap:.5rem;display:flex;flex-wrap:wrap;font-size:.875rem;row-gap:.375rem}.dms-breadcrumb__item{align-items:center;color:var(--dms-text-muted);display:inline-flex;text-decoration:none;transition:color .2s}.dms-breadcrumb__item:hover{color:var(--dms-cyan-500)}.dms-breadcrumb__sep{align-items:center;color:var(--dms-gray-300);display:inline-flex}.dms-breadcrumb__current{align-items:center;color:var(--dms-navy);display:inline-flex;font-weight:600}.dms-cta-service{background:linear-gradient(135deg,#1b2a4a,#0a1628);color:var(--dms-white);padding:4rem 0}@media (min-width:1024px){.dms-cta-service{padding:5rem 0}}.dms-cta-service__inner{margin:0 auto;max-width:48rem;text-align:center}.dms-cta-service__title{font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}@media (min-width:1024px){.dms-cta-service__title{font-size:3rem}}.dms-cta-service__desc{color:hsla(0,0%,100%,.8);font-size:1.125rem;line-height:1.6;margin:0 0 2.5rem}@media (min-width:1024px){.dms-cta-service__desc{font-size:1.25rem}}.dms-cta-service__form{text-align:left}.dms-form-contact{margin:0 auto;max-width:56rem}.dms-form-contact__form{background:var(--dms-white);border-radius:var(--dms-radius-xl);box-shadow:var(--dms-shadow-xl);padding:2rem;text-align:left}@media (min-width:768px){.dms-form-contact__form{padding:2.5rem}}.dms-form__row{display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}@media (min-width:640px){.dms-form__row{grid-template-columns:1fr 1fr}}.dms-form__field{margin-bottom:1rem}.dms-form__row .dms-form__field{margin-bottom:0}.dms-form__label{color:var(--dms-gray-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:.375rem}.dms-form__required{color:#ef4444}.dms-form__input{background:var(--dms-gray-50);border:1px solid var(--dms-gray-200);border-radius:var(--dms-radius-md);color:var(--dms-gray-900);font-family:inherit;font-size:.9375rem;padding:.75rem 1rem;transition:border-color var(--dms-transition),box-shadow var(--dms-transition);width:100%}.dms-form__input::placeholder{color:var(--dms-gray-500)}.dms-form__input:focus{background:var(--dms-white);border-color:var(--dms-cyan-500);box-shadow:0 0 0 3px rgba(6,182,212,.1);outline:none}.dms-form__textarea{min-height:100px;resize:vertical}.dms-form__select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.dms-form__actions{align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;margin-top:.5rem}@media (max-width:640px){.dms-form__actions{grid-template-columns:1fr}}.dms-form__submit{flex-shrink:0;transition:opacity var(--dms-transition),transform var(--dms-transition),box-shadow var(--dms-transition);white-space:nowrap;width:100%}.dms-form__actions .dms-form__submit:hover{box-shadow:0 4px 14px rgba(6,182,212,.3);opacity:.9}@media (min-width:640px){.dms-form__submit{flex:0 0 auto;width:auto}}.dms-form__or{color:var(--dms-gray-500);font-size:.875rem}.dms-form__phone-btn{border:2px solid var(--dms-gray-200);border-radius:9999px;color:var(--dms-gray-700);padding:.75rem 1.5rem;transition:background var(--dms-transition),color var(--dms-transition),border-color var(--dms-transition);white-space:nowrap}.dms-form__phone-btn:hover{border-color:var(--dms-cyan-500);color:var(--dms-cyan-600)}.dms-form__message{border-radius:var(--dms-radius-md);font-size:.875rem;margin-top:1rem;padding:.75rem 1rem;text-align:center}.dms-form__message--success{background:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.dms-form__message--error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.dms-form__badges{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1.5rem}.dms-form__badge{align-items:center;color:var(--dms-gray-500);display:inline-flex;font-size:.8125rem;gap:.375rem}.dms-form__badge .dms-icon{color:var(--dms-cyan-500)}.dms-form__submit:disabled{cursor:not-allowed;opacity:.7}.dms-card-author{align-items:center;background:var(--dms-white);border:2px solid var(--dms-gray-200);border-radius:var(--dms-radius-xl);display:flex;flex-direction:column;gap:1.5rem;padding:2rem}@media (min-width:640px){.dms-card-author{align-items:flex-start;flex-direction:row}}.dms-card-author__avatar{flex-shrink:0}.dms-card-author__avatar img{border-radius:50%;box-shadow:var(--dms-shadow-lg);height:6rem;object-fit:cover;width:6rem}.dms-card-author__avatar-placeholder{align-items:center;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:50%;color:var(--dms-white);display:flex;height:6rem;justify-content:center;width:6rem}.dms-card-author__name{color:var(--dms-navy);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.dms-card-author__role{color:var(--dms-cyan-500);font-weight:600;margin:0 0 .75rem}.dms-card-author__bio{color:var(--dms-text-muted);line-height:1.6;margin:0 0 1rem}@media (max-width:639px){.dms-card-author{text-align:center}}.dms-hero-dark{background:linear-gradient(135deg,#1b2a4a,#0a1628);color:var(--dms-white);overflow:hidden;padding-bottom:4rem;position:relative;text-align:center}@media (min-width:1024px){.dms-hero-dark{padding-bottom:6rem}}.dms-hero-dark__decor{inset:0;overflow:hidden;pointer-events:none;position:absolute}.dms-hero-dark__decor:after,.dms-hero-dark__decor:before{border-radius:50%;content:"";filter:blur(48px);height:24rem;position:absolute;width:24rem}.dms-hero-dark__decor:before{background:rgba(6,182,212,.1);right:-6rem;top:-6rem}.dms-hero-dark__decor:after{background:rgba(124,58,237,.1);bottom:-6rem;left:-6rem}.dms-hero-dark__inner{margin:0 auto;max-width:48rem;position:relative;z-index:1}.dms-badge--hero{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:9999px;color:#fff;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.dms-badge--hero-green{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#22c55e}.dms-hero-dark h1{font-size:2.25rem;font-weight:800;line-height:1.2;margin:0 0 1.75rem}@media (min-width:1024px){.dms-hero-dark h1{font-size:3rem}}.dms-hero-dark p{color:hsla(0,0%,100%,.8);font-size:1.125rem;line-height:1.6;margin:0}.dms-hero-dark__badges{gap:.75rem;margin-bottom:1.5rem}.dms-hero-dark__badges,.dms-hero-dark__ctas{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.dms-hero-dark__ctas{gap:1rem;margin-top:2rem}.dms-hero-dark .dms-breadcrumb__home,.dms-hero-dark .dms-breadcrumb__item{color:hsla(0,0%,100%,.6)}.dms-hero-dark .dms-breadcrumb__item:hover{color:#fff}.dms-hero-dark .dms-breadcrumb__sep{color:hsla(0,0%,100%,.3)}.dms-hero-dark .dms-breadcrumb__current{color:#fff}.dms-legal__updated{align-items:center;color:hsla(0,0%,100%,.6);display:inline-flex;font-size:.8125rem;gap:.5rem;margin-top:1rem}.dms-tutos-paths__grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.dms-tutos-paths__grid{grid-template-columns:repeat(3,1fr)}}.dms-tutos-paths__card{align-items:flex-start;background:var(--dms-white);border:2px solid var(--dms-gray-200);border-left:4px solid;border-radius:var(--dms-radius-xl);display:flex;gap:1.25rem;padding:1.5rem;transition:box-shadow .2s}.dms-tutos-paths__card:hover{box-shadow:var(--dms-shadow-lg)}.dms-tutos-paths__card-icon{align-items:center;border-radius:.75rem;color:var(--dms-white);display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.dms-tutos-paths__card h3{color:var(--dms-navy);font-size:1.125rem;font-weight:700;margin:0 0 .375rem}.dms-tutos-paths__card p{color:var(--dms-text-muted);font-size:.8125rem;line-height:1.5;margin:0 0 .5rem}.dms-tutos-paths__count{color:var(--dms-text-muted);font-size:.75rem;font-weight:600}.dms-tutos-categories__grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.dms-tutos-categories__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dms-tutos-categories__grid{grid-template-columns:repeat(3,1fr)}}.dms-tutos-categories__card{align-items:center;background:var(--dms-white);border:2px solid var(--dms-gray-200);border-radius:var(--dms-radius-lg);display:flex;gap:1rem;padding:1.25rem;text-decoration:none;transition:border-color .2s,box-shadow .2s}.dms-tutos-categories__card:hover{border-color:#7c3aed;box-shadow:var(--dms-shadow-md)}.dms-tutos-categories__icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:.5rem;color:var(--dms-white);display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.dms-tutos-categories__card h3{align-items:center;color:var(--dms-navy);display:flex;font-size:.9375rem;font-weight:700;gap:.5rem;margin:0}.dms-tutos-categories__count{background:var(--dms-gray-100);border-radius:9999px;color:var(--dms-text-muted);font-size:.6875rem;font-weight:500;padding:.125rem .5rem}.dms-tutos-categories__card p{color:var(--dms-text-muted);font-size:.8125rem;margin:.25rem 0 0}.dms-tutos-latest__grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.dms-tutos-latest__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dms-tutos-latest__grid{grid-template-columns:repeat(3,1fr)}}.dms-tutos-latest__card{background:var(--dms-white);border:2px solid var(--dms-gray-200);border-radius:var(--dms-radius-xl);display:flex;flex-direction:column;padding:1.5rem;text-decoration:none;transition:border-color .2s,box-shadow .2s}.dms-tutos-latest__card:hover{border-color:#7c3aed;box-shadow:var(--dms-shadow-lg)}.dms-tutos-latest__card-meta{display:flex;gap:.5rem;margin-bottom:.75rem}.dms-tutos-latest__card h3{color:var(--dms-navy);font-size:1.0625rem;font-weight:700;line-height:1.4;margin:0 0 .5rem;transition:color .2s}.dms-tutos-latest__card:hover h3{color:#7c3aed}.dms-tutos-latest__card p{color:var(--dms-text-muted);flex:1;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.dms-tutos-latest__card-footer{border-top:1px solid var(--dms-gray-200);color:var(--dms-text-muted);display:flex;font-size:.75rem;gap:1rem;margin-top:auto;padding-top:.75rem}.dms-tutos-latest__card-footer span{align-items:center;display:inline-flex;gap:.25rem}.dms-badge--difficulty-debutant{background:rgba(34,197,94,.1);color:#15803d}.dms-badge--difficulty-intermediaire{background:rgba(245,158,11,.1);color:#a16207}.dms-badge--difficulty-avance{background:rgba(239,68,68,.1);color:#b91c1c}.dms-tuto-hero{background:linear-gradient(135deg,#1b2a4a,#0a1628);color:var(--dms-white);overflow:hidden;padding-bottom:4rem;position:relative}.dms-tuto-hero__decor{inset:0;pointer-events:none;position:absolute}.dms-tuto-hero__decor:after,.dms-tuto-hero__decor:before{border-radius:50%;content:"";filter:blur(64px);height:20rem;position:absolute;width:20rem}.dms-tuto-hero__decor:before{background:rgba(6,182,212,.1);right:-3rem;top:-5rem}.dms-tuto-hero__decor:after{background:rgba(124,58,237,.1);bottom:-5rem;left:-3rem}.dms-tuto-hero__inner{margin:0 auto;max-width:48rem;position:relative;text-align:center;z-index:1}.dms-tuto-hero__badges{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.dms-tuto-hero__duration{align-items:center;color:hsla(0,0%,100%,.7);display:inline-flex;font-size:.8125rem;gap:.375rem}.dms-badge--tuto-cat{background:rgba(124,58,237,.2);color:#c4b5fd}.dms-tuto-hero h1{font-size:2.25rem;font-weight:700;line-height:1.2;margin:0 0 1.75rem}@media (min-width:1024px){.dms-tuto-hero h1{font-size:2.75rem}}.dms-tuto-hero__desc{color:hsla(0,0%,100%,.8);font-size:1.125rem;line-height:1.6;margin:0 0 1.5rem}.dms-tuto-hero__author{align-items:center;color:hsla(0,0%,100%,.6);display:flex;font-size:.8125rem;gap:1.5rem;justify-content:center}.dms-tuto-hero__author a{color:#67e8f9;text-decoration:none}.dms-tuto-hero__author a:hover{text-decoration:underline}.dms-tuto-hero .dms-breadcrumb__home,.dms-tuto-hero .dms-breadcrumb__item{color:hsla(0,0%,100%,.6)}.dms-tuto-hero .dms-breadcrumb__item:hover{color:var(--dms-white)}.dms-tuto-hero .dms-breadcrumb__sep{color:hsla(0,0%,100%,.3)}.dms-tuto-hero .dms-breadcrumb__current{color:var(--dms-white)}.dms-tuto-objectives__inner{background:linear-gradient(135deg,rgba(207,250,254,.3),rgba(219,234,254,.3));border:2px solid rgba(165,243,252,.5);border-radius:var(--dms-radius-xl);margin:0 auto;max-width:48rem;padding:2rem}.dms-tuto-objectives__header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.dms-tuto-objectives__icon{align-items:center;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:.75rem;color:var(--dms-white);display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.dms-tuto-objectives__inner h2{color:var(--dms-navy);font-size:1.375rem;font-weight:700;margin:0}.dms-tuto-objectives__subtitle{color:var(--dms-text-muted);font-size:.875rem;margin:.25rem 0 0}.dms-tuto-objectives__inner ul{display:flex;flex-direction:column;gap:.875rem;list-style:none;margin:0;padding:0}.dms-tuto-objectives__inner li{align-items:flex-start;color:var(--dms-navy);display:flex;font-size:.9375rem;gap:.75rem;line-height:1.5}.dms-tuto-objectives__check{align-items:center;background:rgba(34,197,94,.1);border-radius:50%;color:#22c55e;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-top:1px;width:1.5rem}.dms-tuto-steps__layout{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:1024px){.dms-tuto-steps__layout{grid-template-columns:16rem 1fr}}.dms-tuto-steps__sidebar{display:none}@media (min-width:1024px){.dms-tuto-steps__sidebar{display:block}}.dms-tuto-steps__toc{background:var(--dms-white);border:2px solid var(--dms-gray-200);border-radius:var(--dms-radius-xl);padding:1.5rem;position:sticky;top:7rem}.dms-tuto-steps__toc h4{align-items:center;color:var(--dms-navy);display:flex;font-size:.875rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.dms-tuto-steps__toc nav{display:flex;flex-direction:column;gap:.25rem}.dms-tuto-steps__toc-item{align-items:center;border-radius:.5rem;color:var(--dms-text-muted);display:flex;font-size:.8125rem;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s}.dms-tuto-steps__toc-item:hover{background:var(--dms-gray-50);color:var(--dms-navy)}.dms-tuto-steps__toc-item.is-active{background:rgba(219,234,254,.5);border-left:3px solid #2563eb;color:#2563eb;font-weight:600}.dms-tuto-steps__toc-num{align-items:center;background:var(--dms-gray-200);border-radius:50%;color:var(--dms-text-muted);display:flex;flex-shrink:0;font-size:.6875rem;font-weight:700;height:1.25rem;justify-content:center;width:1.25rem}.dms-tuto-steps__toc-item.is-active .dms-tuto-steps__toc-num{background:#2563eb;color:var(--dms-white)}.dms-tuto-steps__toc-progress{color:var(--dms-text-muted);font-size:.75rem;margin:1rem 0 0;text-align:center}.dms-tuto-steps__content{display:flex;flex-direction:column;gap:2rem}.dms-tuto-steps__step{background:var(--dms-white);border:2px solid var(--dms-gray-200);border-radius:var(--dms-radius-xl);padding:2rem;scroll-margin-top:7rem}.dms-tuto-steps__step-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.25rem}.dms-tuto-steps__step-number{align-items:center;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:50%;color:var(--dms-white);display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.dms-tuto-steps__step-header h3{color:var(--dms-navy);font-size:1.25rem;font-weight:700;margin:0}.dms-tuto-steps__step-body{color:var(--dms-text-muted);font-size:.9375rem;line-height:1.7}.dms-tuto-steps__step-body p{margin:0 0 1rem}.dms-tuto-steps__step-body ol,.dms-tuto-steps__step-body ul{margin:0 0 1rem;padding-left:1.25rem}.dms-tuto-steps__step-body li{margin-bottom:.375rem}.dms-tuto-steps__tip{align-items:flex-start;background:rgba(207,250,254,.3);border-left:3px solid #06b6d4;border-radius:0 .5rem .5rem 0;display:flex;gap:.75rem;margin-top:1.25rem;padding:1rem 1.25rem}.dms-tuto-steps__tip>.dms-icon{color:#06b6d4;flex-shrink:0;margin-top:2px}.dms-tuto-steps__tip strong{color:var(--dms-navy);display:block;font-size:.875rem;margin-bottom:.25rem}.dms-tuto-steps__tip p{color:var(--dms-text-muted);font-size:.8125rem;line-height:1.5;margin:0}.dms-tuto-steps__warning{align-items:flex-start;background:hsla(48,96%,89%,.3);border-left:3px solid #f59e0b;border-radius:0 .5rem .5rem 0;display:flex;gap:.75rem;margin-top:1.25rem;padding:1rem 1.25rem}.dms-tuto-steps__warning>.dms-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.dms-tuto-steps__warning strong{color:var(--dms-navy);display:block;font-size:.875rem;margin-bottom:.25rem}.dms-tuto-steps__warning p{color:var(--dms-text-muted);font-size:.8125rem;line-height:1.5;margin:0}.dms-tuto-summary__inner{background:var(--dms-white);border:2px solid var(--dms-gray-200);border-radius:var(--dms-radius-xl);margin:0 auto;max-width:48rem;padding:2rem}.dms-tuto-summary__header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.dms-tuto-summary__icon{align-items:center;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:.75rem;color:var(--dms-white);display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.dms-tuto-summary__inner h2{color:var(--dms-navy);font-size:1.375rem;font-weight:700;margin:0}.dms-tuto-summary__subtitle{color:var(--dms-text-muted);font-size:.875rem;margin:.25rem 0 0}.dms-tuto-summary__checklist{display:flex;flex-direction:column;gap:.875rem;list-style:none;margin:0;padding:0}.dms-tuto-summary__checklist li{align-items:flex-start;color:var(--dms-navy);display:flex;font-size:.9375rem;gap:.75rem;line-height:1.5}.dms-tuto-resources__inner{margin:0 auto;max-width:48rem}.dms-tuto-resources__inner h3{color:var(--dms-navy);font-size:1.25rem;font-weight:700;margin:0 0 1rem}.dms-tuto-resources__list{background:var(--dms-white);border:2px solid var(--dms-gray-200);border-radius:var(--dms-radius-xl);display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.dms-tuto-resources__link{align-items:center;color:#0891b2;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;text-decoration:none;transition:color .2s}.dms-tuto-resources__link:hover{color:#06b6d4;text-decoration:underline}.dms-tuto-resources__link .dms-icon{color:#06b6d4;flex-shrink:0}.dms-tuto-summary__check{align-items:center;background:rgba(34,197,94,.1);border-radius:50%;color:#22c55e;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-top:1px;width:1.5rem}
/* ============================================================ */
/* Corps modulaire (Flexible Content)                            */
/* ============================================================ */
.dms-tuto-corps__inner{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}
.dms-tuto-block__title{color:var(--dms-primary);font-size:1.5rem;font-weight:700;margin:0 0 1rem}
.dms-prose p{margin:0 0 1rem;line-height:1.7;color:var(--dms-text)}
.dms-prose ul,.dms-prose ol{margin:0 0 1rem 1.25rem;line-height:1.7;color:var(--dms-text)}
.dms-prose h2,.dms-prose h3{color:var(--dms-primary);margin:1.5rem 0 .75rem}
.dms-prose a{color:var(--dms-blue-600);text-decoration:underline}
.dms-prose :last-child{margin-bottom:0}
.dms-prose code{background:var(--dms-gray-100);padding:.1rem .35rem;border-radius:4px;font-family:var(--dms-font-code,monospace);font-size:.85em}
/* Encadre */
.dms-tuto-encadre{display:flex;gap:.75rem;padding:1rem 1.25rem;border-left:4px solid var(--c,#3b82f6);background:var(--bg,rgba(59,130,246,.06));border-radius:0 .5rem .5rem 0;margin:1rem 0}
.dms-tuto-encadre__icon{color:var(--c,#3b82f6);flex-shrink:0;margin-top:.15rem}
.dms-tuto-encadre__title{display:block;margin-bottom:.25rem;color:var(--dms-gray-900)}
.dms-tuto-encadre__body{line-height:1.6}
.dms-tuto-encadre__body :last-child{margin-bottom:0}
.dms-tuto-encadre--note,.dms-tuto-encadre--a_retenir{--c:#3b82f6;--bg:rgba(59,130,246,.06)}
.dms-tuto-encadre--point_cle{--c:#1b2a4a;--bg:rgba(27,42,74,.06)}
.dms-tuto-encadre--attention{--c:#d97706;--bg:rgba(217,119,6,.08)}
.dms-tuto-encadre--important{--c:#dc2626;--bg:rgba(220,38,38,.07)}
.dms-tuto-encadre--astuce{--c:#16a34a;--bg:rgba(22,163,74,.07)}
.dms-tuto-encadre--nouveaute{--c:#06b6d4;--bg:rgba(6,182,212,.08)}
/* Code */
.dms-tuto-code{border:1px solid var(--dms-gray-200);border-radius:.75rem;overflow:hidden;background:#0f172a}
.dms-tuto-code__tabs{display:flex;gap:.25rem;padding:.5rem .5rem 0;background:#0f172a}
.dms-tuto-code__tab{background:transparent;border:none;color:#94a3b8;padding:.4rem .8rem;border-radius:.4rem .4rem 0 0;cursor:pointer;font-weight:600;font-size:.8125rem}
.dms-tuto-code__tab.is-active{background:#1e293b;color:#fff}
.dms-tuto-code__panel{display:none}
.dms-tuto-code__panel.is-active{display:block}
.dms-tuto-code__bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem .9rem;background:#1e293b;color:#94a3b8;font-size:.75rem;font-family:var(--dms-font-code,monospace)}
.dms-tuto-code__copy{background:transparent;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;border-radius:9999px;padding:.2rem .7rem;font-size:.75rem;cursor:pointer}
.dms-tuto-code__copy:hover{background:rgba(255,255,255,.1)}
.dms-tuto-code__pre{margin:0;padding:1rem;overflow:auto;background:#0f172a}
.dms-tuto-code__pre code{font-family:var(--dms-font-code,monospace);font-size:.8125rem}
/* Tableau */
.dms-tuto-table-wrap{overflow-x:auto}
.dms-tuto-table{width:100%;border-collapse:collapse;font-size:.9375rem}
.dms-tuto-table th,.dms-tuto-table td{border:1px solid var(--dms-gray-200);padding:.6rem .8rem;text-align:left;vertical-align:top}
.dms-tuto-table thead th{background:var(--dms-gray-50);color:var(--dms-primary);font-weight:700}
.dms-tuto-table tbody tr:nth-child(2n){background:rgba(249,250,251,.6)}
/* Etapes */
.dms-tuto-etapes{display:flex;flex-direction:column;gap:1.5rem}
.dms-tuto-etapes__head{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}
.dms-tuto-etapes__num{width:2rem;height:2rem;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--dms-cyan-500),var(--dms-blue-500));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.dms-tuto-etapes__head h3{margin:0;color:var(--dms-primary);font-size:1.25rem}
.dms-tuto-etapes__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:1rem}
.dms-tuto-etapes__gallery img{border-radius:.5rem;width:100%;height:auto}
/* Points cles */
.dms-tuto-points{background:var(--dms-gray-50);border-radius:var(--dms-radius-xl);padding:1.5rem}
.dms-tuto-points__head{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}
.dms-tuto-points__icon{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;display:flex;align-items:center;justify-content:center}
.dms-tuto-points__head h2{margin:0;font-size:1.25rem;color:var(--dms-primary)}
.dms-tuto-points__list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.6rem}
.dms-tuto-points__list li{display:flex;gap:.6rem;align-items:flex-start}
.dms-tuto-points__check{width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;background:rgba(34,197,94,.12);color:#16a34a;display:flex;align-items:center;justify-content:center}
/* FAQ */
.dms-tuto-faq{display:flex;flex-direction:column;gap:.5rem}
.dms-tuto-faq__item{border:1px solid var(--dms-gray-200);border-radius:.5rem;overflow:hidden}
.dms-tuto-faq__q{cursor:pointer;padding:.9rem 1.1rem;font-weight:600;color:var(--dms-primary);list-style:none}
.dms-tuto-faq__q::-webkit-details-marker{display:none}
.dms-tuto-faq__item[open] .dms-tuto-faq__q{background:var(--dms-gray-50)}
.dms-tuto-faq__a{padding:0 1.1rem 1rem}
/* Image */
.dms-tuto-image{margin:0}
.dms-tuto-image img{width:100%;height:auto;border-radius:.75rem}
.dms-tuto-image__caption{margin-top:.5rem;font-size:.85rem;color:var(--dms-text-muted);text-align:center}
/* Pour/Contre */
.dms-tuto-pc{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:640px){.dms-tuto-pc{grid-template-columns:1fr}}
.dms-tuto-pc__col{border-radius:.75rem;padding:1.1rem 1.25rem}
.dms-tuto-pc__col--pour{background:rgba(22,163,74,.07);border:1px solid rgba(22,163,74,.2)}
.dms-tuto-pc__col--contre{background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.18)}
.dms-tuto-pc__title{display:flex;align-items:center;gap:.4rem;margin:0 0 .6rem;font-size:1rem}
.dms-tuto-pc__col--pour .dms-tuto-pc__title{color:#16a34a}
.dms-tuto-pc__col--contre .dms-tuto-pc__title{color:#dc2626}
.dms-tuto-pc__col ul{margin:0;padding-left:1.1rem;line-height:1.7}
/* Idees recues */
.dms-tuto-idees{display:flex;flex-direction:column;gap:1rem}
.dms-tuto-idees__item{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
@media(max-width:640px){.dms-tuto-idees__item{grid-template-columns:1fr}}
.dms-tuto-idees__card{border-radius:.75rem;padding:1rem 1.1rem}
.dms-tuto-idees__card--mythe{background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.18)}
.dms-tuto-idees__card--realite{background:rgba(22,163,74,.07);border:1px solid rgba(22,163,74,.2)}
.dms-tuto-idees__badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.15rem .5rem;border-radius:9999px;margin-bottom:.5rem;background:#dc2626;color:#fff}
.dms-tuto-idees__badge--ok{background:#16a34a}
.dms-tuto-idees__card p{margin:0}
/* Ressources */
.dms-tuto-ressources__title{font-size:1.25rem;color:var(--dms-primary);margin:0 0 .75rem}
.dms-tuto-ressources__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.dms-tuto-ressources__link{display:inline-flex;align-items:center;gap:.5rem;color:var(--dms-blue-600);text-decoration:none;padding:.4rem .6rem;border-radius:.4rem}
.dms-tuto-ressources__link:hover{background:var(--dms-blue-50)}
/* Prerequis */
.dms-tuto-prereq__inner{max-width:48rem;margin:0 auto;background:var(--dms-blue-50);border:1px solid rgba(37,99,235,.15);border-radius:var(--dms-radius-xl);padding:1.25rem 1.5rem}
.dms-tuto-prereq__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.1rem;color:var(--dms-primary)}
.dms-tuto-prereq__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.dms-tuto-prereq__list a{display:inline-flex;align-items:center;gap:.5rem;color:var(--dms-blue-600);text-decoration:none}
.dms-tuto-prereq__list a:hover{text-decoration:underline}
/* Source */
.dms-tuto-source{padding:1rem 0}
.dms-tuto-source__line{max-width:48rem;margin:0 auto;display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--dms-text-muted)}
.dms-tuto-source__line a{color:var(--dms-blue-600)}
/* Tutoriel suivant */
.dms-tuto-next__inner{max-width:48rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--dms-gray-50);border-radius:var(--dms-radius-xl);padding:1.25rem 1.5rem}
.dms-tuto-next__label{font-weight:600;color:var(--dms-text-muted)}
@media(max-width:640px){.dms-tuto-next__inner{flex-direction:column;align-items:flex-start}}
/* Chiffres cles */
.dms-tuto-chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}
.dms-tuto-chiffres__item{text-align:center;padding:1.25rem 1rem;background:var(--dms-blue-50);border-radius:var(--dms-radius-xl)}
.dms-tuto-chiffres__valeur{display:block;font-size:1.75rem;font-weight:800;color:var(--dms-blue-600);line-height:1.1}
.dms-tuto-chiffres__libelle{display:block;margin-top:.4rem;font-size:.85rem;color:var(--dms-text-muted)}
/* Metriques */
.dms-tuto-metriques__badge{display:inline-block;padding:.15rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:700}
.dms-tuto-metriques__badge--bon{background:rgba(22,163,74,.12);color:#16a34a}
.dms-tuto-metriques__badge--a_ameliorer{background:rgba(217,119,6,.12);color:#d97706}
.dms-tuto-metriques__badge--mediocre{background:rgba(220,38,38,.12);color:#dc2626}
/* A faire / a eviter */
.dms-tuto-afe{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:640px){.dms-tuto-afe{grid-template-columns:1fr}}
.dms-tuto-afe__col{border-radius:.75rem;padding:1.1rem 1.25rem}
.dms-tuto-afe__col--faire{background:rgba(22,163,74,.07);border:1px solid rgba(22,163,74,.2)}
.dms-tuto-afe__col--eviter{background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.18)}
.dms-tuto-afe__title{display:flex;align-items:center;gap:.4rem;margin:0 0 .5rem}
.dms-tuto-afe__col--faire .dms-tuto-afe__title{color:#16a34a}
.dms-tuto-afe__col--eviter .dms-tuto-afe__title{color:#dc2626}
/* Video */
.dms-tuto-video{margin:0}
.dms-tuto-video__frame{position:relative;padding-top:56.25%;border-radius:.75rem;overflow:hidden;background:#000}
.dms-tuto-video__frame :is(iframe,video,embed,object){position:absolute;inset:0;width:100%;height:100%;border:0}
.dms-tuto-video__caption{margin-top:.5rem;font-size:.85rem;color:var(--dms-text-muted);text-align:center}
/* Definitions */
.dms-tuto-definitions__list{margin:0}
.dms-tuto-definitions__list dt{font-weight:700;color:var(--dms-primary);margin-top:1rem}
.dms-tuto-definitions__list dd{margin:.2rem 0 0;color:var(--dms-text)}
/* Citation */
.dms-tuto-citation{margin:0;padding:1rem 1.5rem;border-left:4px solid var(--dms-cyan-500);background:rgba(6,182,212,.05);border-radius:0 .5rem .5rem 0}
.dms-tuto-citation__quote{margin:0;font-size:1.2rem;font-style:italic;color:var(--dms-primary);line-height:1.5}
.dms-tuto-citation__author{margin-top:.6rem;color:var(--dms-text-muted);font-weight:600}
/* CTA intermediaire */
.dms-tuto-cta-inter{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:linear-gradient(135deg,var(--dms-cyan-500),var(--dms-blue-600));color:#fff;border-radius:var(--dms-radius-xl);padding:1.25rem 1.5rem}
.dms-tuto-cta-inter__title{display:block;font-size:1.1rem}
.dms-tuto-cta-inter__text{display:block;opacity:.9;font-size:.9rem}
.dms-tuto-cta-inter .dms-btn--primary{background:#fff;color:var(--dms-blue-600)}
/* Obsolescence */
.dms-tuto-obso{display:flex;gap:.6rem;align-items:flex-start;background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.25);border-radius:.5rem;padding:.9rem 1.1rem;color:#92400e}
.dms-tuto-obso p{margin:0}
.dms-tuto-obso__date{opacity:.8}.dms-tuto-obso--fresh{background:rgba(5,150,105,.08);border-color:rgba(5,150,105,.25);color:#065f46}
/* Sommaire (corps modulaire) */
.dms-tuto-sommaire{background:var(--dms-gray-50);border:1px solid var(--dms-gray-200);border-radius:var(--dms-radius-xl);padding:1.1rem 1.4rem;margin-bottom:1.5rem}
.dms-tuto-sommaire__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font-size:1rem;color:var(--dms-primary)}
.dms-tuto-sommaire__list{margin:0;padding-left:1.3rem;display:flex;flex-direction:column;gap:.35rem;color:var(--dms-text-muted)}
.dms-tuto-sommaire__list a{color:var(--dms-blue-600);text-decoration:none}
.dms-tuto-sommaire__list a:hover{text-decoration:underline}
.dms-tuto-corps__anchor{scroll-margin-top:6rem}
/* Sommaire en sidebar sticky (2 colonnes) */
.dms-tuto-corps__layout--with-toc{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2.5rem;max-width:64rem;margin:0 auto}
@media(max-width:900px){.dms-tuto-corps__layout--with-toc{grid-template-columns:1fr}}
.dms-tuto-corps__main{display:flex;flex-direction:column;gap:2rem;min-width:0;max-width:48rem}
.dms-tuto-corps__layout:not(.dms-tuto-corps__layout--with-toc) .dms-tuto-corps__main{margin:0 auto}
.dms-tuto-corps__toc-inner{position:sticky;top:6rem;background:var(--dms-gray-50);border:1px solid var(--dms-gray-200);border-radius:var(--dms-radius-xl);padding:1rem 1.1rem}
@media(max-width:900px){.dms-tuto-corps__toc-inner{position:static}}
.dms-tuto-corps__toc-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font-size:.9rem;color:var(--dms-primary)}
.dms-tuto-corps__toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}
.dms-tuto-corps__toc a{display:block;padding:.35rem .6rem;border-left:2px solid transparent;color:var(--dms-text-muted);text-decoration:none;font-size:.85rem;line-height:1.3;border-radius:0 .3rem .3rem 0;transition:color .15s,background .15s,border-color .15s}
.dms-tuto-corps__toc a:hover{color:var(--dms-blue-600);background:var(--dms-blue-50)}
.dms-tuto-corps__toc a.is-active{color:var(--dms-blue-600);border-left-color:var(--dms-blue-600);background:var(--dms-blue-50);font-weight:600}
/* Liste glossaire */
.dms-glossaire-archive__cats{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:2rem}
.dms-glossaire-archive__cats-label{font-weight:600;color:var(--dms-text-muted)}
.dms-glossaire-archive__cat{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border:1px solid var(--dms-gray-200);border-radius:9999px;color:var(--dms-gray-700);text-decoration:none;font-size:.85rem}
.dms-glossaire-archive__cat:hover{border-color:var(--dms-blue-600);color:var(--dms-blue-600)}
.dms-glossaire-archive__cat span{background:var(--dms-gray-100);border-radius:9999px;padding:0 .4rem;font-size:.75rem}
.dms-glossaire-archive__index{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:2rem}
.dms-glossaire-archive__index a{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:.4rem;background:var(--dms-gray-50);color:var(--dms-blue-600);text-decoration:none;font-weight:700;font-size:.85rem}
.dms-glossaire-archive__index a:hover{background:var(--dms-blue-50)}
.dms-glossaire-archive__group{margin-bottom:2rem;scroll-margin-top:7rem}
.dms-glossaire-archive__letter{font-size:1.5rem;color:var(--dms-blue-600);border-bottom:2px solid var(--dms-gray-100);padding-bottom:.3rem;margin:0 0 1rem}
.dms-glossaire-archive__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}
.dms-glossaire-archive__term{display:block;padding:.8rem 1rem;border:1px solid var(--dms-gray-200);border-radius:.6rem;text-decoration:none;transition:border-color .15s,background .15s}
.dms-glossaire-archive__term:hover{border-color:var(--dms-blue-600);background:var(--dms-blue-50)}
.dms-glossaire-archive__term strong{display:block;color:var(--dms-primary)}
.dms-glossaire-archive__term span{display:block;font-size:.8rem;color:var(--dms-text-muted);margin-top:.2rem}
.dms-pagination-links{margin-top:2rem;display:flex;gap:.5rem;flex-wrap:wrap}
.dms-pagination-links a,.dms-pagination-links .current{padding:.4rem .7rem;border:1px solid var(--dms-gray-200);border-radius:.4rem;text-decoration:none}
.dms-pagination-links .current{background:var(--dms-blue-600);color:#fff;border-color:var(--dms-blue-600)}
/* Recherche glossaire */
.dms-glossaire-search{margin-bottom:1.5rem}
.dms-glossaire-search input{width:100%;max-width:30rem;padding:.7rem 1.1rem;border:1px solid var(--dms-gray-200);border-radius:9999px;font-size:1rem;font-family:inherit}
.dms-glossaire-search input:focus{outline:2px solid var(--dms-blue-500);outline-offset:1px}
.dms-glossaire-search__empty{color:var(--dms-text-muted);margin-top:.75rem}