/* Focused readability and editorial refinements for the home page. */
body.sober-home .site-header .language-switch a[aria-current]:is(:hover,:focus-visible),
body.sober-home .site-footer .language-switch a[aria-current]:is(:hover,:focus-visible) {
  color: #fff;
}

.sober-about .sober-practice h3 {
  margin: 0 0 8px;
  color: #26364d;
  font: 600 16px/1.4 var(--sans, system-ui, sans-serif);
}
.sober-about .sober-practice p {
  margin: 0;
}

.sober-about .experience-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 29px;
}
.sober-about .experience-logo {
  display: inline-flex;
  flex: 0 0 27px;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border: 1px solid #e2e6ec;
  border-radius: 7px;
  background: #fff;
}
.sober-about .experience-logo img {
  display: block;
  width: 19px;
  height: 19px;
  object-fit: contain;
}
.sober-about .experience-scope {
  max-width: 52ch;
  line-height: 1.55;
}
.sober-about .experience li p {
  font-size: 12px !important;
  line-height: 1.55;
}

/* The Allianz introduction shares the first chapter's navy canvas. */
.sober-home #allianz-trade-pay > .project-brief {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 32px max(var(--sober-gutter, 22px), calc((100% - 1280px) / 2)) 30px;
  gap: 16px;
  background: #103657;
  color: #f7fbff;
}
.sober-home #allianz-trade-pay .project-brief-logo--allianz {
  box-sizing: content-box;
  height: 34px;
  padding: 6px 9px;
  border-radius: 5px;
  background: #fff;
}
.sober-home #allianz-trade-pay .project-brief .project-contribution {
  max-width: 58ch;
  color: #d4e2ec;
}
.sober-home #allianz-trade-pay .project-brief-link,
.sober-home #allianz-trade-pay .project-brief-link:hover {
  color: #fff;
}

/* Match the exposed scroll tracks to their current story surfaces. */
.sober-home #interface-en-contexte .c103-scene-track {
  background: var(--cetelem-ground, #153b2a);
}

@media (max-width: 800px) {
  #malakoff-experience.mh9 {
    --mh3-header: var(--header, 66px);
  }
  #malakoff-experience .mh3-stage {
    top: var(--mh3-header);
    height: calc(100svh - var(--mh3-header));
    min-height: 0;
  }
  .sober-home #interface-en-contexte .c103-scene-sticky {
    top: var(--header, 66px);
    height: calc(100svh - var(--header, 66px));
    min-height: 0;
  }
  #allianz-trade-pay[data-at124] .at84-stage {
    top: var(--header, 66px);
    height: calc(100svh - var(--header, 66px));
    min-height: 0;
  }
}

@supports (height: 100dvh) {
  @media (max-width: 800px) {
    #malakoff-experience .mh3-stage {
      height: calc(100dvh - var(--mh3-header));
    }
    .sober-home #interface-en-contexte .c103-scene-sticky {
      height: calc(100dvh - var(--header, 66px));
    }
    #allianz-trade-pay[data-at124] .at84-stage {
      height: calc(100dvh - var(--header, 66px));
    }
  }
}

#malakoff-experience .mh10-audit-context {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--mh3-muted);
  font: 600 9px/1.3 var(--sans, system-ui, sans-serif);
  letter-spacing: .08em;
  white-space: nowrap;
}
#malakoff-experience .mh10-audit-context span:last-child {
  color: var(--mh3-accent);
}
#malakoff-experience .mh9-chart-center {
  gap: 5px;
}

@media (max-width: 600px) {
  .sober-home #allianz-trade-pay > .project-brief {
    padding-block: 25px 27px;
    gap: 13px;
  }
  .sober-home #allianz-trade-pay .project-brief-logo--allianz {
    height: 29px;
  }
  #malakoff-experience .mh10-audit-context {
    font-size: 8px;
    letter-spacing: .025em;
  }
}
@media (forced-colors: active) {
  body.sober-home .site-header .language-switch a[aria-current]:is(:hover,:focus-visible),
  body.sober-home .site-footer .language-switch a[aria-current]:is(:hover,:focus-visible) {
    color: HighlightText;
  }
}