/**
 * MDSM Blog Design v1.1.0
 * Every selector is rooted in the precise exoactualites article body ID.
 * Nothing here styles any product, checkout, category or other page.
 */
body#module-exoactualites-article {
  --mdsm-blog-ink: #203245;
  --mdsm-blog-muted: #53687a;
  --mdsm-blog-accent: #008fbd;
  --mdsm-blog-line: #e6ecf1;
  --mdsm-blog-panel: #f4f9fc;
}

body#module-exoactualites-article #content.page-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 1160px;
  padding: clamp(18px, 3.5vw, 46px);
  margin-right: auto;
  margin-left: auto;
  background: #fff;
}

body#module-exoactualites-article #content > .page-header {
  max-width: 1030px;
  margin: 0 auto 20px;
}
body#module-exoactualites-article #content > .page-header h1 {
  margin: 0;
  color: var(--mdsm-blog-ink);
  font-size: clamp(1.8rem, 3.2vw, 2.65rem);
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}

/* The existing Back link, category and hero remain in their original HTML. */
body#module-exoactualites-article #content .btn-return {
  margin-top: 3px;
  margin-bottom: 18px;
}
body#module-exoactualites-article #content .mdsm-blog-article {
  box-sizing: border-box;
  min-width: 0;
}
body#module-exoactualites-article #content .mdsm-blog-article > .article-info {
  margin-bottom: 17px !important;
  color: var(--mdsm-blog-muted);
  font-size: .9rem;
}
body#module-exoactualites-article #content .mdsm-blog-article > .article-info a {
  color: var(--mdsm-blog-accent);
  font-weight: 650;
  text-decoration: none;
}
body#module-exoactualites-article #content [id^="article_"] > .article-image {
  box-sizing: border-box;
  width: 100%;
  max-width: 990px;
  margin: 0 auto 34px !important;
  text-align: center;
}
body#module-exoactualites-article #content [id^="article_"] > .article-image img {
  display: block;
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 340px;
  margin: 0 auto;
  border-radius: 13px;
  object-fit: contain; /* Never crop diagrams, labels, or product photographs. */
}

/* Readable fall-back if JavaScript is blocked or cannot build a TOC. */
body#module-exoactualites-article #content [id^="article_"] > .article-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  min-width: 0;
  margin-right: auto;
  margin-left: auto;
  color: var(--mdsm-blog-ink);
  font-size: 18px;
  line-height: 1.78;
  overflow-wrap: break-word;
}
body#module-exoactualites-article #content .article-content p,
body#module-exoactualites-article #content .article-content li {
  color: #35495c;
  font-size: inherit;
  line-height: 1.78;
}
body#module-exoactualites-article #content .article-content p {
  margin: 0 0 1.35em;
}
body#module-exoactualites-article #content .article-content h2,
body#module-exoactualites-article #content .article-content h3,
body#module-exoactualites-article #content .article-content h4 {
  color: var(--mdsm-blog-ink);
  font-weight: 750;
  overflow-wrap: anywhere;
  scroll-margin-top: 135px;
}
body#module-exoactualites-article #content .article-content h2 {
  margin: 2.1em 0 .7em;
  font-size: clamp(1.4rem, 2.3vw, 1.85rem);
  line-height: 1.3;
}
body#module-exoactualites-article #content .article-content h3 {
  margin: 1.75em 0 .6em;
  font-size: clamp(1.2rem, 1.8vw, 1.43rem);
  line-height: 1.35;
}
body#module-exoactualites-article #content .article-content h4 {
  margin: 1.6em 0 .5em;
  font-size: 1.1rem;
  line-height: 1.4;
}
body#module-exoactualites-article #content .article-content ul,
body#module-exoactualites-article #content .article-content ol {
  margin: 0 0 1.45em;
  padding-left: 1.45em;
}
body#module-exoactualites-article #content .article-content li {
  padding-left: .18em;
  margin-bottom: .45em;
}
body#module-exoactualites-article #content .article-content a {
  color: #007eae;
  text-underline-offset: 3px;
}
body#module-exoactualites-article #content .article-content img,
body#module-exoactualites-article #content .article-content video,
body#module-exoactualites-article #content .article-content iframe {
  max-width: 100%;
}
body#module-exoactualites-article #content .article-content img {
  height: auto;
  border-radius: 9px;
}
body#module-exoactualites-article #content .article-content pre,
body#module-exoactualites-article #content .article-content table {
  max-width: 100%;
  overflow-x: auto;
}
body#module-exoactualites-article #content .article-content table { display: block; }
body#module-exoactualites-article #content .article-content blockquote {
  padding: 18px 22px;
  margin: 1.5em 0;
  background: var(--mdsm-blog-panel);
  border-left: 4px solid var(--mdsm-blog-accent);
}

