/* Opt-in frame for older single-column .wrap articles. */
body.article-template-editorial.editorial-reference--wrap {
  background: #eee;
}

body.editorial-reference--wrap > .topbar,
body.editorial-reference--wrap > header,
body.editorial-reference--wrap > nav:not([class]),
body.editorial-reference--wrap > .wrap {
  width: min(1020px, 100%);
  margin-inline: auto;
}

body.editorial-reference--wrap > header {
  min-height: 145px;
  padding: 24px 65px;
  border-bottom: 0;
  background: #fff;
}

body.editorial-reference--wrap > header .logo {
  color: #61373b;
  font-family: var(--ge-font-display);
  font-size: clamp(2.3rem, 5vw, 3.8rem);
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: -0.045em;
}

body.editorial-reference--wrap > header .logo em {
  color: var(--ge-accent);
}

body.editorial-reference--wrap > nav:not([class]) {
  padding-inline: 25px;
  background: #fff !important;
  box-shadow: none;
}

body.editorial-reference--wrap > nav:not([class]) a.active {
  background: transparent;
}

body.editorial-reference--wrap > nav:not([class]) a.active::after {
  background: var(--ge-accent);
}

body.editorial-reference--wrap > nav:not([class]) a.nav-cta {
  background: var(--ge-accent);
  color: #fff !important;
}

body.editorial-reference--wrap > nav:not([class]) a.nav-cta:hover {
  background: #61373b;
}

body.editorial-reference--wrap > .wrap {
  padding: 3.5rem 65px 4rem;
  background: #fff;
}

body.editorial-reference--wrap .wrap > h1,
body.editorial-reference--wrap .wrap > .intro,
body.editorial-reference--wrap .wrap > .article-meta {
  margin-inline: auto;
}

body.editorial-reference--wrap .wrap .tag {
  background: var(--ge-accent) !important;
}

body.editorial-reference--wrap .wrap > .intro,
body.editorial-reference--wrap .wrap > .encadre {
  border-left-color: var(--ge-accent);
}

body.editorial-reference--wrap .wrap .encadre__title {
  color: var(--ge-accent);
}

@media (max-width: 760px) {
  body.editorial-reference--wrap > header { min-height: 110px; padding: 20px 22px; }
  body.editorial-reference--wrap > nav:not([class]) { padding-inline: 8px; }
  body.editorial-reference--wrap > .wrap { padding: 2rem 22px 3rem; }
}
