/* V15 — targeted refinements to the established DataCoach components. */
#guide-pq-hero .pro-lead { margin-bottom: 25px; font-size: 18px; line-height: 1.6; }
#guide-pq-hero .pro-hero-benefits { display: grid; gap: 19px; list-style: none; margin: 0 0 30px; padding: 0; }
#guide-pq-hero .pro-hero-benefits li { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: start; gap: 14px; }
#guide-pq-hero .pro-hero-benefits img { display: block; width: 40px; height: 40px; object-fit: contain; margin-top: 2px; }
#guide-pq-hero .pro-hero-benefits strong { display: block; color: #142d50; font-size: 17px; line-height: 1.35; font-weight: 800; }
#guide-pq-hero .pro-hero-benefits p { margin: 5px 0 0; color: #415d7f; font-size: 15px; line-height: 1.55; }
#guide-pq-hero .pro-hero-price { display: flex; align-items: stretch; gap: 30px; margin: 0 0 24px; }
#guide-pq-hero .pro-hero-price > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 8px; }
#guide-pq-hero .pro-hero-price > div > span { height: auto; margin: 0; color: #415d7f; font-size: 12px; line-height: 1.4; }
#guide-pq-hero .pro-hero-price :is(del, strong) { align-self: flex-start; }
#guide-pq-hero .pro-hero-price del { font-size: 46px; line-height: 1; font-weight: 800; }
#guide-pq-hero .pro-hero-price del::after { height: 3px; left: -3px; right: -3px; }
#guide-pq-hero .pro-hero-price strong { font-size: 40px; line-height: 1.15; font-weight: 800; }
#guide-pq-hero .pro-actions { margin: 0 0 24px; }
/* The gold line sits below the white letters, so it cannot obscure them. */
.pq-v12.pro-immersion h2 mark,
.pq-v12.pro-closing h2 mark {
  color: #fff;
  background: none;
  text-decoration-line: underline;
  text-decoration-color: #ffdc73;
  text-decoration-thickness: .12em;
  text-underline-offset: .18em;
  text-decoration-skip-ink: auto;
}
#exemple .v12-journey-image { aspect-ratio: 16 / 9; object-fit: contain; }
#benjamin-guide-pq .pro-author-story strong { color: #142d50; font-weight: 800; }
@media (max-width: 767px) {
  #guide-pq-hero .pro-lead { font-size: 17px; margin-bottom: 23px; }
  #guide-pq-hero .pro-hero-benefits { gap: 18px; margin-bottom: 26px; }
  #guide-pq-hero .pro-hero-benefits li { grid-template-columns: 34px minmax(0, 1fr); gap: 12px; }
  #guide-pq-hero .pro-hero-benefits img { width: 34px; height: 34px; }
  #guide-pq-hero .pro-hero-benefits strong { font-size: 16px; }
  #guide-pq-hero .pro-hero-benefits p { font-size: 14px; }
  #guide-pq-hero .pro-hero-price { gap: 28px; }
  #guide-pq-hero .pro-hero-price del { font-size: 42px; }
  #guide-pq-hero .pro-hero-price strong { font-size: 36px; }
}