/* JavaScript only adds these classes to the existing article container. */
@media (min-width: 1100px) {
  body#module-exoactualites-article #content .mdsm-blog-article.mdsm-blog-layout {
    display: grid;
    grid-template-columns: minmax(190px, 235px) minmax(0, 1fr);
    column-gap: clamp(25px, 4vw, 46px);
    align-items: start;
  }
  body#module-exoactualites-article #content .mdsm-blog-layout > .article-info {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  body#module-exoactualites-article #content .mdsm-blog-layout > .article-image {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  body#module-exoactualites-article #content .mdsm-blog-layout > .mdsm-blog-sidebar {
    grid-column: 1;
    grid-row: 3;
  }
  body#module-exoactualites-article #content .mdsm-blog-layout > .article-content {
    grid-column: 2;
    grid-row: 3;
    margin-left: 0;
    margin-right: 0;
  }
}
body#module-exoactualites-article #content .mdsm-blog-sidebar {
  box-sizing: border-box;
  min-width: 0;
  align-self: start;
  padding: 19px 17px;
  background: var(--mdsm-blog-panel);
  border: 1px solid var(--mdsm-blog-line);
  border-radius: 12px;
  color: var(--mdsm-blog-ink);
}
@media (min-width: 1100px) {
  body#module-exoactualites-article #content .mdsm-blog-sidebar {
    position: sticky;
    top: 110px;
    max-height: calc(100vh - 128px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
}
body#module-exoactualites-article #content .mdsm-blog-toc > summary {
  display: list-item;
  cursor: pointer;
  color: var(--mdsm-blog-ink);
  font-size: .98rem;
  font-weight: 750;
}
body#module-exoactualites-article #content .mdsm-blog-toc-list {
  list-style: none;
  padding: 0;
  margin: 13px 0 0;
}
body#module-exoactualites-article #content .mdsm-blog-toc-list li {
  margin: 0;
  padding: 0;
}
body#module-exoactualites-article #content .mdsm-blog-toc-list a {
  display: block;
  padding: 7px 0;
  color: #34546a;
  font-size: .87rem;
  line-height: 1.45;
  text-decoration: none;
  overflow-wrap: anywhere;
}
body#module-exoactualites-article #content .mdsm-blog-toc-list li.mdsm-blog-toc-sub a {
  padding-left: 12px;
  font-size: .82rem;
  color: #627587;
}
body#module-exoactualites-article #content .mdsm-blog-toc-list a:hover,
body#module-exoactualites-article #content .mdsm-blog-toc-list a:focus-visible {
  color: var(--mdsm-blog-accent);
  text-decoration: underline;
}
body#module-exoactualites-article #content .mdsm-blog-sidebar a:focus-visible,
body#module-exoactualites-article #content .mdsm-blog-toc > summary:focus-visible {
  outline: 2px solid var(--mdsm-blog-accent);
  outline-offset: 3px;
}
body#module-exoactualites-article #content .mdsm-blog-related {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #dae4ec;
}
body#module-exoactualites-article #content .mdsm-blog-related-title {
  margin: 0 0 8px;
  font-weight: 750;
  font-size: .92rem;
}
body#module-exoactualites-article #content .mdsm-blog-related-list {
  list-style: none;
  padding: 0;
  margin: 0 0 8px;
}
body#module-exoactualites-article #content .mdsm-blog-related-list li { margin: 0 0 9px; }
body#module-exoactualites-article #content .mdsm-blog-related-list a,
body#module-exoactualites-article #content .mdsm-blog-category-link {
  display: block;
  font-size: .86rem;
  color: #047fae;
  line-height: 1.45;
  text-decoration: none;
  overflow-wrap: anywhere;
}
body#module-exoactualites-article #content .mdsm-blog-related-list a:hover,
body#module-exoactualites-article #content .mdsm-blog-category-link:hover {
  text-decoration: underline;
}
body#module-exoactualites-article #content .mdsm-blog-category-link {
  margin-top: 10px;
  font-weight: 650;
}
@media (max-width: 1099px) {
  body#module-exoactualites-article #content .mdsm-blog-article > .mdsm-blog-sidebar {
    width: 100%;
    max-width: 760px;
    margin: 0 auto 28px;
    position: static;
  }
  body#module-exoactualites-article #content .mdsm-blog-sidebar .mdsm-blog-related {
    margin-top: 13px;
  }
}
@media (max-width: 767px) {
  body#module-exoactualites-article #content.page-content {
    padding: 18px 15px 32px;
    border-radius: 0;
  }
  body#module-exoactualites-article #content [id^="article_"] > .article-image {
    margin-bottom: 24px !important;
  }
  body#module-exoactualites-article #content [id^="article_"] > .article-image img {
    max-height: 245px;
    border-radius: 9px;
  }
  body#module-exoactualites-article #content [id^="article_"] > .article-content {
    font-size: 16px;
    line-height: 1.72;
  }
  body#module-exoactualites-article #content .article-content p,
  body#module-exoactualites-article #content .article-content li {
    line-height: 1.72;
  }
  body#module-exoactualites-article #content .article-content h2,
  body#module-exoactualites-article #content .article-content h3 {
    scroll-margin-top: 75px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body#module-exoactualites-article #content .mdsm-blog-sidebar * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}