.sst-overview {
  --sst-ink: #172238;
  --sst-muted: #526174;
  --sst-green: #087f8c;
  color: var(--sst-ink);
  padding: 12px 0 30px;
}
.sst-overview * {
  box-sizing: border-box;
}
.sst-overview h1,
.sst-overview h2,
.sst-overview h3 {
  color: inherit;
  line-height: 1.25;
}
.sst-overview p {
  line-height: 1.7;
}
.sst-overview .sst-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(240px, 1fr);
  gap: 36px;
  align-items: center;
  padding: 40px;
  background: #172b3a;
  color: #fff;
  border-radius: 0;
}
.sst-overview .sst-eyebrow {
  display: block;
  margin-bottom: 14px;
  color: #087f8c;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.sst-overview .sst-intro .sst-eyebrow {
  color: #f2b95f;
}
.sst-overview .sst-intro h1 {
  margin: 0 0 18px;
  font-size: clamp(1.8rem, 3.3vw, 2.7rem);
  font-weight: 750;
  letter-spacing: -.025em;
}
.sst-overview .sst-intro p {
  margin: 0 0 22px;
  color: #e0e8ed;
  font-size: 1rem;
}
.sst-overview .sst-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.sst-overview .sst-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 1px solid #087f8c;
  border-radius: 0;
  background: #087f8c;
  color: #fff;
  text-decoration: none;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
  transition: background .15s ease;
}
.sst-overview .sst-link-button:hover {
  background: #066571;
  border-color: #066571;
}
.sst-overview .sst-link-button.secondary {
  background: #fff;
  color: #087f8c;
  border-color: #b2dbe0;
}
.sst-overview .sst-link-button.secondary:hover {
  background: #eaf6f8;
}
.sst-overview .sst-intro .sst-link-button.secondary {
  color: #fff;
  background: transparent;
  border-color: #728590;
}
.sst-overview .sst-intro .sst-link-button.secondary:hover {
  background: #263e4e;
}
.sst-overview a:focus-visible,
.sst-overview summary:focus-visible {
  outline: 3px solid #f2a541;
  outline-offset: 4px;
}
.sst-overview .sst-facts {
  margin: 0;
  padding: 6px 22px;
  border: 1px solid #526673;
  border-radius: 0;
  background: #203847;
}
.sst-overview .sst-facts > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
}
.sst-overview .sst-facts > div + div {
  border-top: 1px solid #526673;
}
.sst-overview .sst-facts dt {
  color: #d0dce3;
  font-size: .88rem;
}
.sst-overview .sst-facts dd {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
}
.sst-overview .sst-section {
  margin-top: 26px;
  padding: 30px;
  border: 1px solid #e2e8ef;
  border-radius: 0;
  background: #fff;
}
.sst-overview .sst-section-heading {
  margin-bottom: 24px;
}
.sst-overview .sst-section-heading h2 {
  margin: 0 0 10px;
  font-size: 1.65rem;
  letter-spacing: -.02em;
}
.sst-overview .sst-section-heading p {
  margin: 0;
  color: var(--sst-muted);
  max-width: 760px;
}
.sst-overview .sst-two-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.sst-overview .sst-course {
  display: flex;
  flex-direction: column;
  padding: 26px;
  border: 1px solid #e2e8ef;
  border-radius: 0;
}
.sst-overview .sst-course.mac {
  background: #fff8ee;
}
.sst-overview .sst-course h3 {
  margin: 0 0 12px;
  font-size: 1.4rem;
}
.sst-overview .sst-course p {
  margin: 0 0 16px;
  color: var(--sst-muted);
}
.sst-overview .sst-course dl {
  margin: 0 0 22px;
}
.sst-overview .sst-course dl > div {
  padding: 12px 0;
  border-top: 1px solid #e2e8ef;
}
.sst-overview .sst-course dt {
  margin-bottom: 4px;
  color: var(--sst-muted);
  font-size: .8rem;
}
.sst-overview .sst-course dd {
  margin: 0;
  font-size: .95rem;
  font-weight: 600;
}
.sst-overview .sst-course .sst-actions {
  margin-top: auto;
}
.sst-overview .sst-note {
  margin: 20px 0 0;
  padding: 16px 20px;
  border-left: 3px solid #087f8c;
  background: #eaf6f8;
  border-radius: 0;
  font-size: .93rem;
}
.sst-overview .sst-program h3,
.sst-overview .sst-format h3 {
  margin: 0 0 12px;
  font-size: 1.15rem;
}
.sst-overview .sst-program ul {
  margin: 0;
  padding-left: 20px;
  color: var(--sst-muted);
}
.sst-overview .sst-program li {
  padding: 5px 0;
  line-height: 1.6;
}
.sst-overview .sst-format {
  padding: 22px;
  border-radius: 0;
  background: #f5f7fa;
}
.sst-overview .sst-format p {
  margin: 0 0 16px;
  color: var(--sst-muted);
}
.sst-overview .sst-trainer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  gap: 30px;
  align-items: start;
}
.sst-overview .sst-trainer h2 {
  margin: 0;
  font-size: 1.6rem;
}
.sst-overview .sst-trainer p {
  margin: 0 0 14px;
  color: var(--sst-muted);
}
.sst-overview .sst-faq details {
  padding: 18px 0;
  border-top: 1px solid #e2e8ef;
}
.sst-overview .sst-faq summary {
  cursor: pointer;
  font-weight: 650;
  line-height: 1.5;
}
.sst-overview .sst-faq details p {
  margin: 12px 0 0;
  color: var(--sst-muted);
}
.sst-overview .sst-faq a,
.sst-overview .sst-local-links a,
.sst-overview .sst-source a {
  color: #087f8c;
  text-underline-offset: 3px;
}
.sst-overview .sst-closing {
  background: #eaf6f8;
  border-color: #b2dbe0;
}
.sst-overview .sst-source {
  margin: 20px 4px 0;
  color: var(--sst-muted);
  font-size: .82rem;
}
@media (max-width: 760px) {
  .sst-overview .sst-intro,
  .sst-overview .sst-two-columns,
  .sst-overview .sst-trainer {
    grid-template-columns: 1fr;
  }
  .sst-overview .sst-intro {
    padding: 26px;
    gap: 24px;
  }
  .sst-overview .sst-section {
    padding: 22px;
  }
  .sst-overview .sst-course {
    padding: 22px;
  }
}

