/* Course lane, 31 Oct 2026: GTM Engineering, INFINITE Analytics, Revenue Growth Architect, AI Workspace.
   Additions only, scoped so nothing reaches other pages. Brand OS: cards have no border (white + shadow on light,
   elev-1 on dark), Lucide icons, Mono for labels and figures, magenta untouched (the page's one action stays). */

/* 1. A member quote beside a doubt: the same .vquote card the RGA and AIWS pages use, drawn for the light
      product pages. The questions sit on the left, the quote on the right; on phones it stacks under them. */
main.pdp .cl-row{ display:grid; gap:24px clamp(24px,3vw,48px); align-items:start; margin-top:clamp(32px,3.5vw,48px); }
main.pdp .cl-row > .pdp-qa-set{ margin-top:0; }
@media (min-width:900px){ main.pdp .cl-row{ grid-template-columns:minmax(0,1fr) minmax(266px,340px); } }
main.pdp .vquote{ margin:0; display:flex; flex-direction:column; gap:16px; padding:clamp(20px,2.4vw,26px); border-radius:var(--pdp-r-sm,16px); background:#fff; box-shadow:var(--pdp-shadow); }
main.pdp .vquote::before{ content:"\201C"; display:block; margin-bottom:-14px; font:700 2.4rem/1 'IBM Plex Sans',sans-serif; color:var(--violet,#3B06D4); }
main.pdp .vquote__q{ margin:0; font-size:1rem; line-height:1.58; letter-spacing:-.01em; color:var(--ink,#000); text-wrap:pretty; }
main.pdp .vquote__by{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding-top:14px; border-top:1px solid #ECECF0; }
main.pdp .vquote__face{ width:44px; height:44px; border-radius:50%; overflow:hidden; display:block; flex:none; }
main.pdp .vquote__face img{ width:100%; height:100%; object-fit:cover; display:block; }
main.pdp .vquote__id{ min-width:0; }
main.pdp .vquote__n{ display:block; font-size:.95rem; font-weight:600; line-height:1.25; color:var(--ink,#000); }
main.pdp .vquote__t{ display:block; margin-top:2px; font-family:var(--font-mono); font-size:12px; letter-spacing:.08em; line-height:1.4; text-transform:uppercase; color:var(--pdp-soft); }
main.pdp .vquote__li{ display:grid; place-items:center; width:44px; height:44px; border-radius:8px; color:var(--pdp-soft); text-decoration:none; }
main.pdp .vquote__li:hover{ color:var(--violet,#3B06D4); }
main.pdp .vquote__li:focus-visible{ outline:3px solid var(--violet,#3B06D4); outline-offset:2px; }

/* 2. Typical training, and this course: one row per doubt (GTM Engineering and INFINITE Analytics, S3) */
main.pdp .cl-vs{ margin:clamp(28px,3vw,40px) 0 0; display:grid; gap:12px; }
main.pdp .cl-vs__list{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
main.pdp .cl-vs__head{ display:none; }
main.pdp .cl-vs__row{ display:grid; gap:10px 32px; padding:20px 22px; border-radius:var(--pdp-r-sm,16px); background:#fff; box-shadow:var(--pdp-shadow); }
main.pdp .cl-vs__said{ display:block; font-size:.95rem; line-height:1.5; color:var(--pdp-soft); }
main.pdp .cl-vs__said .meta{ display:block; margin-bottom:2px; }
main.pdp .cl-vs__ans{ display:grid; grid-template-columns:24px minmax(0,1fr); gap:12px; align-items:start; }
main.pdp .cl-vs__ans svg{ width:24px; height:24px; color:var(--violet,#3B06D4); }
main.pdp .cl-vs__ans b{ display:block; font-weight:600; line-height:1.35; }
main.pdp .cl-vs__ans span span{ display:block; margin-top:2px; font-size:.95rem; line-height:1.55; color:var(--pdp-soft); }
@media (min-width:768px){
  main.pdp .cl-vs__head{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:32px; padding:0 22px; }
  main.pdp .cl-vs__row{ grid-template-columns:minmax(0,5fr) minmax(0,7fr); align-items:start; }
  main.pdp .cl-vs__said .meta{ display:none; }
}

/* 3. A second comparison table under the first (S11): a little air between them */
main.pdp .cl-sub{ margin:clamp(36px,4vw,56px) 0 16px; font-size:var(--role-dense, 1.25rem); font-weight:600; line-height:1.25; letter-spacing:-.018em; }
main.pdp .cl-sub--first{ margin-top:0; }
main.pdp.cn .cn-views{ margin-top:0; }

/* 4. Who it is for (INFINITE Analytics S4): three roles, then how you can join */
main.pdp .cl-aud{ list-style:none; margin:0 0 clamp(20px,2.4vw,28px); padding:0; display:grid; gap:12px; }
main.pdp .cl-aud li{ display:grid; grid-template-columns:24px minmax(0,1fr); gap:12px; padding:18px 20px; border-radius:var(--pdp-r-sm,16px); background:#fff; box-shadow:var(--pdp-shadow); }
main.pdp .cl-aud svg{ width:24px; height:24px; color:var(--violet,#3B06D4); }
main.pdp .cl-aud b{ display:block; font-weight:600; line-height:1.35; }
main.pdp .cl-aud span span{ display:block; margin-top:2px; font-size:.95rem; line-height:1.55; color:var(--pdp-soft); }
@media (min-width:768px){ main.pdp .cl-aud{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } }

/* 5. The exam pattern (INFINITE Analytics S9) and the extra run chips: the page's own .pdp-chips, given room */
main.pdp .cl-exam{ margin:clamp(20px,2.4vw,28px) 0 clamp(24px,3vw,36px); }
main.pdp.cn .cl-out{ margin:clamp(24px,3vw,36px) 0 0; }

/* 6. The trainer's figures (INFINITE Analytics S11): Mono numerals, the site's exact wording */
main.pdp .cl-figs{ list-style:none; margin:14px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; }
main.pdp .cl-figs li{ min-width:0; }
main.pdp .cl-figs b{ display:block; font-family:var(--font-mono); font-size:1.25rem; font-weight:600; line-height:1.2; font-variant-numeric:tabular-nums; color:var(--ink,#000); }
main.pdp .cl-figs span{ display:block; font-size:14px; line-height:1.45; color:var(--pdp-soft); }
main.pdp .pdp-trainer .meta{ white-space:normal; overflow-wrap:anywhere; }

/* 7. The merged company + teams section (S13): the teams card sits under the sponsor card */
main.pdp .cl-teams{ margin-top:clamp(28px,3.5vw,44px); }
main.pdp .pdp-teams h3{ margin:8px 0 6px; }

/* dark mode (html[data-mode="dark"]): cards on elev-1, ink white */
html[data-mode="dark"] main.pdp :is(.vquote,.cl-vs__row,.cl-aud li){ background:#0A0A0C; box-shadow:none; }
html[data-mode="dark"] main.pdp :is(.vquote__q,.vquote__n,.cl-figs b){ color:#F8F8FA; }
html[data-mode="dark"] main.pdp .vquote__by{ border-top-color:#1E1E2A; }

/* RGA (body.gtm-dark): the merged "Ready on day one" + "reasons to wait" section keeps air between its two halves */
body.gtm-dark .oldnew .cl-gap{ height:clamp(48px,6vw,88px); }