main[data-template=article]{padding-top:var(--header-group-height, 6.25rem)}body:has(.announcement-bar) main[data-template=article]{padding-top:calc(var(--header-height, 3.75rem) + 3.5rem)}.article-reading-progress{--article-progress-track: transparent;--article-progress-fill: var(--color-primary, #de1a00);position:fixed;inset-inline:0;top:var(--header-group-height, 0px);z-index:7;width:100%;max-width:var(--content-max-width);margin-inline:auto;height:.25rem;background:var(--article-progress-track);pointer-events:none}.article-reading-progress__fill{display:block;width:100%;height:100%;background:var(--article-progress-fill);transform:scaleX(0);transform-origin:left center}.blog-article{--blog-article-max: 72.5rem;--blog-article-muted: #717173;--blog-article-line: #eeeeee;--blog-article-line-strong: #e4e4e6;--blog-article-pill: #f5f5f6;--blog-article-table-alt: #f7f7f8;--blog-article-ink: #15151e;--blog-article-callout: #fff6e6;--blog-article-callout-accent: #f5a524;--blog-article-actualites-bg: #e8effd;--blog-article-actualites-text: #1a56db;--blog-article-entretiens-bg: #e4f4ea;--blog-article-entretiens-text: #147a3a;--blog-article-mecanique-bg: #f1eafe;--blog-article-mecanique-text: #7c3aed;--blog-article-diagnostic-bg: #fde8e5;--blog-article-diagnostic-text: #c51600}.blog-article__frame{width:min(100%,var(--blog-article-max));margin-inline:auto;padding-block-end:4rem}.blog-article__hero{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;padding-block-start:1.25rem}.blog-article__byline{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;width:100%}.blog-article__chip{display:inline-flex;align-items:center;margin:0;padding:.375rem .75rem;border-radius:999px;background:var(--blog-article-diagnostic-bg);color:var(--blog-article-diagnostic-text);font-family:var(--font-heading--family);font-size:.75rem;font-weight:600;letter-spacing:.02em;line-height:1.3;text-decoration:none;text-transform:uppercase}.blog-article__chip--actualites-automobile{background:var(--blog-article-actualites-bg);color:var(--blog-article-actualites-text)}.blog-article__chip--entretiens-vehicule{background:var(--blog-article-entretiens-bg);color:var(--blog-article-entretiens-text)}.blog-article__chip--mecanique-auto{background:var(--blog-article-mecanique-bg);color:var(--blog-article-mecanique-text)}.blog-article__chip--univers-du-diagnostic{background:var(--blog-article-diagnostic-bg);color:var(--blog-article-diagnostic-text)}.blog-article__hero .text-block{width:100%;max-width:60rem;margin:0;padding:0}.blog-article__hero .text-block.h2>:where(h1){max-width:60rem;margin:0;font-family:var(--font-heading--family);font-size:2.125rem;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--blog-article-ink);text-transform:none;text-wrap:pretty}.blog-article__hero .blog-post-author{order:1;padding:0}.blog-article__hero .blog-post-author__avatar{width:3rem;height:3rem}.blog-article__hero .blog-post-author__text{gap:.125rem}.blog-article__hero .blog-post-author__name{font-family:var(--font-heading--family);font-size:1rem;font-weight:600;line-height:1.3;color:var(--blog-article-ink)}.blog-article__hero .blog-post-author__description{font-size:.75rem;line-height:1.4;color:var(--blog-article-muted)}.blog-article__meta{order:3;display:flex;flex-wrap:wrap;gap:.5rem}.blog-article__pill{display:inline-flex;align-items:center;gap:.375rem;margin:0;padding:.5rem .75rem;border-radius:999px;background:var(--blog-article-pill);color:var(--blog-article-ink);font-size:.8125rem;font-weight:500;line-height:1.4}.blog-article__pill-icon{display:inline-flex;flex:none;width:1rem;height:1rem;color:var(--blog-article-ink)}.blog-article__pill-icon svg{display:block}.blog-article__pill :where(time){font:inherit;color:inherit}.blog-article__hero .blog-post-feature-image-wrapper{display:flex;width:100%}.blog-article .blog-post-feature-image-container{width:100%;max-width:none;height:16.25rem;aspect-ratio:auto;border-radius:1.25rem}.blog-article .blog-post-feature-image{border-radius:inherit}.blog-article .content-sidebar-section{--content-sidebar-main-padding-block: 0;--content-sidebar-main-padding-inline: 0;margin-block-start:1.75rem}.blog-article .content-sidebar-layout{grid-template-areas:"aside" "main";gap:2rem}.blog-article .content-sidebar-aside,.blog-article .content-sidebar-main{background:transparent;border-radius:0;margin:0;padding:0;min-height:0}.blog-article .content-sidebar-main{padding-inline:0}.blog-article__toc-card{display:flex;flex-direction:column;padding:1.25rem 1.25rem .5rem;border-radius:1.5rem;background:var(--blog-article-pill)}.blog-article__toc-card:has(.content-sidebar-nav[hidden]){padding-block-end:1.25rem}.blog-article__toc-header{display:flex;align-items:center;gap:.5rem;padding-block-end:.75rem}.blog-article__toc-card:has(.content-sidebar-nav[hidden]) .blog-article__toc-header{padding-block-end:0}.blog-article__toc-heading{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem;min-width:0}.blog-article__toc-title{margin:0;font-family:var(--font-heading--family);font-size:1.25rem;font-weight:600;line-height:1.25;color:var(--blog-article-ink)}.blog-article__toc-meta{margin:0;font-size:.75rem;font-weight:400;line-height:1.4;color:var(--blog-article-muted)}.blog-article__toc-toggle{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0;padding:0;border:0;border-radius:999px;background:#fff;color:var(--blog-article-ink);cursor:pointer}.blog-article__toc-chevron{position:relative;z-index:1;display:inline-flex;width:1.125rem;height:1.125rem;transform:rotate(90deg)}.blog-article__toc-toggle[aria-expanded=true] .blog-article__toc-chevron{transform:rotate(-90deg)}.blog-article__toc-chevron svg{display:block;width:1.125rem;height:1.125rem}.blog-article .content-sidebar-nav[hidden],.blog-article__toc[hidden]{display:none}.blog-article .content-sidebar-list{width:100%}.blog-article .content-sidebar-link{gap:.875rem;padding:.875rem 0;border-top:1px solid var(--blog-article-line-strong);border-left:0;background:transparent;color:var(--blog-article-ink);font-size:1rem;font-weight:400;line-height:1.55;text-decoration:none}.blog-article .content-sidebar-link:hover,.blog-article .content-sidebar-link.is-active{border-left-color:transparent;background:transparent;color:var(--color-primary, #de1a00)}.blog-article .content-sidebar-link.is-active{font-weight:600}.blog-article__toc-index{flex:none;padding-top:.0625rem;font-family:var(--font-heading--family);font-size:.875rem;font-weight:700;letter-spacing:.02em;line-height:1.3;color:var(--blog-article-muted)}.blog-article .content-sidebar-link.is-active .blog-article__toc-index{color:var(--color-primary, #de1a00)}.blog-article__toc-label{min-width:0}.blog-article .content-sidebar-main .blog-post-content{counter-reset:blog-article-section;color:var(--blog-article-ink);font-size:1.125rem;line-height:1.5}.blog-article .content-sidebar-main .blog-post-content,.blog-article .content-sidebar-main .blog-post-content>rte-formatter{display:flex;flex-direction:column;gap:1rem}.blog-article .content-sidebar-main .blog-post-content :where(p){margin:0}.blog-article .content-sidebar-main .blog-post-content>:where(p:first-of-type),.blog-article .content-sidebar-main .blog-post-content rte-formatter>:where(p:first-of-type){font-size:1.25rem;line-height:1.5}.blog-article .content-sidebar-main .blog-post-content :where(strong){color:inherit;font-weight:600}.blog-article .content-sidebar-main .blog-post-content :where(a){color:var(--color-primary, #de1a00);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}.blog-article .content-sidebar-main .blog-post-content :where(h2){display:flex;flex-direction:column;align-items:flex-start;gap:.625rem;margin:0;padding:1.75rem 0 0;font-family:var(--font-heading--family);font-size:1.4375rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;counter-increment:blog-article-section;scroll-margin-top:calc(var(--header-group-height, 6.25rem) + .75rem)}.blog-article .content-sidebar-main .blog-post-content :where(h2):before{content:counter(blog-article-section,decimal-leading-zero);display:inline-flex;align-items:center;padding-inline-end:2.625rem;background-image:linear-gradient(var(--color-primary, #de1a00),var(--color-primary, #de1a00));background-repeat:no-repeat;background-position:right center;background-size:2rem 2px;color:var(--color-primary, #de1a00);font-family:var(--font-heading--family);font-size:1rem;font-style:italic;font-weight:900;line-height:1.3;letter-spacing:0}.blog-article .content-sidebar-main .blog-post-content :where(h3){display:flex;align-items:stretch;gap:.625rem;margin:0;padding:.75rem 0 0;font-family:var(--font-heading--family);font-size:1.375rem;font-weight:600;line-height:1.25}.blog-article .content-sidebar-main .blog-post-content :where(h3):before{content:"";flex:none;align-self:stretch;width:.25rem;border-radius:.25rem;background:var(--color-primary, #de1a00)}.blog-article .content-sidebar-main .blog-post-content :where(p:has(>img)){padding-block:.5rem}.blog-article .content-sidebar-main .blog-post-content img,.blog-article .content-sidebar-main .blog-post-content.rte img[width][height]{display:block;width:100%;height:14rem;margin:0;border-radius:1.25rem;object-fit:cover}.blog-article .content-sidebar-main .blog-post-content :where(ul){display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}.blog-article .content-sidebar-main .blog-post-content :where(ul)>li{position:relative;margin:0;padding-inline-start:1.4375rem}.blog-article .content-sidebar-main .blog-post-content :where(ul)>li:before{content:"";position:absolute;inset-inline-start:.1rem;top:.625rem;width:.5rem;height:.5rem;border-radius:2px;background:var(--color-primary, #de1a00);transform:rotate(45deg)}.blog-article .content-sidebar-main .blog-post-content :where(ol){margin:0;padding:0;list-style:none;counter-reset:blog-article-step}.blog-article .content-sidebar-main .blog-post-content :where(ol)>li{position:relative;margin:0;padding-block:.125rem 1.25rem;padding-inline-start:2.75rem;counter-increment:blog-article-step}.blog-article .content-sidebar-main .blog-post-content :where(ol)>li:last-child{min-height:1.875rem;padding-block-end:0}.blog-article .content-sidebar-main .blog-post-content :where(ol)>li:before{content:counter(blog-article-step);position:absolute;inset-inline-start:0;top:0;display:flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;border-radius:999px;background:var(--color-primary, #de1a00);color:#fff;font-family:var(--font-heading--family);font-size:.875rem;font-style:italic;font-weight:900;line-height:1;z-index:1}.blog-article .content-sidebar-main .blog-post-content :where(ol)>li:not(:last-child):after{content:"";position:absolute;inset-inline-start:calc(.9375rem - 1px);top:1.875rem;bottom:0;width:2px;background:var(--blog-article-line-strong)}.blog-article .content-sidebar-main .blog-post-content .rte-table-wrapper{margin:0;overflow-x:auto;border:1px solid var(--blog-article-line);border-radius:1.25rem;background:#fff}.blog-article .content-sidebar-main .blog-post-content :where(table){width:100%;min-width:43.125rem;border-collapse:collapse}.blog-article .content-sidebar-main .blog-post-content :where(th){padding:.875rem .75rem;background:var(--blog-article-ink);color:#fff;font-family:var(--font-heading--family);font-size:.75rem;font-weight:600;letter-spacing:.02em;line-height:1.3;text-align:start;text-transform:uppercase}.blog-article .content-sidebar-main .blog-post-content :where(td){padding:.875rem .75rem;border:0;color:var(--blog-article-ink);font-size:1rem;font-weight:400;line-height:1.55;vertical-align:top}.blog-article .content-sidebar-main .blog-post-content :where(th:first-child,td:first-child){padding-inline-start:1rem}.blog-article .content-sidebar-main .blog-post-content :where(td:first-child){font-weight:600}.blog-article .content-sidebar-main .blog-post-content :where(tbody tr:nth-child(2n)){background:var(--blog-article-table-alt)}.blog-article .blog-post-callout{position:relative;margin:0;padding:1rem 1.25rem 1rem 3.125rem;border-radius:1rem;background:var(--blog-article-callout);font-size:1.125rem;line-height:1.5}.blog-article .blog-post-callout:before{content:"";position:absolute;inset-inline-start:1.5625rem;top:3rem;bottom:1.125rem;width:.25rem;border-radius:.25rem;background:var(--blog-article-callout-accent)}.blog-post-callout__icon{position:absolute;inset-inline-start:1rem;top:1.125rem;display:inline-flex;width:1.375rem;height:1.375rem;color:var(--blog-article-callout-accent)}.blog-post-callout__icon svg{display:block;width:1.375rem;height:1.375rem}.blog-article .content-sidebar-main>.blog-article__topics{display:flex;flex-direction:column;gap:.75rem;margin-block-start:3rem;padding-block-start:2rem;border-top:1px solid var(--blog-article-line)}.blog-article__topics-label{margin:0;color:var(--blog-article-muted);font-family:var(--font-heading--family);font-size:.75rem;font-weight:600;letter-spacing:.02em;line-height:1.3;text-transform:uppercase}.blog-article .blog-post-tags{margin:0;gap:.5rem}.blog-article .content-sidebar-main .blog-post-tags__link{padding:.5rem .875rem;border:1px solid var(--blog-article-line);border-radius:999px;background:transparent;color:var(--blog-article-ink);font-size:.8125rem;font-weight:500;line-height:1.4;text-decoration:none}.blog-article .content-sidebar-main .blog-post-tags__link:hover{border-color:var(--blog-article-ink);background:transparent;color:var(--blog-article-ink);text-decoration:none}.blog-article__chip:focus-visible,.blog-article__toc-toggle:focus-visible,.blog-article .content-sidebar-link:focus-visible,.blog-article .blog-post-tags__link:focus-visible,.blog-article .content-sidebar-main .blog-post-content :where(a:focus-visible){outline:2px solid var(--color-primary, #de1a00);outline-offset:2px}@media screen and (min-width:901px){.blog-article__hero{gap:1.75rem;padding-block-start:4rem}.blog-article__byline{flex-direction:row;align-items:center;gap:1.5rem;padding-block:.5rem}.blog-article__byline:has(.blog-post-author):has(.blog-article__meta):before{content:"";order:2;flex:none;width:1px;height:2.25rem;background:var(--blog-article-line)}.blog-article__chip{padding:.4375rem .875rem;font-size:.8125rem}.blog-article__hero .text-block.h2>:where(h1){font-size:3rem}.blog-article__hero .blog-post-author__avatar{width:3.25rem;height:3.25rem}.blog-article__hero .blog-post-author__name{font-size:1.125rem}.blog-article__hero .blog-post-author__description{font-size:.8125rem}.blog-article__pill{gap:.5rem;padding:.5625rem .875rem;font-size:.875rem}.blog-article .blog-post-feature-image-container{height:35rem;border-radius:1.75rem}.blog-article .content-sidebar-section{margin-block-start:4.5rem}.blog-article .content-sidebar-layout{grid-template-columns:20rem minmax(0,1fr);grid-template-areas:"aside main";column-gap:5rem;align-items:start}.blog-article .content-sidebar-aside{position:sticky;top:calc(var(--header-group-height, 6.25rem) + 1.5rem);height:fit-content;max-height:none;overflow:visible}.blog-article .content-sidebar-main .blog-post-content,.blog-article .content-sidebar-main .blog-post-content>rte-formatter{gap:1.25rem}.blog-article .content-sidebar-main .blog-post-content :where(h2){padding-top:2.5rem;font-size:1.75rem}.blog-article .content-sidebar-main .blog-post-content img,.blog-article .content-sidebar-main .blog-post-content.rte img[width][height]{height:26.75rem}.blog-article .content-sidebar-main .blog-post-content :where(th,td){padding:1rem .75rem 1rem .875rem}.blog-article .content-sidebar-main .blog-post-content :where(th:first-child,td:first-child){padding-inline-start:1.25rem}}@media(prefers-reduced-motion:reduce){.blog-article__toc-chevron{transition:none}}@media(prefers-contrast:more){.blog-article__chip,.blog-article__pill,.blog-article .blog-post-tags__link,.blog-article__toc-card{border:1px solid var(--blog-article-ink)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-blog-article.css.map */