/* Charte formations MISPRO — styles limités à cette page. */
.sst-overview{max-width:1180px;margin-inline:auto;--sst-muted:#4b5d6d}
.sst-overview .sst-intro{padding:0;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;background:#163b50;border-top:6px solid #f2a541}
.sst-overview .sst-intro>div:first-child{padding:36px}
.sst-overview .sst-intro h1{font-size:clamp(1.8rem,3vw,2.6rem)}
.sst-overview .sst-title-sub{display:block;color:#b9e4e7;font-size:.67em;margin-top:16px;line-height:1.4;letter-spacing:0}
.sst-overview .sst-visual{height:100%;background:#204759;min-width:0}
.sst-overview .sst-visual img{display:block;width:100%;height:230px;object-fit:cover;object-position:center}
.sst-overview .sst-facts{border:0;padding:0 24px;background:#204759}
.sst-overview .sst-facts>div{padding:12px 0}
.sst-overview .sst-course.initial{border-top:5px solid #087f8c;background:#f1fafb}
.sst-overview .sst-course.mac{border-top:5px solid #f2a541}
.sst-overview .sst-course.mac .sst-eyebrow{color:#875014}
.sst-overview .sst-program{padding:24px;background:#f0f7fa;border-left:4px solid #087f8c}
.sst-overview .sst-program:nth-child(2){background:#fff8ee;border-color:#f2a541}
.sst-overview .sst-format{border-top:3px solid #163b50}
.sst-overview .sst-regulation{background:#f5f7fa}
.sst-overview .sst-regulation h2{font-size:1.45rem;margin:0}
.sst-overview .sst-regulation a{color:#087f8c;text-underline-offset:3px}
.sst-overview .sst-faq summary{padding-right:10px}
.sst-overview .sst-faq details[open] summary{color:#087f8c}
.sst-overview .sst-link-button{min-height:44px}
@media(max-width:760px){
.sst-overview .sst-intro{grid-template-columns:1fr}
.sst-overview .sst-intro>div:first-child{padding:24px}
.sst-overview .sst-visual img{height:200px}
.sst-overview .sst-section{padding:20px;margin-top:20px}
.sst-overview .sst-actions{align-items:stretch}
.sst-overview .sst-course .sst-actions{flex-direction:column}
}



.sst-overview {
  color: #172b3a;
}
.sst-overview .sst-section h2,
.sst-overview .sst-section h3,
.sst-overview .sst-faq summary {
  color: #172b3a !important;
}
.sst-overview .sst-section p,
.sst-overview .sst-program li,
.sst-overview .sst-course dt,
.sst-overview .sst-format p {
  color: #364b5b !important;
}
.sst-overview .sst-intro h1,
.sst-overview .sst-intro p,
.sst-overview .sst-facts dd {
  color: #ffffff !important;
}
.sst-overview .sst-title-sub,
.sst-overview .sst-facts dt {
  color: #d8f0f2 !important;
}
.sst-overview .sst-eyebrow {
  color: #066571 !important;
}
.sst-overview .sst-intro .sst-eyebrow {
  color: #ffd083 !important;
}
.sst-overview .sst-course.mac .sst-eyebrow {
  color: #75420b !important;
}
.sst-overview a.sst-link-button {
  background: #066571 !important;
  border-color: #066571 !important;
  color: #ffffff !important;
}
.sst-overview a.sst-link-button.secondary {
  background: #ffffff !important;
  border-color: #066571 !important;
  color: #065763 !important;
}
.sst-overview .sst-intro a.sst-link-button.secondary {
  background: transparent !important;
  border-color: #d8f0f2 !important;
  color: #ffffff !important;
}
.sst-overview .sst-section a:not(.sst-link-button),
.sst-overview .sst-source a {
  color: #065763 !important;
}


html body .sst-overview .sst-intro .sst-visual .sst-facts {
  background: #ffffff !important;
  color: #172b3a !important;
  border: 0 !important;
}
html body .sst-overview .sst-intro .sst-facts > div {
  background: transparent !important;
  border-color: #ccd7df !important;
}
html body .sst-overview .sst-intro .sst-facts dt {
  color: #364b5b !important;
}
html body .sst-overview .sst-intro .sst-facts dd {
  color: #172b3a !important;
  font-weight: 700 !important;
}
html body .sst-overview .sst-eyebrow {
  background: transparent !important;
  background-image: none !important;
  color: #065763 !important;
}
html body .sst-overview .sst-intro .sst-eyebrow {
  background: transparent !important;
  color: #ffd083 !important;
}

.sst-overview .course-nav{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;font-size:.95rem}.sst-overview .course-nav a{color:#065763;text-underline-offset:4px}.sst-overview .sst-facts dd{text-align:right}.sst-overview .sst-facts>div{flex-wrap:wrap}.sst-overview .sst-intro h1{overflow-wrap:anywhere}