/* V16: scoped refinements from Benjamin's annotated review. */
#guide-pq-hero .pro-hero-benefits { display: block; list-style: disc; padding-left: 1.15em; margin: 30px 0 28px; }
#guide-pq-hero .pro-hero-benefits li { display: list-item; padding-left: .3em; margin: 8px 0; font-size: 16px; line-height: 1.55; color: #314969; }
#guide-pq-hero .pro-hero-benefits li::marker { color: #1759e8; font-size: .7em; }
#guide-pq-hero.pro-hero { padding-top: 55px; }
#guide-pq-hero .pro-hero-grid { grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); gap: 34px; }
/* One underline system across every section, on light and dark backgrounds. */
.pq-pro h1 mark, .pq-pro h2 mark, .pq-pro h2 em,
.pq-pro.pro-immersion h2 mark, .pq-pro.pro-closing h2 mark,
.guide-testimonials-adapter #avis-guide-pq h2 mark, .guide-testimonials-adapter #avis-guide-pq h2 .underline-2 {
  color: inherit; background: none; padding: 0; font-style: normal;
  text-decoration-line: underline; text-decoration-color: #ffda72;
  text-decoration-thickness: .11em; text-underline-offset: .15em; text-decoration-skip-ink: none;
}
#avis-guide-pq h2 .underline-2::after { content: none; }
.pq-pro h1, .pq-pro h2, #avis-guide-pq h2 { padding-bottom: .12em; }
.pq-pro .v16-composition { height: auto; aspect-ratio: 1.17; min-width: 0; position: relative; isolation: isolate; }
.pq-pro .v16-composition .pro-hero-orbit { inset: 1% auto auto 1%; width: 98%; }
.pq-pro .v16-composition .pro-screen-main { top: 12%; left: 3%; width: 97%; border-width: 5px; }
.pq-pro .v16-composition .pro-screen-detail { top: auto; bottom: 7%; right: 0; width: 64%; border-width: 4px; }
.pq-pro .v16-tool-badge { position: absolute; z-index: 4; display: grid; place-items: center; width: clamp(52px, 6.7vw, 88px); aspect-ratio: 1; border: 1px solid #dce6f4; border-radius: 21%; background: #fff; box-shadow: 0 12px 26px #142d5017; transition: transform .2s; }
.pq-pro .v16-tool-badge img { display: block; width: 67%; height: 67%; object-fit: contain; }
.v16-tool-badge--excel { top: 0; left: 8%; transform: rotate(-8deg); }
.v16-tool-badge--powerbi { top: 3%; right: -1%; transform: rotate(9deg); }
.pq-pro .v16-tool-badge:hover { transform: translateY(-3px); }
.pq-pro .v16-mentor-card { display: block; position: absolute; left: 1%; bottom: 1%; z-index: 3; width: 26%; max-width: 154px; overflow: hidden; border: 5px solid white; border-radius: 14px; background: white; color: #142d50; transform: rotate(-5deg); box-shadow: 0 14px 34px #142d5026; transition: transform .2s; }
.v16-mentor-card img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.v16-mentor-card span { display: block; font-size: 11px; font-weight: 750; line-height: 1.25; padding: 9px 3px 5px; text-align: center; }
.pq-pro .v16-mentor-card:hover { transform: rotate(-3deg) translateY(-2px); }
.pq-pro .pro-closing-art { transform: none; overflow: visible; }
.pq-pro .pro-closing-art > .v16-composition { width: 100%; }
.pq-pro .pro-closing-art .pro-screen { position: absolute; }
.pq-pro .pro-closing-art .pro-hero-orbit { opacity: .35; }
.pq-pro .pro-closing-grid { gap: 45px; grid-template-columns: 1fr 1fr; }
.pq-pro .v12-journey .pro-walkthrough-step { display: flex; align-items: center; min-height: 75px; gap: 15px; }
.pq-pro .v12-journey .pro-walkthrough-step strong { font-size: 15px; line-height: 1.4; }
.pq-pro .v12-journey .pro-walkthrough-nav { align-content: start; }
.pq-pro .v16-journey-caption { margin: 20px 4px 0; font-size: 15px; line-height: 1.65; color: #e1ebfa; }
.pq-pro .v12-journey .pro-walkthrough-scenes { align-self: start; }
.pq-pro .v12-environment-grid { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); gap: 15px; align-items: center; }
.pq-pro .v12-environment-card { align-self: stretch; padding-inline: 16px; }
.pq-pro .v16-environment-or { font-size: 14px; font-weight: 600; color: #61758e; }
.pq-pro .v16-author-cta { display: inline-flex; margin-top: 23px; }
.pq-pro .guide-catalogue__card-arrow { font-size: 18px; line-height: 1; }
@media (max-width: 1000px) and (min-width: 768px) {
  #guide-pq-hero .pro-hero-grid { gap: 24px; }
  #guide-pq-hero h1 { font-size: clamp(38px, 4.55vw, 46px); }
  #guide-pq-hero .pro-hero-benefits li { font-size: 14px; }
  .pq-pro .v16-mentor-card span { font-size: 9px; }
  .pq-pro .v12-environment-card h3 { font-size: 20px; }
}
@media (max-width: 767px) {
  #guide-pq-hero.pro-hero { padding-top: 32px; }
  #guide-pq-hero .pro-hero-grid, .pq-pro .pro-closing-grid { grid-template-columns: 1fr; gap: 30px; }
  #guide-pq-hero .pro-eyebrow { font-size: 10px; margin-bottom: 18px; }
  #guide-pq-hero h1 { font-size: clamp(35px, 9vw, 47px); }
  #guide-pq-hero .pro-hero-benefits { margin: 22px 0; }
  #guide-pq-hero .pro-hero-benefits li { font-size: 14px; line-height: 1.55; margin: 7px 0; }
  #guide-pq-hero .pro-hero-price { margin-bottom: 22px; }
  #guide-pq-hero .pro-actions { margin-bottom: 18px; }
  .pq-pro .v16-composition { aspect-ratio: 1.17; max-width: 540px; width: 100%; margin-inline: auto; }
  .pq-pro .v16-tool-badge { width: 15%; max-width: 74px; }
  .pq-pro .v16-mentor-card { width: 27%; border-width: 4px; }
  .pq-pro .v16-mentor-card span { font-size: 9px; padding-top: 7px; }
  .pq-pro .v12-journey .pro-walkthrough-step { min-height: 66px; gap: 8px; }
  .pq-pro .v12-journey .pro-walkthrough-step strong { font-size: 12px; }
  .pq-pro .v16-journey-caption { margin: 15px 0 0; font-size: 14px; }
  .pq-pro .v12-environment-grid { grid-template-columns: 1fr; gap: 11px; }
  .pq-pro .v12-environment-card { padding: 20px; }
  .pq-pro .v16-environment-or { justify-self: center; }
}
@media (prefers-reduced-motion: reduce) {
  .pq-pro .v16-tool-badge, .pq-pro .v16-mentor-card { transition: none; }
}

/* V17: the launch workbook is delivered as a Power BI Desktop project. */
.pq-pro .v12-environment-grid.v17-environment-single { grid-template-columns: minmax(0, 1fr); max-width: 720px; }
.pq-pro .v17-environment-single .v12-environment-card { display: grid; grid-template-columns: 104px minmax(0, 1fr); column-gap: 26px; text-align: left; padding: 28px 32px; }
.pq-pro .v17-environment-single .v12-environment-card > img { grid-row: 1 / 3; width: 104px; height: 104px; margin: 0; align-self: center; }
@media (max-width: 767px) {
  .pq-pro .v17-environment-single .v12-environment-card { grid-template-columns: 62px minmax(0, 1fr); column-gap: 18px; padding: 24px 20px; }
  .pq-pro .v17-environment-single .v12-environment-card > img { width: 62px; height: 62px; }
  .pq-pro .v17-environment-single .v12-environment-card h3 { font-size: 18px; }
}