/* Guide articles: a wide, decision-focused editorial reading system. */
body.drive-guide-page {
  --guide-article-ink: #080a0f;
  --guide-article-navy: #102238;
  --guide-article-blue: #2f64d6;
  --guide-article-blue-dark: #1f4fae;
  --guide-article-pale: #eef4ff;
  --guide-article-surface: #fff;
  --guide-article-canvas: #f4f7fb;
  --guide-article-text: #4e5968;
  --guide-article-muted: #6b7480;
  --guide-article-border: #dfe5ec;
  --guide-article-max: 90rem;
  background: var(--guide-article-canvas);
}

body.drive-guide-page .drive-comparison-tray {
  display: none !important;
}

.drive-guide-article {
  background: var(--guide-article-canvas);
  color: var(--guide-article-text);
}

.drive-guide-article :where(a, button):focus-visible {
  outline: 3px solid #ffb000 !important;
  outline-offset: 3px;
}

.drive-guide-article .drive-container {
  max-width: var(--guide-article-max);
}

.drive-guide-article .drive-media-article__header {
  background: var(--guide-article-pale);
  border-bottom: 1px solid #cedcf2;
  border-top: 0;
  padding-block: clamp(1.75rem, 4vw, 3.5rem) clamp(2rem, 4vw, 3.75rem);
}

.drive-guide-article .drive-media-breadcrumbs {
  margin-bottom: clamp(1.25rem, 2vw, 2rem);
}

.drive-guide-article .drive-media-breadcrumbs :where(a, span),
.drive-guide-article .drive-media-breadcrumbs li::after {
  color: #526075;
}

.drive-guide-article .drive-media-article__labels {
  margin-bottom: .8rem;
}

.drive-guide-article .drive-media-article__labels .drive-pill {
  background: var(--guide-article-blue) !important;
  color: #fff !important;
}

.drive-guide-article .drive-media-article__labels > a {
  color: var(--guide-article-blue-dark);
}

.drive-guide-article .drive-media-article__header h1 {
  color: var(--guide-article-ink);
  font-size: clamp(2.5rem, 4.35vw, 4.35rem);
  letter-spacing: -.052em;
  line-height: .98;
  margin: 0 0 1.25rem;
  max-width: 25ch;
  text-wrap: balance;
}

.drive-guide-article .drive-media-article__dek {
  color: #526075;
  font-size: clamp(1.08rem, 1.55vw, 1.35rem);
  line-height: 1.55;
  max-width: 58rem;
}

.drive-guide-article .drive-media-byline {
  border-top-color: #cedcf2;
  margin-top: clamp(1.4rem, 2.5vw, 2rem);
  padding-top: 1.1rem;
}

.drive-guide-article .drive-media-byline__author {
  color: var(--guide-article-ink);
}

.drive-guide-article .drive-media-byline__author img {
  background: #fff;
  box-shadow: 0 0 0 1px #c7d5e9;
}

.drive-guide-article .drive-media-byline__author small,
.drive-guide-article .drive-media-byline__dates {
  color: #5d6878;
}

.drive-guide-article .drive-media-article__hero {
  margin-top: clamp(1.25rem, 2.2vw, 2rem);
  max-width: var(--guide-article-max);
}

.drive-guide-article .drive-media-article__hero img {
  aspect-ratio: 16 / 7.7;
  border: 1px solid var(--guide-article-border);
  border-radius: .75rem;
  box-shadow: 0 18px 46px rgb(16 34 56 / 10%);
}

.drive-guide-article .drive-media-article__hero figcaption {
  color: var(--guide-article-muted);
  font-size: .75rem;
  line-height: 1.55;
  max-width: 70rem;
  padding-top: .75rem;
}

.drive-guide-article > .drive-ad-slot {
  margin-block: clamp(1.5rem, 3vw, 2.5rem) !important;
}

.drive-guide-article .drive-media-article__layout {
  gap: clamp(1.5rem, 2.6vw, 2.5rem);
  grid-template-columns: minmax(0, 60rem) minmax(19rem, 20rem);
  max-width: var(--guide-article-max);
  padding-block: clamp(1.5rem, 3vw, 3rem) clamp(3rem, 5vw, 5rem);
}

