/* Course-only rules for the two new course pages on the product template (29 Oct 2026):
   academy/gtm-engineering.html and academy/infinite-analytics.html. Loaded after assets/product.css,
   scoped under main.pdp.cn so nothing reaches plans/engineers.html or other pages. Light mode.
   Duos: System (purple -> cyan, tech) on the GTM Engineering card band, Depth (black -> purple, authority)
   on the INFINITE Analytics band, Prestige (black -> gold, certificates) on the credential card.
   Magenta stays the one action (Register your interest); highlights are purple. */

/* card bands: one registered duo each, anchor held under the text */
main.pdp.cn--gtm .pdp-card__band{ background:linear-gradient(100deg, #3B06D4 0 40%, #4CF3FE 100%); }
main.pdp.cn--gtm .pdp-card__k, main.pdp.cn--gtm .pdp-card__title{ max-width:50%; }   /* System, 40% hold: body text safe in the anchor half */
main.pdp.cn--ia .pdp-card__band{ background:linear-gradient(100deg, #000 0 40%, #3B06D4 100%); }   /* Depth: white ink safe on the full field */
main.pdp.cn--ia .pdp-card__k, main.pdp.cn--ia .pdp-card__title{ max-width:100%; }

/* "Coming November–December 2026": a Mono status label, never a headline */
main.pdp.cn .cn-status{ display:inline-flex; align-items:center; gap:8px; align-self:flex-start; padding:6px 12px; border-radius:999px; background:#fff; box-shadow:var(--pdp-shadow); font-family:var(--font-mono); font-size:12px; font-weight:500; line-height:1.4; letter-spacing:.08em; text-transform:uppercase; color:var(--ink, #000); }
main.pdp.cn .cn-status::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--violet, #3B06D4); flex:none; }
main.pdp.cn .pdp-card .cn-status{ box-shadow:inset 0 0 0 1px #D1D1D9; }

/* three layers (GTM Engineering S4): design, build, run */
main.pdp.cn .cn-layers{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
main.pdp.cn .cn-layer{ display:flex; flex-direction:column; gap:8px; padding:22px; border-radius:var(--pdp-r-sm); background:#fff; box-shadow:var(--pdp-shadow); }
main.pdp.cn .cn-layer.is-this{ box-shadow:inset 0 0 0 2px var(--violet, #3B06D4), var(--pdp-shadow); }
main.pdp.cn .cn-layer h3{ margin:0; font-size:var(--role-dense); font-weight:600; line-height:1.2; letter-spacing:-.018em; }
main.pdp.cn .cn-layer p{ margin:0; font-size:.95rem; line-height:1.55; color:var(--pdp-soft); }
main.pdp.cn .cn-layer a{ color:var(--ink, #000); text-decoration:underline; text-underline-offset:3px; }
main.pdp.cn .cn-layer h3 a{ display:inline-flex; align-items:center; min-height:44px; }   /* measure F4: 44px tap target */
main.pdp.cn .cn-layer .meta.is-this{ color:var(--violet, #3B06D4); }
@media (min-width:768px){ main.pdp.cn .cn-layers{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } }

/* the course outline (INFINITE Analytics S6): eight parts, each with its modules */
main.pdp.cn .cn-outline{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
main.pdp.cn .cn-part{ display:flex; flex-direction:column; gap:10px; padding:22px; border-radius:var(--pdp-r-sm); background:#fff; box-shadow:var(--pdp-shadow); }
main.pdp.cn .cn-part.is-workshop{ background:#F6F8FF; }   /* workshop parts: a purple-50 tint, not a side stripe */
main.pdp.cn .cn-part > h3{ margin:0; font-size:var(--role-dense); font-weight:600; line-height:1.2; letter-spacing:-.018em; }
main.pdp.cn .cn-mods{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
main.pdp.cn .cn-mods li{ display:grid; grid-template-columns:40px minmax(0,1fr); gap:10px; font-size:.95rem; line-height:1.55; }
main.pdp.cn .cn-mods .cn-mod-n{ font-family:var(--font-mono); font-size:12px; font-weight:500; letter-spacing:.08em; line-height:1.9; color:var(--pdp-soft); font-variant-numeric:tabular-nums; }
main.pdp.cn .cn-mods b{ font-weight:600; }
main.pdp.cn .cn-mods p{ margin:2px 0 0; color:var(--pdp-soft); }
main.pdp.cn .cn-out{ margin:4px 0 0; padding-top:12px; box-shadow:inset 0 1px 0 #ECECF0; font-size:.95rem; line-height:1.55; }
main.pdp.cn .cn-out .meta{ display:inline; margin-right:6px; }
@media (min-width:1024px){ main.pdp.cn .cn-outline{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }

/* the views mapped to the INFINITE Pipeline: one card per group of rooms (no wide table on phones) */
main.pdp.cn .cn-views{ list-style:none; margin:clamp(28px,3.5vw,44px) 0 0; padding:0; display:grid; gap:12px; }
main.pdp.cn .cn-view{ padding:20px 22px; border-radius:var(--pdp-r-sm); background:#fff; box-shadow:var(--pdp-shadow); }
main.pdp.cn .cn-view.is-cap{ background:#000; color:#fff; box-shadow:none; }
main.pdp.cn .cn-view h4{ margin:4px 0 12px; font-size:var(--step-1); font-weight:600; line-height:1.2; letter-spacing:-.018em; }
main.pdp.cn .cn-view.is-cap .meta{ color:#7B87FF; }
main.pdp.cn .cn-view.is-cap h4, main.pdp.cn .cn-view.is-cap dd{ color:#fff; }
main.pdp.cn .cn-view dl{ margin:0; display:grid; gap:10px; }
main.pdp.cn .cn-view dl > div{ display:grid; gap:2px; }
main.pdp.cn .cn-view dt{ font-family:var(--font-mono); font-size:12px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--pdp-soft); }
main.pdp.cn .cn-view.is-cap dt{ color:#9A9BBD; }
main.pdp.cn .cn-view dd{ margin:0; font-size:.95rem; line-height:1.5; }
@media (min-width:768px){ main.pdp.cn .cn-views{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } main.pdp.cn .cn-view.is-cap{ grid-column:1 / -1; } }
@media (min-width:768px){ main.pdp.cn .cn-view.is-cap dl{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } }

/* the credential card: Prestige duo (black -> gold), text held in the black anchor */
main.pdp.cn .cn-cred{ margin:0; display:flex; flex-direction:column; justify-content:space-between; gap:40px; min-height:260px; padding:clamp(22px,3vw,36px); border-radius:var(--pdp-r); background:linear-gradient(160deg, #000 0 42%, #F5C24B 100%); color:#fff; }
main.pdp.cn .cn-cred__tag{ align-self:flex-start; font-family:var(--font-mono); font-size:12px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; }
main.pdp.cn .cn-cred__name{ margin:0; max-width:16ch; font-size:var(--step-3); font-weight:600; line-height:1.08; letter-spacing:-.02em; color:#fff; }
main.pdp.cn .cn-cred__by{ margin:10px 0 0; font-size:1.1875rem; font-weight:600; line-height:1.4; color:#fff; }   /* 19px/600 is large text: 3:1 holds at the gold end (measure F6) */
main.pdp.cn .cn-cred__top{ max-width:66%; }

/* the ladder on phones and tablets: this course first, then the memberships, then Free */
main.pdp.cn .pdp-lcol.cn-m1{ order:-2; }
main.pdp.cn .pdp-lcol.cn-m2{ order:-1; }
main.pdp.cn .pdp-lcol.cn-m3{ order:0; }
main.pdp.cn .pdp-lcol--community{ order:1; }
/* five columns since 30 Oct 2026 (Free, this course, Pro, Max, Infinite) */
@media (min-width:1024px){ main.pdp.cn .pdp-ladder--5{ grid-template-columns:minmax(104px,.55fr) repeat(5,minmax(0,1fr)); column-gap:12px; } main.pdp.cn .pdp-ladder--5 .pdp-lcol{ padding:20px 16px; } main.pdp.cn .pdp-ladder--5 .pdp-unit{ display:block; } }
main.pdp .pdp-lcol__who{ margin:0; font-size:var(--t-small,.875rem); line-height:1.4; color:var(--pdp-soft); } /* who the membership is for: Pro for ICs, Max for managers and leaders (owner, 30 Oct 2026) */

/* four tiles in a row on wide screens (difference tiles, who-it-is-for tiles) */
@media (min-width:1024px){ main.pdp.cn .cn-tiles--3{ grid-template-columns:repeat(3,minmax(0,1fr)); } main.pdp.cn .cn-tiles--4{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
main.pdp.cn .pdp-tile .meta{ margin-bottom:8px; }
main.pdp.cn .cn-room{ margin-top:clamp(24px,3vw,36px); }

/* "What typical training looks like" lines carry a quiet strike-free contrast */
main.pdp.cn .pdp-lines .cn-us{ color:var(--ink, #000); font-weight:600; }

@media (prefers-reduced-motion:reduce){ main.pdp.cn *, main.pdp.cn *::before, main.pdp.cn *::after{ transition:none !important; animation:none !important; } }

/* inline links in the "Or inside a membership" note stay inline (product.css makes .pdp-link a block there) */
main.pdp.cn .pdp-inc__plus p a{ color:var(--ink, #000); font-weight:600; text-decoration:underline; text-underline-offset:3px; }