.drive-guide-article .drive-media-article__body {
  background: var(--guide-article-surface);
  border: 1px solid var(--guide-article-border);
  border-radius: .9rem;
  box-shadow: 0 12px 34px rgb(16 34 56 / 6%);
  color: var(--guide-article-text);
  font-size: 1.07rem;
  line-height: 1.78;
  padding: clamp(1.5rem, 3.5vw, 3.25rem);
}

.drive-guide-article .drive-media-article__body > :where(p, ul, ol, h2, h3, h4) {
  max-width: 50rem;
}

.drive-guide-article .drive-media-article__body > .drive-media-lead,
.drive-guide-article .drive-media-article__body > p:first-of-type {
  color: var(--guide-article-ink);
  font-size: clamp(1.18rem, 1.8vw, 1.4rem);
  font-weight: 650;
  line-height: 1.55;
  margin-top: 0;
  max-width: 48rem;
}

.drive-guide-article .drive-media-article__body > h2 {
  border: 0 !important;
  color: var(--guide-article-ink);
  font-size: clamp(1.65rem, 2.4vw, 2.25rem);
  letter-spacing: -.035em;
  line-height: 1.1;
  margin-block: clamp(2.5rem, 5vw, 4rem) 1rem;
  padding: 0 !important;
  scroll-margin-top: 7rem;
  width: 100%;
}

.drive-guide-article .drive-media-article__body > h3 {
  color: var(--guide-article-ink);
  font-size: clamp(1.25rem, 1.8vw, 1.55rem);
  line-height: 1.25;
  margin-block: 2rem .65rem;
}

.drive-guide-article .drive-media-article__body :where(p, li) {
  color: var(--guide-article-text);
}

.drive-guide-article .drive-media-article__body a {
  color: var(--guide-article-blue-dark);
  font-weight: 750;
  text-underline-offset: .18em;
}

.drive-guide-article .drive-media-callout {
  background: var(--guide-article-pale) !important;
  border: 1px solid #c9daf5 !important;
  border-radius: .65rem;
  color: #24354d !important;
  margin-block: 1.25rem 1.75rem !important;
  max-width: none !important;
  padding: 1.15rem 1.25rem !important;
}

.drive-guide-article .gs-toc:empty {
  display: none;
}

.drive-guide-article .gs-chart-wrapper {
  background: #fbfcfe;
  border: 1px solid var(--guide-article-border);
  border-radius: .7rem;
  max-width: none !important;
  overflow-x: auto;
  overflow-y: hidden;
  padding: .75rem;
  scrollbar-width: thin;
}

.drive-guide-article .wp-block-table {
  border: 1px solid var(--guide-article-border);
  border-radius: .7rem;
  margin-block: 1.5rem 2.5rem;
  max-width: none;
  overflow-x: auto;
  scrollbar-width: thin;
}

.drive-guide-article .wp-block-table table {
  border-collapse: collapse;
  margin: 0;
  min-width: 45rem;
  width: 100%;
}

.drive-guide-article .wp-block-table thead,
.drive-guide-article .wp-block-table thead tr,
.drive-guide-article .wp-block-table thead th {
  background: var(--guide-article-navy);
  color: #fff !important;
}

.drive-guide-article .wp-block-table thead th {
  border-color: #35506f;
}

.drive-guide-article .wp-block-table :where(th, td) {
  border-color: var(--guide-article-border);
  padding: .9rem 1rem;
  text-align: left;
  vertical-align: top;
}

.drive-guide-article .wp-block-table tbody tr:nth-child(even) {
  background: #f7f9fc;
}

.drive-guide-article .drive-media-article__body > ol.wp-block-list {
  background: #f7f9fc;
  border: 1px solid var(--guide-article-border);
  border-radius: .7rem;
  counter-reset: guide-step;
  display: grid;
  gap: 0;
  list-style: none;
  max-width: none;
  padding: 0;
}

.drive-guide-article .drive-media-article__body > ol.wp-block-list > li {
  counter-increment: guide-step;
  min-height: 4rem;
  padding: 1rem 1.25rem 1rem 4.25rem;
  position: relative;
}

.drive-guide-article .drive-media-article__body > ol.wp-block-list > li + li {
  border-top: 1px solid var(--guide-article-border);
}

.drive-guide-article .drive-media-article__body > ol.wp-block-list > li::before {
  align-items: center;
  background: var(--guide-article-blue);
  border-radius: 50%;
  color: #fff;
  content: counter(guide-step);
  display: flex;
  font-size: .85rem;
  font-weight: 850;
  height: 2rem;
  justify-content: center;
  left: 1.25rem;
  position: absolute;
  top: 1rem;
  width: 2rem;
}

.drive-guide-article .drive-media-after-content {
  border-top: 1px solid var(--guide-article-border);
  margin-top: 3.5rem;
  padding-top: 2rem;
}

.drive-guide-article .drive-media-relationships__grid {
  display: block;
}

.drive-guide-article .drive-media-relationships__grid > .drive-media-relationships__group {
  background: transparent !important;
  padding: 0;
}

.drive-guide-article .drive-media-relationships__group h3 {
  color: var(--guide-article-ink);
  font-size: 1rem;
  margin: 0 0 .8rem;
}

.drive-guide-article .drive-media-entity-cards {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

.drive-guide-article .drive-media-entity-card > a {
  border-color: var(--guide-article-border);
  box-shadow: none;
}

.drive-guide-article .drive-media-entity-card__content strong {
  color: var(--guide-article-ink);
}

.drive-guide-article .drive-media-entity-card__content small {
  color: var(--guide-article-blue-dark);
}

.drive-guide-article .drive-media-article__taxonomy {
  border-top-color: var(--guide-article-border);
}

.drive-guide-article .drive-media-article__taxonomy a {
  background: var(--guide-article-pale);
  color: var(--guide-article-blue-dark);
}

.drive-guide-rail {
  background: var(--guide-article-surface) !important;
  border: 1px solid var(--guide-article-border) !important;
  border-radius: .9rem !important;
  box-shadow: 0 12px 34px rgb(16 34 56 / 6%);
  display: block !important;
  max-height: calc(100vh - 2rem);
  overflow: auto;
  padding: 1.35rem !important;
  top: 1rem;
}

.drive-guide-rail > * {
  border-bottom: 0 !important;
}

.drive-guide-rail__intro {
  display: block !important;
  padding: 0 0 1rem !important;
}

.drive-guide-rail__intro > span {
  color: var(--guide-article-blue-dark) !important;
}

.drive-guide-rail__intro h2 {
  color: var(--guide-article-ink);
  font-size: 1.55rem;
  letter-spacing: -.035em;
  line-height: 1.08;
  margin: .4rem 0 .55rem;
}

.drive-guide-rail__intro p {
  color: var(--guide-article-muted);
  font-size: .84rem;
  line-height: 1.5;
  margin: 0;
}

.drive-guide-rail__toc {
  border-block: 1px solid var(--guide-article-border) !important;
  padding-block: .55rem !important;
}

.drive-guide-rail__toc[hidden] {
  display: none !important;
}

.drive-guide-rail__toc ol {
  counter-reset: toc;
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
}

.drive-guide-rail__toc li {
  counter-increment: toc;
  margin: 0;
}

.drive-guide-rail__toc a {
  align-items: start;
  color: #344154 !important;
  display: grid;
  font-size: .8rem !important;
  font-weight: 700 !important;
  gap: .7rem;
  grid-template-columns: 1.35rem 1fr;
  line-height: 1.35;
  padding: .6rem 0;
  text-decoration: none;
}

.drive-guide-rail__toc a::before {
  color: var(--guide-article-blue-dark);
  content: counter(toc, decimal-leading-zero);
  font-size: .65rem;
  font-weight: 850;
  padding-top: .12rem;
}

.drive-guide-rail__toc a:hover,
.drive-guide-rail__toc a:focus-visible {
  color: var(--guide-article-blue-dark) !important;
}

.drive-guide-rail__facts {
  display: grid !important;
  gap: .7rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-block: 1rem !important;
}

.drive-guide-rail__facts > div {
  display: grid;
  gap: .15rem;
}

.drive-guide-rail__facts strong {
  color: var(--guide-article-ink) !important;
}

.drive-guide-rail__all {
  align-items: center;
  background: var(--guide-article-blue);
  border-radius: .5rem;
  color: #fff !important;
  display: flex;
  font-size: .82rem !important;
  justify-content: center;
  min-height: 2.85rem;
  padding: .7rem 1rem;
  text-decoration: none;
}

.drive-guide-rail__all:hover {
  background: var(--guide-article-blue-dark);
}

.drive-guide-rail__correction {
  color: var(--guide-article-muted) !important;
  display: block;
  font-size: .72rem !important;
  margin-top: .8rem;
  text-align: center;
}

.drive-guide-rail .drive-ad-slot {
  border-top: 1px solid var(--guide-article-border) !important;
  margin-top: 1.25rem !important;
  max-width: none !important;
  padding-top: 1.25rem !important;
}

@media (max-width: 78rem) {
  .drive-guide-article .drive-media-article__layout {
    grid-template-columns: minmax(0, 54rem) minmax(18rem, 19rem);
  }
}

@media (max-width: 64rem) {
  .drive-guide-article .drive-media-article__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .drive-guide-rail {
    max-height: none;
    order: 0;
    position: static;
  }

  .drive-guide-rail__toc ol {
    column-gap: 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48rem) {
  body.drive-guide-page {
    padding-bottom: calc(4.75rem + env(safe-area-inset-bottom));
  }

  .drive-guide-article .drive-media-article__header {
    padding-block: 1.25rem 1.75rem;
  }

  .drive-guide-article .drive-media-article__header-inner {
    padding-inline: 1rem;
  }

  .drive-guide-article .drive-media-article__header h1 {
    font-size: clamp(2.05rem, 10.5vw, 3.15rem);
    line-height: 1.01;
    max-width: none;
  }

  .drive-guide-article .drive-media-article__dek {
    font-size: 1rem;
  }

  .drive-guide-article .drive-media-byline {
    gap: .85rem;
  }

  .drive-guide-article .drive-media-article__hero {
    padding-inline: .75rem;
  }

  .drive-guide-article .drive-media-article__hero img {
    aspect-ratio: 4 / 3;
    border-radius: .6rem;
  }

  .drive-guide-article .drive-media-article__layout {
    padding-inline: .75rem;
  }

  .drive-guide-article .drive-media-article__body,
  .drive-guide-rail {
    border-radius: .7rem;
  }

  .drive-guide-article .drive-media-article__body {
    font-size: 1rem;
    padding: 1.15rem;
  }

  .drive-guide-article .gs-chart-wrapper {
    display: none;
  }

  .drive-guide-article .wp-block-table::before {
    color: #45556c;
    content: 'Faites défiler le tableau pour voir toutes les colonnes';
    display: block;
    font-size: .75rem;
    font-weight: 650;
    inset-inline-start: 0;
    padding: .45rem .7rem;
    position: sticky;
    width: max-content;
  }

  html[dir='rtl'] .drive-guide-article .wp-block-table::before {
    content: 'اسحب الجدول أفقياً لعرض جميع الأعمدة';
  }

  html[dir='rtl'] .drive-guide-article .wp-block-table :where(th, td):nth-child(2) {
    direction: ltr;
    text-align: right;
  }

  .drive-guide-article .wp-block-table :where(th, td):first-child {
    inset-inline-start: 0;
    min-width: 9.5rem;
    position: sticky;
    width: 9.5rem;
    z-index: 1;
  }

  .drive-guide-article .wp-block-table thead th:first-child {
    z-index: 2;
  }

  .drive-guide-article .wp-block-table tbody td:first-child {
    background: #fff;
  }

  .drive-guide-article .wp-block-table tbody tr:nth-child(even) td:first-child {
    background: #f7f9fc;
  }

  .drive-guide-article .drive-media-article__body > h2 {
    font-size: clamp(1.5rem, 7vw, 1.9rem);
  }

  .drive-guide-rail__toc ol,
  .drive-guide-rail__facts {
    grid-template-columns: 1fr;
  }

  .drive-guide-article .drive-media-entity-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .drive-guide-article .drive-media-article__body > ol.wp-block-list > li {
    padding-right: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .drive-guide-article *,
  .drive-guide-article *::before,
  .drive-guide-article *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

@media print {
  .drive-guide-rail,
  .drive-guide-article > .drive-ad-slot {
    display: none !important;
  }

  .drive-guide-article .drive-media-article__layout {
    display: block;
  }
}