/* ==========================================================================
   CX Skills — category landing pages
   File:     css/cxskills-landing.css   (wp-content/themes/conferpress-child/css/)
   Version:  1.9.0
   Markup:   [cxs_landing page="..."] in wp-content/mu-plugins/cxskills-landing.php
   Loaded:   by that mu-plugin, only on pages that contain the shortcode.

   All values from css/cxskills-tokens.css. Everything is scoped to .cxl.
   Buttons are Indigo, or white on Indigo, so the header's Gold button stays
   the one primary action. Gold is used for accents and the self-paced band.

   THEME GOTCHAS HANDLED HERE
   - The theme strips border-bottom from links, once in main.css (0,4,1) and
     once in the child theme with !important. Bordered links restate it with
     !important in the "Bottom borders" block.
   - The theme centres copy with !important and adds list bullets.
   - body and #wrap use overflow-x:hidden, which stops position:sticky. On
     these pages they clip instead, and #wrap becomes a flow root so the
     breadcrumb's top margin can't collapse through it (v1.0.1 bug: white gap
     above the header and the H1 hidden under the nav).

   HOVER STATES
   Course cards: border and shadow deepen, icon tile fills Indigo with a Gold
   stroke, arrow nudges right. Date rows tint Indigo 50. Buttons darken or
   fill. Nav pills fill Indigo. Keyboard focus mirrors hover plus an outline.

   CHANGELOG
   v1.5.0  (24 Sep 2026) Pathway section (.cxl-path__*): intro, video,
           numbered course cards. Partner section paragraphs. Enquiry form
           section (.cxl-form).
   v1.4.4  (24 Sep 2026) Second course group heading (.cxl-more-h).
   v1.4.3  (24 Sep 2026) Badge beside the Why CX Skills intro.
   v1.4.2  (24 Sep 2026) Standards badge column.
   v1.4.1  (24 Sep 2026) Resources intro runs full width.
   v1.4.0  (24 Sep 2026) Standards section (.cxl-std__*).
   v1.3.1  (24 Sep 2026) Onsite line under each course format; "Jump to"
           label hidden when a page has eight or more jump links.
   v1.3.0  (24 Sep 2026) Two-column tick list (.cxl-ticks--2) for the optional
           outcomes section; audience cards reuse .cxl-why; links in intros.
   v1.2.0  (24 Sep 2026) Selling points above the dates; hover on the Why
           CX Skills cards; ACXPA link in the hero ticks.
   v1.1.1  (24 Sep 2026) Bottom borders: the theme's rule is !important,
           so bordered links restate it with !important.
   v1.1.0  (24 Sep 2026) After review: header gap and H1 overlap fixed
           (flow-root); bottom borders restored on outlined buttons; in-page
           nav made prominent ("Jump to" + filled pills); no max-width on
           intro copy; logo band; course formats strip; dates list with
           descriptions and "Show all"; self-paced band; Why CX Skills;
           stats centred; locations removed.
   v1.0.1  (23 Sep 2026) Sticky in-page nav.
   v1.0.0  (23 Sep 2026) First issue (Customer Service review copy).
   ========================================================================== */

/* ---------- Theme overrides, only on pages using this template ---------- */
body:has(.cxl),body:has(.cxl) #wrap{ overflow-x:clip !important; overflow-y:visible !important; }
body:has(.cxl) #wrap{ display:flow-root; }

/* ---------- Base ---------- */
.cxl{ font-family:var(--cxs-ds-font); color:var(--cxs-ds-text); font-size:16px; line-height:1.6; }
.cxl *,.cxl *::before,.cxl *::after{ box-sizing:border-box; }
.cxl,.cxl *{ text-align:left !important; }
.cxl .is-c,.cxl .is-c *,.cxl .cxl-cta,.cxl .cxl-cta *,.cxl .cxl-date,.cxl .cxl-date *,.cxl .cxl-btn,
.cxl .cxl-stat,.cxl .cxl-stat *,.cxl .cxl-sp__price,.cxl .cxl-sp__price *{ text-align:center !important; }
.cxl ul,.cxl li{ list-style:none !important; }
.cxl ul{ margin:0; padding:0; }
.cxl li{ margin:0; padding:0; }
.cxl li::before{ content:none; }
.cxl p{ margin:0; }
.cxl p,.cxl li,.cxl a,.cxl span,.cxl summary,.cxl button{ letter-spacing:normal; }
.cxl a{ text-decoration:none; transition:color .15s, background-color .15s, border-color .15s, box-shadow .15s; }
.cxl a:focus-visible,.cxl button:focus-visible,.cxl summary:focus-visible{ outline:2px solid var(--cxs-ds-focus); outline-offset:2px; border-radius:var(--cxs-ds-radius-sm); }
.cxl .cxl-hero a:focus-visible,.cxl .cxl-cta a:focus-visible{ outline-color:var(--cxs-ds-focus-on-dark); }
.cxl [hidden]{ display:none !important; }

.cxl-in{ max-width:var(--cxs-ds-content-max); margin:0 auto; padding:0 var(--cxs-ds-space-lg); }
/* Full bleed from inside the page container (same method as the home page). */
.cxl-hero,.cxl-sub,.cxl-sec,.cxl-logos{ position:relative; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.cxl-sec{ padding:var(--cxs-ds-space-3xl) 0; }
.cxl-tint{ background:var(--cxs-ds-indigo-50); }
.cxl [id]{ scroll-margin-top:110px; }

/* ---------- Type ---------- */
.cxl .cxl-head{ margin-bottom:var(--cxs-ds-space-xl); }
.cxl .cxl-eb{
	margin:0 0 var(--cxs-ds-space-xs); font-size:var(--cxs-ds-text-eyebrow); font-weight:var(--cxs-ds-weight-semibold);
	letter-spacing:var(--cxs-ds-tracking-eyebrow); text-transform:uppercase; line-height:1.4; color:var(--cxs-ds-indigo-600);
}
.cxl .cxl-h1,.cxl .cxl-h2,.cxl .cxl-h3{ font-family:var(--cxs-ds-font); text-transform:none; padding:0; border:0; background:none; }
.cxl .cxl-h1{ margin:0 0 var(--cxs-ds-space-md); font-size:46px; font-weight:var(--cxs-ds-weight-bold); line-height:1.08; letter-spacing:-.015em; color:var(--cxs-ds-white); }
.cxl .cxl-h2{ margin:0 0 var(--cxs-ds-space-sm); font-size:var(--cxs-ds-text-h2); font-weight:var(--cxs-ds-weight-bold); line-height:1.2; letter-spacing:-.01em; color:var(--cxs-ds-text); }
.cxl .cxl-h3{ margin:0; font-size:var(--cxs-ds-text-h4); font-weight:var(--cxs-ds-weight-semibold); line-height:1.3; letter-spacing:normal; color:var(--cxs-ds-text); }
.cxl .cxl-lead{ margin:0; font-size:var(--cxs-ds-text-lead); line-height:1.5; color:var(--cxs-ds-text-muted); }
.cxl .cxl-note{ margin-top:var(--cxs-ds-space-lg); }
.cxl .cxl-empty{ color:var(--cxs-ds-text-muted); font-size:var(--cxs-ds-text-small); padding:var(--cxs-ds-space-sm) 0; }

/* ---------- Buttons and links (borders restated with id weight) ---------- */
.cxl .cxl-btns{ display:flex; flex-wrap:wrap; gap:12px; }
.cxl:not(#cxs-x) .cxl-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:12px 22px; margin:0;
	border:2px solid transparent; border-radius:var(--cxs-ds-radius-md); box-shadow:none; cursor:pointer;
	font-family:var(--cxs-ds-font); font-size:16px; font-weight:var(--cxs-ds-weight-semibold); line-height:1.2; text-transform:none;
	transition:color .15s, background-color .15s, border-color .15s;
}
.cxl:not(#cxs-x) .cxl-btn--white{ background:var(--cxs-ds-white); border-color:var(--cxs-ds-white); color:var(--cxs-ds-indigo-800); }
.cxl:not(#cxs-x) .cxl-btn--white:hover,.cxl:not(#cxs-x) .cxl-btn--white:focus-visible{ background:var(--cxs-ds-indigo-100); border-color:var(--cxs-ds-indigo-100); color:var(--cxs-ds-indigo-900); }
.cxl:not(#cxs-x) .cxl-btn--ghost{ background:transparent; border-color:var(--cxs-ds-indigo-200); color:var(--cxs-ds-white); }
.cxl:not(#cxs-x) .cxl-btn--ghost:hover,.cxl:not(#cxs-x) .cxl-btn--ghost:focus-visible{ background:var(--cxs-ds-white); border-color:var(--cxs-ds-white); color:var(--cxs-ds-indigo-800); }
.cxl:not(#cxs-x) .cxl-btn--solid{ background:var(--cxs-ds-indigo-700); border-color:var(--cxs-ds-indigo-700); color:var(--cxs-ds-white); }
.cxl:not(#cxs-x) .cxl-btn--solid:hover,.cxl:not(#cxs-x) .cxl-btn--solid:focus-visible{ background:var(--cxs-ds-indigo-900); border-color:var(--cxs-ds-indigo-900); color:var(--cxs-ds-white); }
.cxl:not(#cxs-x) .cxl-btn--outline{ background:var(--cxs-ds-white); border-color:var(--cxs-ds-indigo-300); color:var(--cxs-ds-indigo-700); }
.cxl:not(#cxs-x) .cxl-btn--outline:hover,.cxl:not(#cxs-x) .cxl-btn--outline:focus-visible{ background:var(--cxs-ds-indigo-700); border-color:var(--cxs-ds-indigo-700); color:var(--cxs-ds-white); }
.cxl:not(#cxs-x) .cxl-btn--sm{ min-height:40px; padding:8px 18px; font-size:var(--cxs-ds-text-small); }
.cxl a.cxl-more{ font-size:var(--cxs-ds-text-small); font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-link); white-space:nowrap; }
.cxl a.cxl-more:hover,.cxl a.cxl-more:focus-visible{ color:var(--cxs-ds-link-hover); }
.cxl .cxl-arr{ display:inline-block; transition:transform .15s; }
.cxl a:hover .cxl-arr,.cxl a:focus-visible .cxl-arr{ transform:translateX(3px); }

/* Date tile (hero card and dates list) */
.cxl .cxl-date{ flex:none; width:56px; padding:6px 0; border-radius:var(--cxs-ds-radius-md); background:var(--cxs-ds-indigo-50); color:var(--cxs-ds-indigo-700); line-height:1.1; }
.cxl .cxl-date b{ display:block; font-size:22px; font-weight:var(--cxs-ds-weight-bold); }
.cxl .cxl-date small{ display:block; font-size:11px; font-weight:var(--cxs-ds-weight-semibold); text-transform:uppercase; letter-spacing:.06em; }

/* Icon tile */
.cxl .cxl-ico{ width:44px; height:44px; flex:none; display:grid; place-items:center; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-indigo-50); transition:background-color .15s; }
.cxl .cxl-ico svg{ width:22px; height:22px; fill:none; stroke:var(--cxs-ds-indigo-700); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:stroke .15s; }

/* Tick lists */
.cxl .cxl-ticks li{ position:relative; padding:8px 0 8px 28px; font-size:15px; line-height:1.5; border-top:1px solid var(--cxs-ds-border); }
.cxl .cxl-ticks li::before{ content:""; position:absolute; left:2px; top:15px; width:12px; height:7px; border-left:2px solid var(--cxs-ds-indigo-600); border-bottom:2px solid var(--cxs-ds-indigo-600); transform:rotate(-45deg); }

/* ---------- Hero ---------- */
.cxl-hero{ background:var(--cxs-ds-indigo-700); color:var(--cxs-ds-white); overflow:hidden; }
.cxl-hero::after{ content:""; position:absolute; right:-160px; top:-180px; width:520px; height:520px; border-radius:50%; background:var(--cxs-ds-indigo-600); opacity:.45; pointer-events:none; }
.cxl .cxl-hero__in{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:var(--cxs-ds-space-2xl); align-items:center; padding-top:var(--cxs-ds-space-3xl); padding-bottom:var(--cxs-ds-space-3xl); }
.cxl .cxl-hero .cxl-eb{ color:var(--cxs-ds-gold); }
.cxl .cxl-hero__lead{ margin:0 0 var(--cxs-ds-space-md); font-size:var(--cxs-ds-text-lead); line-height:1.55; color:var(--cxs-ds-indigo-100); }
.cxl .cxl-hero .cxl-btns{ margin:var(--cxs-ds-space-lg) 0; }
.cxl .cxl-proof{ display:flex; flex-wrap:wrap; gap:8px 22px; }
.cxl .cxl-proof li{ font-size:var(--cxs-ds-text-small); color:var(--cxs-ds-indigo-100); }
.cxl .cxl-proof li::before{ content:"\2713\00a0"; color:var(--cxs-ds-gold); font-weight:var(--cxs-ds-weight-bold); }
.cxl .cxl-proof b{ color:var(--cxs-ds-white); }

.cxl .cxl-card{ background:var(--cxs-ds-white); color:var(--cxs-ds-text); border-radius:var(--cxs-ds-radius-xl); padding:var(--cxs-ds-space-lg); box-shadow:0 20px 50px color-mix(in srgb, var(--cxs-ds-indigo-900) 35%, transparent); }
.cxl .cxl-card__h{ margin:0 0 6px; font-size:var(--cxs-ds-text-h4); font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-text); }
.cxl .cxl-mini li{ border-top:1px solid var(--cxs-ds-border); }
.cxl .cxl-mini a{ display:flex; gap:14px; align-items:center; padding:10px 6px; margin:0 -6px; border-radius:var(--cxs-ds-radius-md); color:var(--cxs-ds-text); }
.cxl .cxl-mini a:hover,.cxl .cxl-mini a:focus-visible{ background:var(--cxs-ds-indigo-50); }
.cxl .cxl-mini .cxl-date{ width:52px; padding:5px 0; }
.cxl .cxl-mini .cxl-date b{ font-size:20px; }
.cxl .cxl-mini__t{ font-size:14px; font-weight:var(--cxs-ds-weight-semibold); line-height:1.3; }
.cxl .cxl-mini__t small{ display:block; margin-top:2px; font-size:12.5px; font-weight:var(--cxs-ds-weight-regular); color:var(--cxs-ds-text-muted); }
.cxl a.cxl-card__all{ display:block; margin-top:4px; padding-top:12px; border-top:1px solid var(--cxs-ds-border); font-size:14px; font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-link); }
.cxl a.cxl-card__all:hover{ color:var(--cxs-ds-link-hover); }

/* ---------- Sticky in-page nav ---------- */
body.admin-bar .cxl-sub{ --cxl-sub-top:32px; }
@media (max-width:782px){ body.admin-bar .cxl-sub{ --cxl-sub-top:0px; } }
.cxl-sub{ position:sticky; top:var(--cxl-sub-top, 0px); z-index:40; background:var(--cxs-ds-white); border-bottom:1px solid var(--cxs-ds-indigo-100); box-shadow:0 6px 18px color-mix(in srgb, var(--cxs-ds-indigo-900) 10%, transparent); }
.cxl .cxl-sub .cxl-in{ display:flex; gap:8px; align-items:center; min-height:68px; overflow-x:auto; scrollbar-width:none; }
.cxl .cxl-sub .cxl-in::-webkit-scrollbar{ display:none; }
.cxl .cxl-sub__lbl{ flex:none; margin-right:4px; font-size:var(--cxs-ds-text-eyebrow); font-weight:var(--cxs-ds-weight-semibold); letter-spacing:var(--cxs-ds-tracking-eyebrow); text-transform:uppercase; color:var(--cxs-ds-text-muted); }
/* Eight or more jump links: drop the "Jump to" label so the quote button fits */
.cxl .cxl-sub .cxl-in:has(a:nth-of-type(9)) .cxl-sub__lbl{ display:none; }
.cxl:not(#cxs-x) .cxl-sub a{
	flex:none; padding:8px 16px; border:1px solid var(--cxs-ds-indigo-100); border-radius:var(--cxs-ds-radius-pill);
	background:var(--cxs-ds-indigo-50); color:var(--cxs-ds-indigo-700); font-size:15px; font-weight:var(--cxs-ds-weight-semibold); white-space:nowrap;
}
.cxl:not(#cxs-x) .cxl-sub a:hover,.cxl:not(#cxs-x) .cxl-sub a:focus-visible{ background:var(--cxs-ds-indigo-700); border-color:var(--cxs-ds-indigo-700); color:var(--cxs-ds-white); }
.cxl:not(#cxs-x) .cxl-sub a.cxl-sub__cta{ margin-left:auto; background:var(--cxs-ds-indigo-700); border-color:var(--cxs-ds-indigo-700); color:var(--cxs-ds-white); }
.cxl:not(#cxs-x) .cxl-sub a.cxl-sub__cta:hover,.cxl:not(#cxs-x) .cxl-sub a.cxl-sub__cta:focus-visible{ background:var(--cxs-ds-indigo-900); border-color:var(--cxs-ds-indigo-900); }

/* ---------- Logos ---------- */
.cxl-logos{ padding:var(--cxs-ds-space-xl) 0; background:var(--cxs-ds-white); border-bottom:1px solid var(--cxs-ds-border); }
.cxl .cxl-logos__row{ display:flex; align-items:center; gap:var(--cxs-ds-space-xl); }
.cxl .cxl-logos__txt{ flex:none; width:260px; font-size:var(--cxs-ds-text-small); line-height:1.45; color:var(--cxs-ds-text-muted); }
.cxl .cxl-logos__txt b{ display:block; margin-bottom:2px; font-size:var(--cxs-ds-text-h4); font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-text); }
.cxl .cxl-logos__txt a.cxl-more{ display:inline-block; margin-top:6px; }
.cxl .cxl-logos__grid{ flex:1; min-width:0; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:var(--cxs-ds-space-xs) var(--cxs-ds-space-md); align-items:center; }
.cxl .cxl-logos__grid img{ display:block; width:100%; height:56px; object-fit:contain; margin:0; border:0; box-shadow:none; filter:grayscale(1); opacity:.75; mix-blend-mode:multiply; transition:filter .2s, opacity .2s; }
.cxl .cxl-logos__grid li:hover img{ filter:none; opacity:1; }

/* ---------- Grids ---------- */
.cxl .cxl-g2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--cxs-ds-space-lg); }
.cxl .cxl-g3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--cxs-ds-space-lg); }
.cxl .cxl-g4{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--cxs-ds-space-md); }

/* ---------- Course cards ---------- */
.cxl:not(#cxs-x) a.cxl-course{
	display:flex; flex-direction:column; gap:10px; padding:22px; border-radius:var(--cxs-ds-radius-lg);
	background:var(--cxs-ds-white); color:var(--cxs-ds-text); border:1px solid var(--cxs-ds-indigo-100); box-shadow:var(--cxs-ds-shadow-sm);
}
.cxl:not(#cxs-x) a.cxl-course:hover,.cxl:not(#cxs-x) a.cxl-course:focus-visible{ border-color:var(--cxs-ds-indigo-300); box-shadow:var(--cxs-ds-shadow-lg); }
.cxl a.cxl-course:hover .cxl-ico,.cxl a.cxl-course:focus-visible .cxl-ico{ background:var(--cxs-ds-indigo-700); }
.cxl a.cxl-course:hover .cxl-ico svg,.cxl a.cxl-course:focus-visible .cxl-ico svg{ stroke:var(--cxs-ds-gold); }
.cxl .cxl-course .cxl-h3{ margin-top:4px; }
.cxl .cxl-course p{ flex:1; font-size:14.5px; line-height:1.55; color:var(--cxs-ds-text-muted); }
.cxl .cxl-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.cxl .cxl-chips span{ padding:3px 10px; border-radius:var(--cxs-ds-radius-pill); background:var(--cxs-ds-indigo-50); color:var(--cxs-ds-indigo-700); font-size:12px; font-weight:var(--cxs-ds-weight-medium); }
.cxl .cxl-go{ font-size:14px; font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-link); }

/* Second course group (e.g. specialist programs) */
.cxl .cxl-more-h{ margin:var(--cxs-ds-space-2xl) 0 var(--cxs-ds-space-md); }
.cxl .cxl-more-h p{ margin-top:4px; font-size:15px; color:var(--cxs-ds-text-muted); }

/* Course formats strip */
.cxl .cxl-formats{ display:flex; align-items:center; gap:var(--cxs-ds-space-xl); margin-top:var(--cxs-ds-space-xl); padding:var(--cxs-ds-space-lg); border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); }
.cxl .cxl-formats__txt{ flex:1; min-width:0; }
.cxl .cxl-formats__txt p{ margin-top:4px; font-size:14.5px; color:var(--cxs-ds-text-muted); }
.cxl .cxl-formats__list{ flex:none; display:flex; gap:10px; }
.cxl .cxl-formats__list li{ min-width:150px; padding:12px 16px; border-radius:var(--cxs-ds-radius-md); background:var(--cxs-ds-indigo-50); }
.cxl .cxl-formats__list b{ display:block; font-size:16px; color:var(--cxs-ds-indigo-700); }
.cxl .cxl-formats__list span{ display:block; font-size:13.5px; color:var(--cxs-ds-text-muted); }
.cxl .cxl-formats__list span.cxl-formats__alt{ margin-top:2px; font-size:12.5px; font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-indigo-600); }
.cxl .cxl-help{ margin-top:var(--cxs-ds-space-lg); font-size:var(--cxs-ds-text-small); color:var(--cxs-ds-text-muted); }

/* ---------- Dates list ---------- */
.cxl .cxl-dates{ border:1px solid var(--cxs-ds-border); border-radius:var(--cxs-ds-radius-lg); overflow:hidden; background:var(--cxs-ds-white); }
.cxl .cxl-dates li{ display:grid; grid-template-columns:56px minmax(0,1fr) auto auto; gap:20px; align-items:center; padding:16px 20px; border-top:1px solid var(--cxs-ds-border); transition:background-color .15s; }
.cxl .cxl-dates li:first-child{ border-top:0; }
.cxl .cxl-dates li:hover{ background:var(--cxs-ds-indigo-50); }
.cxl .cxl-dates__t a{ display:block; font-size:16px; font-weight:var(--cxs-ds-weight-semibold); line-height:1.35; color:var(--cxs-ds-text); }
.cxl .cxl-dates__t a:hover{ color:var(--cxs-ds-link); }
.cxl .cxl-dates__meta{ display:block; margin-top:2px; font-size:13.5px; font-weight:var(--cxs-ds-weight-medium); color:var(--cxs-ds-indigo-600); }
.cxl .cxl-dates__d{ display:block; margin-top:4px; font-size:14px; line-height:1.5; color:var(--cxs-ds-text-muted); }
.cxl .cxl-dates__p{ font-size:18px; font-weight:var(--cxs-ds-weight-bold); line-height:1.2; text-align:right !important; white-space:nowrap; }
.cxl .cxl-dates__p small{ display:block; font-size:11px; font-weight:var(--cxs-ds-weight-medium); color:var(--cxs-ds-text-muted); text-align:right !important; }
.cxl .cxl-dates__foot{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px 16px; margin-top:var(--cxs-ds-space-md); font-size:14px; color:var(--cxs-ds-text-muted); }

/* ---------- Public vs private ---------- */
.cxl .cxl-pc{ display:flex; flex-direction:column; padding:28px; border-radius:var(--cxs-ds-radius-xl); border:1px solid var(--cxs-ds-indigo-100); background:var(--cxs-ds-white); }
.cxl .cxl-pc.is-feature{ border:2px solid var(--cxs-ds-indigo-600); }
.cxl .cxl-pc .cxl-h3{ font-size:22px; margin-bottom:4px; }
.cxl .cxl-pc__sub{ margin:0 0 16px !important; color:var(--cxs-ds-text-muted); }
.cxl .cxl-pc .cxl-ticks{ flex:1; margin:0 0 20px !important; }
.cxl:not(#cxs-x) .cxl-pc .cxl-btn{ align-self:flex-start; }

/* ---------- Self-paced ---------- */
.cxl-sp{ background:var(--cxs-ds-gold-tint); }
.cxl .cxl-sp__top{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:var(--cxs-ds-space-2xl); align-items:center; }
.cxl .cxl-sp .cxl-eb{ color:var(--cxs-ds-gold-deep); }
.cxl .cxl-sp__kicker{ margin:0 0 var(--cxs-ds-space-sm); font-size:var(--cxs-ds-text-h4); font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-indigo-700); }
.cxl .cxl-sp .cxl-lead{ color:var(--cxs-ds-text); }
.cxl .cxl-sp__chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:var(--cxs-ds-space-md); }
.cxl .cxl-sp__chips li{ padding:6px 14px; border-radius:var(--cxs-ds-radius-pill); background:var(--cxs-ds-white); font-size:14px; font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-indigo-800); }
.cxl .cxl-sp__chips li::before{ content:"\2713\00a0"; color:var(--cxs-ds-gold-deep); font-weight:var(--cxs-ds-weight-bold); }
.cxl .cxl-sp__price{ padding:var(--cxs-ds-space-lg); border-radius:var(--cxs-ds-radius-xl); background:var(--cxs-ds-white); box-shadow:var(--cxs-ds-shadow-md); border-top:4px solid var(--cxs-ds-gold); }
.cxl .cxl-sp__from{ font-size:var(--cxs-ds-text-eyebrow); font-weight:var(--cxs-ds-weight-semibold); letter-spacing:var(--cxs-ds-tracking-eyebrow); text-transform:uppercase; color:var(--cxs-ds-text-muted); }
.cxl .cxl-sp__amt{ font-size:52px; font-weight:var(--cxs-ds-weight-bold); line-height:1.05; color:var(--cxs-ds-indigo-700); }
.cxl .cxl-sp__per{ font-size:15px; font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-text); }
.cxl .cxl-sp__note{ margin:8px 0 var(--cxs-ds-space-md) !important; font-size:13.5px; color:var(--cxs-ds-text-muted); }
.cxl:not(#cxs-x) .cxl-sp__price .cxl-btn{ width:100%; }
.cxl .cxl-sp__terms{ margin-top:10px; font-size:12.5px; color:var(--cxs-ds-text-muted); }
.cxl .cxl-sp__cols{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:var(--cxs-ds-space-2xl); margin-top:var(--cxs-ds-space-xl); padding-top:var(--cxs-ds-space-xl); border-top:1px solid color-mix(in srgb, var(--cxs-ds-gold-deep) 25%, transparent); }
.cxl .cxl-sp__cols .cxl-h3{ margin-bottom:8px; }
.cxl .cxl-sp .cxl-ticks li{ border-top-color:color-mix(in srgb, var(--cxs-ds-gold-deep) 20%, transparent); }
.cxl .cxl-sp .cxl-ticks li::before{ border-color:var(--cxs-ds-gold-deep); }
.cxl .cxl-sp .cxl-ticks b{ color:var(--cxs-ds-text); }

/* Links inside section intros */
.cxl .cxl-lead a{ font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-link); text-decoration:underline; text-underline-offset:3px; }
.cxl .cxl-lead a:hover{ color:var(--cxs-ds-link-hover); }

/* ---------- Outcomes (two-column ticks) ---------- */
.cxl .cxl-ticks--2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--cxs-ds-space-2xl); max-width:1000px; }
.cxl .cxl-ticks--2 li{ padding-top:12px; padding-bottom:12px; font-size:16px; }
.cxl .cxl-ticks--2 li::before{ top:19px; }
@media (max-width:700px){ .cxl .cxl-ticks--2,.cxl .cxl-std__res .cxl-g4{ grid-template-columns:minmax(0,1fr); } }

/* ---------- Pathway (named multi-course program, e.g. Daniel Ord TL pathway) ---------- */
.cxl .cxl-path__top{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:var(--cxs-ds-space-2xl); align-items:center; }
.cxl .cxl-path__copy .cxl-h2{ margin:6px 0 12px; }
.cxl .cxl-path__copy .cxl-lead{ margin-bottom:12px; font-size:17px; }
.cxl .cxl-path__copy .cxl-ticks{ margin:var(--cxs-ds-space-md) 0 !important; }
.cxl .cxl-path__price{ margin:0 0 var(--cxs-ds-space-md) !important; font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-indigo-700); }
.cxl .cxl-path__video{ margin:0; }
.cxl .cxl-path__frame{ position:relative; aspect-ratio:16/9; border-radius:var(--cxs-ds-radius-lg); overflow:hidden; background:var(--cxs-ds-indigo-900); box-shadow:var(--cxs-ds-shadow-lg); }
.cxl .cxl-path__frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.cxl .cxl-path__video figcaption{ margin-top:10px; font-size:14px; color:var(--cxs-ds-text-muted); text-align:left !important; }
.cxl .cxl-path__h{ margin:var(--cxs-ds-space-2xl) 0 var(--cxs-ds-space-md); }
.cxl .cxl-path__card{ position:relative; }
.cxl .cxl-path__num{ position:absolute; top:18px; right:20px; font-size:28px; font-weight:var(--cxs-ds-weight-bold); line-height:1; color:var(--cxs-ds-indigo-200); }
.cxl .cxl-path__tag{ align-self:flex-start; padding:3px 10px; border-radius:var(--cxs-ds-radius-pill); background:var(--cxs-ds-gold-tint); color:var(--cxs-ds-ink); font-size:12px; font-weight:var(--cxs-ds-weight-semibold); }
.cxl .cxl-course p.cxl-path__focus{ flex:none; font-size:13.5px; color:var(--cxs-ds-text); }
@media (max-width:991px){ .cxl .cxl-path__top{ grid-template-columns:minmax(0,1fr); } }
.cxl .cxl-partner__p{ margin:0 0 12px !important; font-size:17px; }

/* ---------- Standards (ACXPA) ---------- */
.cxl .cxl-std__ticks{ max-width:760px; }
.cxl .cxl-std__top.has-badge{ display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:var(--cxs-ds-space-2xl); align-items:center; }
.cxl .cxl-std__badge img{ display:block; width:220px; height:auto; margin:0 auto; border:0; box-shadow:none; }
.cxl .cxl-why__top{ margin-bottom:var(--cxs-ds-space-xl); }
.cxl .cxl-why__top .cxl-head{ margin-bottom:0; }
.cxl .cxl-why__top .cxl-std__badge img{ width:180px; }
@media (max-width:700px){ .cxl .cxl-why__top .cxl-std__badge img{ width:120px; } }
@media (max-width:991px){ .cxl .cxl-std__top.has-badge{ grid-template-columns:minmax(0,1fr) 160px; } .cxl .cxl-std__badge img{ width:160px; } }
@media (max-width:700px){ .cxl .cxl-std__top.has-badge{ grid-template-columns:minmax(0,1fr); gap:var(--cxs-ds-space-lg); } .cxl .cxl-std__badge{ order:-1; } .cxl .cxl-std__badge img{ width:120px; margin:0; } }
.cxl .cxl-std__btns{ margin-top:var(--cxs-ds-space-md); }
.cxl .cxl-std__res{ margin-top:var(--cxs-ds-space-2xl); padding-top:var(--cxs-ds-space-xl); border-top:1px solid var(--cxs-ds-indigo-100); }
.cxl .cxl-std__lead{ margin:6px 0 var(--cxs-ds-space-lg) !important; color:var(--cxs-ds-text-muted); }

/* ---------- Why CX Skills ---------- */
.cxl .cxl-why{ display:flex; gap:16px; align-items:flex-start; padding:22px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); }
.cxl .cxl-why p{ margin-top:6px; font-size:14.5px; line-height:1.55; color:var(--cxs-ds-text-muted); }

/* ---------- Stats (centred) ---------- */
.cxl .cxl-stat{ display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding:24px 20px; border-radius:var(--cxs-ds-radius-lg); border:1px solid var(--cxs-ds-indigo-100); background:var(--cxs-ds-white); }
.cxl .cxl-stat b{ display:block; font-size:40px; line-height:1.1; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-indigo-700); }
.cxl .cxl-stat span{ display:block; margin-top:8px; font-size:14px; line-height:1.5; color:var(--cxs-ds-text-muted); }

/* ---------- Reviews (Site Reviews plugin output) ---------- */
.cxl .cxl-rev__sum{ margin-bottom:var(--cxs-ds-space-lg); }
.cxl .cxl-rev__list{ font-size:15px; }

/* ---------- FAQs ---------- */
.cxl .cxl-faq{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:var(--cxs-ds-space-2xl); align-items:start; }
.cxl .cxl-faq__side{ position:sticky; top:130px; }
/* Enquiry form (the page's own Gravity Form, restyled lightly) */
.cxl .cxl-form{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:var(--cxs-ds-space-2xl); align-items:start; }
.cxl .cxl-form__note{ margin-top:12px !important; font-size:15px; color:var(--cxs-ds-text-muted); }
.cxl .cxl-form__note a{ font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-link); }
.cxl .cxl-form__box{ padding:28px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); box-shadow:var(--cxs-ds-shadow-sm); text-align:left !important; }
@media (max-width:991px){ .cxl .cxl-form{ grid-template-columns:minmax(0,1fr); } }
.cxl .cxl-q{ border-bottom:1px solid var(--cxs-ds-indigo-100); }
.cxl .cxl-q:first-child{ border-top:1px solid var(--cxs-ds-indigo-100); }
.cxl .cxl-q summary{ display:flex; justify-content:space-between; gap:16px; padding:16px 0; cursor:pointer; list-style:none; font-weight:var(--cxs-ds-weight-semibold); line-height:1.4; color:var(--cxs-ds-text); }
.cxl .cxl-q summary::-webkit-details-marker{ display:none; }
.cxl .cxl-q summary::after{ content:"+"; flex:none; font-size:22px; line-height:1; color:var(--cxs-ds-indigo-600); transition:transform .15s; }
.cxl .cxl-q[open] summary::after{ transform:rotate(45deg); }
.cxl .cxl-q summary:hover{ color:var(--cxs-ds-indigo-700); }
.cxl .cxl-a{ padding:0 0 18px; font-size:15px; color:var(--cxs-ds-text-muted); }
.cxl .cxl-a p{ margin:0 0 10px; }
.cxl .cxl-a ul{ margin:0 0 10px; }
.cxl .cxl-a li{ position:relative; padding:2px 0 2px 18px; }
.cxl .cxl-a li::before{ content:""; position:absolute; left:4px; top:12px; width:6px; height:6px; border-radius:50%; background:var(--cxs-ds-indigo-400); }
.cxl .cxl-a a{ color:var(--cxs-ds-link); font-weight:var(--cxs-ds-weight-medium); text-decoration:underline; text-underline-offset:2px; }

/* ---------- Closing CTA ---------- */
.cxl-cta{ background:var(--cxs-ds-indigo-700); color:var(--cxs-ds-white); }
.cxl .cxl-cta .cxl-h2{ color:var(--cxs-ds-white); }
.cxl .cxl-cta .cxl-lead{ margin:0 0 var(--cxs-ds-space-lg); color:var(--cxs-ds-indigo-100); }
.cxl .cxl-cta .cxl-btns{ justify-content:center; }



/* Selling points above the dates list */
.cxl .cxl-points{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--cxs-ds-space-md); margin:0 0 var(--cxs-ds-space-lg); }
.cxl .cxl-points li{ display:flex; gap:12px; align-items:flex-start; padding:16px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-indigo-50); }
.cxl .cxl-points .cxl-ico{ width:38px; height:38px; background:var(--cxs-ds-white); }
.cxl .cxl-points .cxl-ico svg{ width:20px; height:20px; }
.cxl .cxl-points span{ font-size:13.5px; line-height:1.45; color:var(--cxs-ds-text-muted); }
.cxl .cxl-points b{ display:block; margin-bottom:2px; font-size:15px; font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-text); }

/* Why CX Skills cards: same hover language as the course cards */
.cxl .cxl-why{ transition:border-color .15s, box-shadow .15s, transform .15s; }
.cxl .cxl-why:hover{ border-color:var(--cxs-ds-indigo-300); box-shadow:var(--cxs-ds-shadow-lg); transform:translateY(-2px); }
.cxl .cxl-why:hover .cxl-ico{ background:var(--cxs-ds-indigo-700); }
.cxl .cxl-why:hover .cxl-ico svg{ stroke:var(--cxs-ds-gold); }
@media (prefers-reduced-motion:reduce){ .cxl .cxl-why:hover{ transform:none; } }

/* Link inside the hero proof ticks (ACXPA partner page) */
.cxl .cxl-proof a{ color:var(--cxs-ds-white); font-weight:var(--cxs-ds-weight-semibold); text-decoration:underline; text-decoration-color:var(--cxs-ds-gold); text-underline-offset:3px; }
.cxl .cxl-proof a:hover,.cxl .cxl-proof a:focus-visible{ color:var(--cxs-ds-gold); }

/* ---------- Bottom borders on links ----------
   The child theme has .tribe-events-content a:not(...){ border-bottom:none
   !important } (the whole page sits inside .tribe-events-content), so every
   bordered link here restates its bottom border with !important. */
.cxl:not(#cxs-x) a.cxl-btn{ border-bottom:2px solid transparent !important; }
.cxl:not(#cxs-x) a.cxl-btn--white{ border-bottom-color:var(--cxs-ds-white) !important; }
.cxl:not(#cxs-x) a.cxl-btn--white:hover,.cxl:not(#cxs-x) a.cxl-btn--white:focus-visible{ border-bottom-color:var(--cxs-ds-indigo-100) !important; }
.cxl:not(#cxs-x) a.cxl-btn--ghost{ border-bottom-color:var(--cxs-ds-indigo-200) !important; }
.cxl:not(#cxs-x) a.cxl-btn--ghost:hover,.cxl:not(#cxs-x) a.cxl-btn--ghost:focus-visible{ border-bottom-color:var(--cxs-ds-white) !important; }
.cxl:not(#cxs-x) a.cxl-btn--solid{ border-bottom-color:var(--cxs-ds-indigo-700) !important; }
.cxl:not(#cxs-x) a.cxl-btn--solid:hover,.cxl:not(#cxs-x) a.cxl-btn--solid:focus-visible{ border-bottom-color:var(--cxs-ds-indigo-900) !important; }
.cxl:not(#cxs-x) a.cxl-btn--outline{ border-bottom-color:var(--cxs-ds-indigo-300) !important; }
.cxl:not(#cxs-x) a.cxl-btn--outline:hover,.cxl:not(#cxs-x) a.cxl-btn--outline:focus-visible{ border-bottom-color:var(--cxs-ds-indigo-700) !important; }
.cxl:not(#cxs-x) a.cxl-course{ border-bottom:1px solid var(--cxs-ds-indigo-100) !important; }
.cxl:not(#cxs-x) a.cxl-course:hover,.cxl:not(#cxs-x) a.cxl-course:focus-visible{ border-bottom-color:var(--cxs-ds-indigo-300) !important; }
.cxl:not(#cxs-x) .cxl-sub a{ border-bottom:1px solid var(--cxs-ds-indigo-100) !important; }
.cxl:not(#cxs-x) .cxl-sub a:hover,.cxl:not(#cxs-x) .cxl-sub a:focus-visible,
.cxl:not(#cxs-x) .cxl-sub a.cxl-sub__cta{ border-bottom-color:var(--cxs-ds-indigo-700) !important; }
.cxl:not(#cxs-x) .cxl-sub a.cxl-sub__cta:hover,.cxl:not(#cxs-x) .cxl-sub a.cxl-sub__cta:focus-visible{ border-bottom-color:var(--cxs-ds-indigo-900) !important; }

/* ---------- Responsive ---------- */
@media (max-width:1100px){
	.cxl .cxl-logos__row{ flex-direction:column; align-items:stretch; gap:var(--cxs-ds-space-md); }
	.cxl .cxl-logos__txt{ width:auto; }
	.cxl .cxl-logos__grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
	.cxl .cxl-formats{ flex-direction:column; align-items:stretch; }
	.cxl .cxl-formats__list li{ flex:1; min-width:0; }
}
@media (max-width:991px){
	.cxl .cxl-hero__in,.cxl .cxl-faq,.cxl .cxl-sp__top,.cxl .cxl-sp__cols{ grid-template-columns:minmax(0,1fr); }
	.cxl .cxl-faq__side{ position:static; }
	.cxl .cxl-g3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.cxl .cxl-g4,.cxl .cxl-points{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px){
	.cxl-sec{ padding:var(--cxs-ds-space-2xl) 0; }
	.cxl-in{ padding:0 var(--cxs-ds-space-md); }
	.cxl .cxl-h1{ font-size:34px; }
	.cxl .cxl-h2{ font-size:26px; }
	.cxl .cxl-hero__in{ padding-top:var(--cxs-ds-space-2xl); padding-bottom:var(--cxs-ds-space-2xl); }
	.cxl .cxl-g2,.cxl .cxl-g3{ grid-template-columns:minmax(0,1fr); }
	.cxl .cxl-logos__grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
	.cxl .cxl-formats__list{ flex-direction:column; }
	.cxl .cxl-points{ grid-template-columns:minmax(0,1fr); }
	.cxl .cxl-dates li{ grid-template-columns:52px minmax(0,1fr) auto; gap:8px 14px; padding:14px; }
	.cxl:not(#cxs-x) .cxl-dates li .cxl-btn{ grid-column:2 / -1; justify-self:start; }
	.cxl:not(#cxs-x) .cxl-btns .cxl-btn{ flex:1 1 auto; }
	.cxl .cxl-sub .cxl-in{ min-height:60px; }
	.cxl .cxl-sub__lbl{ display:none; }
}

/* ==========================================================================
   v1.6.0 (25 Sep 2026) — after the Team Leaders review
   ========================================================================== */

/* FAQ answers: list items match the paragraph size (the theme enlarges li) */
.cxl:not(#cxs-x) .cxl-a li{ font-size:15px !important; line-height:1.55 !important; color:var(--cxs-ds-text-muted) !important; }
.cxl:not(#cxs-x) .cxl-a li::before{ top:11px; }

/* Emoji icons: same tile, the emoji in full colour */
.cxl .cxl-ico--emoji{ font-size:24px; line-height:1; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; }
.cxl a.cxl-course:hover .cxl-ico--emoji,.cxl a.cxl-course:focus-visible .cxl-ico--emoji{ background:var(--cxs-ds-indigo-100); }

/* Course card with a trainer link: a box (links can't nest), same look as the link card */
.cxl:not(#cxs-x) div.cxl-course--box{
	display:flex; flex-direction:column; gap:10px; padding:22px; border-radius:var(--cxs-ds-radius-lg);
	background:var(--cxs-ds-white); color:var(--cxs-ds-text); border:1px solid var(--cxs-ds-indigo-100); box-shadow:var(--cxs-ds-shadow-sm);
	transition:border-color .15s, box-shadow .15s;
}
.cxl:not(#cxs-x) div.cxl-course--box:hover{ border-color:var(--cxs-ds-indigo-300); box-shadow:var(--cxs-ds-shadow-lg); }
.cxl:not(#cxs-x) .cxl-course--box .cxl-h3 a{ color:var(--cxs-ds-text); text-decoration:none; }
.cxl:not(#cxs-x) .cxl-course--box .cxl-h3 a:hover{ color:var(--cxs-ds-indigo-700); }
.cxl .cxl-course--box p.cxl-course__tr{ flex:none; margin:0; font-size:14px; color:var(--cxs-ds-text); }
.cxl:not(#cxs-x) .cxl-course__tr a{ font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-link); text-decoration:underline; text-underline-offset:3px; }
.cxl:not(#cxs-x) .cxl-course--box a.cxl-go{ align-self:flex-start; text-decoration:none; }
.cxl:not(#cxs-x) .cxl-course--box a.cxl-go:hover{ color:var(--cxs-ds-link-hover); }
.cxl .cxl-head .cxl-lead a{ white-space:nowrap; }

/* Pathway: trainer photo, pills, rich cards, video panel */
.cxl .cxl-path__photo{ margin:0; }
.cxl .cxl-path__photo img{ display:block; width:100%; max-width:360px; margin:0 0 0 auto; aspect-ratio:4/5; object-fit:cover; object-position:top; border-radius:var(--cxs-ds-radius-lg); box-shadow:var(--cxs-ds-shadow-lg); border:0; }
.cxl .cxl-path__photo figcaption{ max-width:360px; margin:10px 0 0 auto; font-size:13.5px; color:var(--cxs-ds-text-muted); text-align:left !important; }
.cxl .cxl-path__pills{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 var(--cxs-ds-space-md) !important; }
.cxl:not(#cxs-x) .cxl-path__pills li{ flex:none; width:auto !important; max-width:100%; background:var(--cxs-ds-gold-tint); color:var(--cxs-ds-ink); }
.cxl:not(#cxs-x) .cxl-path__photo img{ max-width:360px !important; }
.cxl .cxl-path__h2{ margin:var(--cxs-ds-space-2xl) 0 var(--cxs-ds-space-lg); }
.cxl .cxl-path__h2 .cxl-path__h{ margin:0 0 6px; font-size:var(--cxs-ds-text-h3, 24px); }
.cxl .cxl-path__h2 p{ margin:0 !important; font-size:16px; color:var(--cxs-ds-text-muted); }
.cxl .cxl-path__grid{ gap:var(--cxs-ds-space-lg); }
.cxl .cxl-pcard{ --acc:var(--cxs-ds-indigo-500); position:relative; display:flex; flex-direction:column; overflow:hidden; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-top:5px solid var(--acc); box-shadow:var(--cxs-ds-shadow-sm); transition:box-shadow .15s, transform .15s; }
.cxl .cxl-pcard:hover{ box-shadow:var(--cxs-ds-shadow-lg); transform:translateY(-2px); }
.cxl .cxl-pcard--2{ --acc:var(--cxs-ds-indigo-700); }
.cxl .cxl-pcard--3{ --acc:var(--cxs-ds-gold); }
.cxl .cxl-pcard--4{ --acc:var(--cxs-ds-gold-mid); }
.cxl .cxl-pcard__img{ display:block; aspect-ratio:16/7; overflow:hidden; background:var(--cxs-ds-indigo-50); }
.cxl .cxl-pcard__img img{ display:block; width:100%; height:100%; object-fit:cover; border:0; margin:0; transition:transform .3s; }
.cxl .cxl-pcard:hover .cxl-pcard__img img{ transform:scale(1.03); }
.cxl .cxl-pcard__body{ position:relative; flex:1; display:flex; flex-direction:column; gap:12px; padding:22px 24px 24px; }
.cxl .cxl-pcard__num{ position:absolute; top:6px; right:18px; font-size:64px; font-weight:var(--cxs-ds-weight-bold); line-height:1; letter-spacing:-.02em; color:color-mix(in srgb, var(--acc) 22%, transparent); pointer-events:none; }
.cxl .cxl-pcard__top{ display:flex; align-items:center; gap:12px; }
.cxl .cxl-pcard__tag{ padding:4px 12px; border-radius:var(--cxs-ds-radius-pill); background:color-mix(in srgb, var(--acc) 14%, white); color:var(--cxs-ds-ink); font-size:12px; font-weight:var(--cxs-ds-weight-semibold); letter-spacing:.04em; text-transform:uppercase; }
.cxl .cxl-pcard .cxl-h3{ font-size:20px; padding-right:56px; }
.cxl:not(#cxs-x) .cxl-pcard .cxl-h3 a{ color:var(--cxs-ds-text); text-decoration:none; }
.cxl:not(#cxs-x) .cxl-pcard .cxl-h3 a:hover{ color:var(--cxs-ds-indigo-700); }
.cxl .cxl-pcard__body > p{ margin:0 !important; font-size:15px; line-height:1.6; color:var(--cxs-ds-text-muted); }
.cxl .cxl-pcard__body > p.cxl-pcard__meta{ padding:10px 14px; border-left:3px solid var(--acc); border-radius:var(--cxs-ds-radius-md); background:var(--cxs-ds-indigo-50); font-size:13.5px; line-height:1.6; color:var(--cxs-ds-text); }
.cxl .cxl-pcard__meta b{ color:var(--cxs-ds-indigo-700); }
.cxl .cxl-pcard .cxl-btn{ align-self:flex-start; margin-top:auto; }
.cxl .cxl-path__vbox{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:var(--cxs-ds-space-xl); align-items:center; margin-top:var(--cxs-ds-space-2xl); padding:var(--cxs-ds-space-lg); border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-indigo-50); border:1px solid var(--cxs-ds-indigo-100); }
.cxl .cxl-path__vtxt .cxl-h3{ margin:4px 0 10px; font-size:20px; }
.cxl .cxl-path__vtxt p{ margin:0 !important; font-size:15px; line-height:1.6; color:var(--cxs-ds-text-muted); }
@media (max-width:991px){ .cxl .cxl-path__vbox{ grid-template-columns:minmax(0,1fr); } .cxl .cxl-path__photo img,.cxl .cxl-path__photo figcaption{ margin-left:0; } }
@media (max-width:700px){ .cxl .cxl-path__grid{ grid-template-columns:minmax(0,1fr); } .cxl .cxl-pcard__num{ font-size:48px; } }

/* Key skills as cards: optional link under the text */
.cxl:not(#cxs-x) .cxl-why__more{ display:inline-block; margin-top:8px; font-size:14px; }

/* ACXPA membership section */
.cxl .cxl-acx__top{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:var(--cxs-ds-space-2xl); align-items:center; margin-bottom:var(--cxs-ds-space-xl); }
.cxl .cxl-acx__copy .cxl-h2{ margin:6px 0 12px; }
.cxl .cxl-acx__copy .cxl-lead{ margin-bottom:12px; font-size:17px; }
.cxl .cxl-acx__save{ display:inline-block; margin:6px 0 0 !important; padding:6px 14px; border-radius:var(--cxs-ds-radius-pill); background:var(--cxs-ds-gold-tint); color:var(--cxs-ds-ink); font-size:14px; font-weight:var(--cxs-ds-weight-semibold); }
.cxl .cxl-acx__logo{ padding:28px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl .cxl-acx__logo img{ display:block; width:100%; height:auto; margin:0; border:0; }
.cxl .cxl-acx__grid .cxl-why{ padding:18px; }
.cxl .cxl-acx__btns{ margin-top:var(--cxs-ds-space-xl); }
@media (max-width:991px){ .cxl .cxl-acx__top{ grid-template-columns:minmax(0,1fr); } .cxl .cxl-acx__logo{ max-width:340px; } }

/* Why CX Skills with an image beside the intro */
.cxl .cxl-why__top--img{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr); gap:var(--cxs-ds-space-2xl); align-items:center; margin-bottom:var(--cxs-ds-space-xl); }
.cxl .cxl-why__img{ margin:0; }
.cxl .cxl-why__img img{ display:block; width:100%; height:auto; border-radius:var(--cxs-ds-radius-lg); box-shadow:var(--cxs-ds-shadow-lg); border:0; margin:0; }
@media (max-width:991px){ .cxl .cxl-why__top--img{ grid-template-columns:minmax(0,1fr); } }

/* v1.6.1: pathway heading across the page; ACXPA standards + membership in one section */
.cxl .cxl-path__head{ margin-bottom:var(--cxs-ds-space-lg); }
.cxl .cxl-path__head .cxl-h2{ margin:6px 0 0; }
.cxl .cxl-path__head + .cxl-path__top{ align-items:start; }
.cxl .cxl-acx__ticks{ max-width:720px; margin:var(--cxs-ds-space-md) 0 0 !important; }
.cxl .cxl-acx__logo.is-round{ padding:0; border:0; background:none; box-shadow:none; }
.cxl .cxl-acx__logo.is-round img{ width:240px; max-width:100%; margin:0 auto; }
.cxl .cxl-acx__mem{ margin-top:var(--cxs-ds-space-2xl); padding-top:var(--cxs-ds-space-xl); border-top:1px solid var(--cxs-ds-indigo-100); }
.cxl .cxl-acx__memhead{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; }
.cxl .cxl-acx__memhead .cxl-h3{ font-size:var(--cxs-ds-text-h3); }
.cxl .cxl-acx__memhead .cxl-acx__save{ margin:0 !important; }
.cxl .cxl-acx__memlead{ max-width:900px; margin:10px 0 var(--cxs-ds-space-lg) !important; font-size:17px; line-height:1.55; color:var(--cxs-ds-text-muted); }
.cxl .cxl-acx__live{ margin-bottom:var(--cxs-ds-space-lg); }
.cxl:not(#cxs-x) a.cxl-acx__lcard{ display:flex; gap:18px; align-items:flex-start; padding:24px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-indigo-800); color:var(--cxs-ds-white); border:0; box-shadow:var(--cxs-ds-shadow-lg); text-decoration:none; transition:transform .15s, background-color .15s; }
.cxl:not(#cxs-x) a.cxl-acx__lcard:hover,.cxl:not(#cxs-x) a.cxl-acx__lcard:focus-visible{ background:var(--cxs-ds-indigo-900); transform:translateY(-2px); }
.cxl .cxl-acx__lcard .cxl-ico{ width:52px; height:52px; background:var(--cxs-ds-white); }
.cxl .cxl-acx__lcard .cxl-ico--emoji{ font-size:28px; }
.cxl .cxl-acx__lcard .cxl-h3{ margin:8px 0 6px; font-size:20px; color:var(--cxs-ds-white); }
.cxl .cxl-acx__lcard p{ margin:0 0 12px !important; font-size:15px; line-height:1.55; color:var(--cxs-ds-indigo-100); }
.cxl .cxl-acx__lcard .cxl-go{ color:var(--cxs-ds-gold); }
.cxl .cxl-acx__pill{ display:inline-block; padding:3px 10px; border-radius:var(--cxs-ds-radius-pill); background:var(--cxs-ds-gold); color:var(--cxs-ds-ink); font-size:12px; font-weight:var(--cxs-ds-weight-semibold); letter-spacing:.03em; text-transform:uppercase; }
@media (max-width:700px){ .cxl .cxl-acx__live{ grid-template-columns:minmax(0,1fr); } }

/* v1.6.2: Daniel Ord pathway as one panel; ACXPA membership panel */
.cxl .cxl-path__box{ padding:var(--cxs-ds-space-2xl); border-radius:var(--cxs-ds-radius-xl); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-top:6px solid var(--cxs-ds-gold); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl .cxl-path__box .cxl-path__head{ margin-bottom:var(--cxs-ds-space-md); }
.cxl .cxl-path__intro{ display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:var(--cxs-ds-space-xl); align-items:start; margin-bottom:var(--cxs-ds-space-md); }
.cxl .cxl-path__intro .cxl-lead{ margin:0 0 12px; font-size:17px; }
.cxl .cxl-path__ticks{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin:8px 0 0 !important; }
.cxl .cxl-path__trainer{ padding:20px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-indigo-50); text-align:center; }
.cxl:not(#cxs-x) .cxl-path__trainer img{ display:block; width:112px !important; height:112px; max-width:112px !important; margin:0 auto 10px; border-radius:50%; object-fit:cover; object-position:top; border:3px solid var(--cxs-ds-white); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl .cxl-path__trainer p{ margin:0 0 4px !important; text-align:center !important; }
.cxl:not(#cxs-x) .cxl-path__tname a{ font-size:17px; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-indigo-700); text-decoration:none; }
.cxl:not(#cxs-x) .cxl-path__tname a:hover{ text-decoration:underline; }
.cxl .cxl-path__trainer p.cxl-path__trole{ font-size:13px; line-height:1.45; color:var(--cxs-ds-text-muted); }
.cxl .cxl-path__trainer p.cxl-path__price{ margin:10px 0 12px !important; font-size:14px; font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-ink); }
.cxl .cxl-path__trainer .cxl-btn{ padding:8px 16px; font-size:14px; }
.cxl .cxl-path__box .cxl-path__h2{ margin:var(--cxs-ds-space-xl) 0 var(--cxs-ds-space-md); padding-top:var(--cxs-ds-space-lg); border-top:1px solid var(--cxs-ds-indigo-100); }
.cxl .cxl-path__box .cxl-path__vbox{ margin-top:var(--cxs-ds-space-xl); }
@media (max-width:991px){ .cxl .cxl-path__box{ padding:var(--cxs-ds-space-lg); } .cxl .cxl-path__intro{ grid-template-columns:minmax(0,1fr); } .cxl .cxl-path__trainer{ max-width:320px; } }
@media (max-width:700px){ .cxl .cxl-path__ticks{ grid-template-columns:minmax(0,1fr); } }

.cxl .cxl-acx__panel{ margin-top:var(--cxs-ds-space-2xl); overflow:hidden; border-radius:var(--cxs-ds-radius-xl); border:1px solid var(--cxs-ds-indigo-100); box-shadow:var(--cxs-ds-shadow-lg); }
.cxl .cxl-acx__pdark{ padding:var(--cxs-ds-space-2xl); background:var(--cxs-ds-indigo-800); color:var(--cxs-ds-white); }
.cxl .cxl-acx__plight{ padding:var(--cxs-ds-space-2xl); background:var(--cxs-ds-indigo-50); }
.cxl .cxl-acx__plight .cxl-acx__tools{ margin-top:0; }
.cxl .cxl-acx__plight .cxl-why{ background:var(--cxs-ds-white); }
.cxl .cxl-acx__plight .cxl-acx__value{ background:var(--cxs-ds-gold-tint); }
.cxl .cxl-acx__plight .cxl-acx__btns{ margin-top:var(--cxs-ds-space-lg); }
.cxl:not(#cxs-x) .cxl-acx__stats li:last-child{ background:var(--cxs-ds-gold); border-color:var(--cxs-ds-gold); }
.cxl .cxl-acx__stats li:last-child b,.cxl .cxl-acx__stats li:last-child span{ color:var(--cxs-ds-ink); }
.cxl .cxl-acx__stats li:last-child span{ font-weight:var(--cxs-ds-weight-semibold); }
.cxl .cxl-acx__phead{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--cxs-ds-space-lg); align-items:start; }
.cxl .cxl-acx__panel .cxl-eb{ color:var(--cxs-ds-gold); }
.cxl .cxl-acx__panel h3.cxl-acx__ph{ margin:6px 0 10px; font-size:var(--cxs-ds-text-h2, 34px); line-height:1.2; color:var(--cxs-ds-white); }
.cxl .cxl-acx__panel p.cxl-acx__plead{ max-width:820px; margin:0 !important; font-size:17px; line-height:1.6; color:var(--cxs-ds-indigo-100); }
.cxl .cxl-acx__panel .cxl-acx__save{ margin:0 !important; padding:10px 18px; background:var(--cxs-ds-gold); font-size:15px; text-align:center; max-width:230px; border-radius:var(--cxs-ds-radius-lg); }
.cxl .cxl-acx__stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:var(--cxs-ds-space-xl) 0 !important; padding:0 !important; list-style:none; }
.cxl:not(#cxs-x) .cxl-acx__stats li{ margin:0; padding:16px 18px; border-radius:var(--cxs-ds-radius-lg); background:color-mix(in srgb, var(--cxs-ds-white) 8%, transparent); border:1px solid color-mix(in srgb, var(--cxs-ds-white) 14%, transparent); list-style:none; }
.cxl .cxl-acx__stats li::before{ display:none; }
.cxl .cxl-acx__stats b{ display:block; font-size:34px; line-height:1.1; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-gold); }
.cxl .cxl-acx__stats span{ display:block; margin-top:4px; font-size:14px; line-height:1.4; color:var(--cxs-ds-indigo-100); }
.cxl .cxl-acx__panel .cxl-acx__live{ margin:0; gap:var(--cxs-ds-space-md); }
.cxl:not(#cxs-x) .cxl-acx__panel a.cxl-acx__lcard{ flex-direction:column; gap:10px; background:var(--cxs-ds-white); color:var(--cxs-ds-text); box-shadow:none; }
.cxl:not(#cxs-x) .cxl-acx__panel a.cxl-acx__lcard:hover,.cxl:not(#cxs-x) .cxl-acx__panel a.cxl-acx__lcard:focus-visible{ background:var(--cxs-ds-indigo-50); }
.cxl .cxl-acx__panel .cxl-acx__lcard .cxl-ico{ background:var(--cxs-ds-indigo-50); }
.cxl .cxl-acx__panel .cxl-acx__lh{ margin:2px 0 0; font-size:19px; line-height:1.3; color:var(--cxs-ds-ink); }
.cxl .cxl-acx__panel .cxl-acx__lcard p{ margin:0 !important; font-size:15px; color:var(--cxs-ds-text-muted); flex:1; }
.cxl .cxl-acx__panel .cxl-acx__lcard .cxl-go{ color:var(--cxs-ds-indigo-700); }
.cxl .cxl-acx__panel .cxl-acx__pill{ align-self:flex-start; }
.cxl .cxl-acx__tools{ margin-top:var(--cxs-ds-space-2xl); }
.cxl .cxl-acx__tools > .cxl-h3{ margin:0 0 var(--cxs-ds-space-md); font-size:var(--cxs-ds-text-h3, 24px); }
.cxl .cxl-acx__value{ display:flex; gap:16px; align-items:center; margin-top:var(--cxs-ds-space-xl); padding:20px 24px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-gold-tint); border-left:5px solid var(--cxs-ds-gold); }
.cxl .cxl-acx__value .cxl-ico{ background:var(--cxs-ds-white); }
.cxl .cxl-acx__value p{ margin:0 !important; font-size:16px; line-height:1.6; color:var(--cxs-ds-ink); }
@media (max-width:991px){ .cxl .cxl-acx__pdark,.cxl .cxl-acx__plight{ padding:var(--cxs-ds-space-lg); } .cxl .cxl-acx__phead{ grid-template-columns:minmax(0,1fr); } .cxl .cxl-acx__stats{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px){ .cxl .cxl-acx__panel .cxl-acx__live{ grid-template-columns:minmax(0,1fr); } }

/* v1.6.2b: membership intro spans the full panel width (no side badge) */
.cxl .cxl-acx__phead{ display:block; }
.cxl .cxl-acx__panel p.cxl-acx__plead{ max-width:none; }

/* v1.6.3: multi-paragraph section intros; Why intro beside an image */
.cxl .cxl-head .cxl-lead + .cxl-lead{ margin-top:14px; }
.cxl .cxl-why__top--img .cxl-lead{ font-size:18px; line-height:1.6; }

/* v1.6.4: mobile fixes (phones, <=700px) */
@media (max-width:700px){
	/* Course cards: one per row on phones (the 4-up grid stopped at 2, which squashed cards and left white gaps) */
	.cxl .cxl-g4:has(> .cxl-course--box),.cxl .cxl-g4:has(> a.cxl-course){ grid-template-columns:minmax(0,1fr); }
	/* In-page nav: wrap compact chips so every option is visible; not sticky on phones (three rows would cover the content) */
	.cxl-sub{ position:static; }
	.cxl .cxl-sub .cxl-in{ flex-wrap:wrap; gap:6px; min-height:0; padding-top:12px; padding-bottom:12px; overflow:visible; }
	.cxl:not(#cxs-x) .cxl-sub a{ padding:6px 12px; font-size:13.5px; }
	.cxl:not(#cxs-x) .cxl-sub a.cxl-sub__cta{ margin-left:0; }
	/* Daniel Ord pathway cards: number sits top right beside the tag, heading uses the full card width */
	.cxl .cxl-path__box{ padding:var(--cxs-ds-space-md); }
	.cxl .cxl-pcard__body{ padding:18px 18px 20px; }
	.cxl .cxl-pcard__num{ top:16px; right:16px; font-size:36px; }
	.cxl .cxl-pcard__top{ padding-right:52px; }
	.cxl .cxl-pcard .cxl-h3{ padding-right:0; }
	/* Membership value callout: icon above the text, not beside it */
	.cxl .cxl-acx__value{ flex-direction:column; align-items:flex-start; gap:12px; padding:18px 20px; }
}

/* v1.6.4b: centre the phone in-page nav chips and the membership callout icon */
@media (max-width:700px){
	.cxl .cxl-sub .cxl-in{ justify-content:center; }
	.cxl .cxl-acx__value .cxl-ico{ align-self:center; }
}

/* v1.6.5: featured course cards (the primary courses on a page) and point-list descriptions */
.cxl:not(#cxs-x) div.cxl-course--feat{ padding:28px; border-top:5px solid var(--cxs-ds-gold); box-shadow:var(--cxs-ds-shadow-md); }
.cxl .cxl-course__top{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.cxl .cxl-course__tag{ padding:4px 12px; border-radius:var(--cxs-ds-radius-pill); background:var(--cxs-ds-indigo-700); color:var(--cxs-ds-white); font-size:12px; font-weight:var(--cxs-ds-weight-semibold); letter-spacing:.04em; text-transform:uppercase; }
.cxl .cxl-course--feat .cxl-h3{ font-size:22px; margin-top:6px; }
.cxl .cxl-course--box p.cxl-course__lead{ flex:none; }
.cxl:not(#cxs-x) ul.cxl-course__pts{ flex:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:8px 20px; margin:2px 0 6px; padding:0; list-style:none; }
.cxl:not(#cxs-x) ul.cxl-course__pts li{ position:relative; margin:0; padding-left:24px; font-size:14.5px; line-height:1.45; color:var(--cxs-ds-text); }
.cxl:not(#cxs-x) ul.cxl-course__pts li::before{ content:"\2713"; position:absolute; left:0; top:0; color:var(--cxs-ds-gold); font-weight:var(--cxs-ds-weight-bold); }
@media (max-width:700px){
	.cxl:not(#cxs-x) div.cxl-course--feat{ padding:22px; }
	.cxl:not(#cxs-x) ul.cxl-course__pts{ grid-template-columns:minmax(0,1fr); }
}

/* v1.6.6: featured (core) course cards on dark indigo so they stand apart; dates "alt" box of links to other role pages */
.cxl:not(#cxs-x) div.cxl-course--feat{ background:var(--cxs-ds-indigo-700); border-color:var(--cxs-ds-indigo-700); color:var(--cxs-ds-white); }
.cxl:not(#cxs-x) div.cxl-course--feat:hover{ border-color:var(--cxs-ds-indigo-900); }
.cxl .cxl-course--feat .cxl-ico{ background:var(--cxs-ds-white); }
.cxl .cxl-course--feat .cxl-course__tag{ background:var(--cxs-ds-gold); color:var(--cxs-ds-ink); }
.cxl:not(#cxs-x) .cxl-course--feat .cxl-h3 a,.cxl:not(#cxs-x) .cxl-course--feat .cxl-h3 a:hover{ color:var(--cxs-ds-white); }
.cxl .cxl-course--feat p.cxl-course__lead{ color:var(--cxs-ds-indigo-100); }
.cxl:not(#cxs-x) .cxl-course--feat ul.cxl-course__pts li{ color:var(--cxs-ds-white); }
.cxl .cxl-course--feat p.cxl-course__tr{ color:var(--cxs-ds-indigo-100); }
.cxl:not(#cxs-x) .cxl-course--feat .cxl-course__tr a,.cxl:not(#cxs-x) .cxl-course--feat a.cxl-go,.cxl:not(#cxs-x) .cxl-course--feat a.cxl-go:hover{ color:var(--cxs-ds-gold); }
.cxl .cxl-course--feat .cxl-chips span{ background:color-mix(in srgb, var(--cxs-ds-white) 14%, transparent); color:var(--cxs-ds-white); }
.cxl .cxl-alt{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 18px; margin-top:var(--cxs-ds-space-lg); padding:20px 24px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-left:5px solid var(--cxs-ds-gold); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl .cxl-alt p.cxl-alt__h{ margin:0 !important; font-size:16px; font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-text); }
.cxl .cxl-alt__links{ display:flex; flex-wrap:wrap; gap:10px; }
.cxl:not(#cxs-x) a.cxl-alt__link{ display:inline-flex; align-items:center; gap:6px; padding:9px 16px; border:1px solid var(--cxs-ds-indigo-100) !important; border-radius:var(--cxs-ds-radius-pill); background:var(--cxs-ds-indigo-50); color:var(--cxs-ds-indigo-700); font-size:14px; font-weight:var(--cxs-ds-weight-semibold); text-decoration:none; transition:background-color .15s, color .15s; }
.cxl:not(#cxs-x) a.cxl-alt__link:hover,.cxl:not(#cxs-x) a.cxl-alt__link:focus-visible{ background:var(--cxs-ds-indigo-700); border-color:var(--cxs-ds-indigo-700) !important; color:var(--cxs-ds-white); }
@media (max-width:700px){ .cxl .cxl-alt{ padding:18px; } .cxl:not(#cxs-x) a.cxl-alt__link{ width:100%; } }

/* v1.6.7: partner strip under a course heading; wide partner badge; plain descriptions on featured cards; featured resource panel in the ACXPA section */
.cxl .cxl-pstrip{ display:flex; align-items:center; gap:28px; margin:0 0 var(--cxs-ds-space-lg); padding:18px 26px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-left:5px solid var(--cxs-ds-gold); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl .cxl-pstrip img{ flex:none; display:block; width:230px; height:auto; margin:0; border:0; box-shadow:none; }
.cxl .cxl-pstrip p{ margin:0 !important; font-size:15.5px; line-height:1.6; color:var(--cxs-ds-text); }
.cxl:not(#cxs-x) .cxl-pstrip a{ font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-link); text-decoration:underline; text-underline-offset:3px; }
.cxl .cxl-std__top.has-badge.is-wide{ grid-template-columns:minmax(0,1fr) 400px; }
.cxl .cxl-std__top.is-wide .cxl-std__badge img{ width:100%; max-width:400px; height:auto; border-radius:var(--cxs-ds-radius-lg); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl .cxl-course--feat > p:not(.cxl-course__tr){ color:var(--cxs-ds-indigo-100); }
.cxl .cxl-acx__feat{ margin-bottom:var(--cxs-ds-space-xl); padding:28px; border-radius:var(--cxs-ds-radius-xl); background:var(--cxs-ds-indigo-700); color:var(--cxs-ds-white); box-shadow:var(--cxs-ds-shadow-md); }
.cxl .cxl-acx__fhead{ display:flex; gap:16px; align-items:flex-start; margin-bottom:20px; }
.cxl .cxl-acx__fhead .cxl-ico{ background:var(--cxs-ds-white); }
.cxl .cxl-acx__feat h3.cxl-acx__fh{ margin:0 0 6px; font-size:24px; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-white); }
.cxl .cxl-acx__fhead p{ margin:0 !important; font-size:16px; line-height:1.6; color:var(--cxs-ds-indigo-100); }
.cxl:not(#cxs-x) ul.cxl-acx__flist{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 22px; padding:0; list-style:none; }
.cxl:not(#cxs-x) ul.cxl-acx__flist li{ margin:0; padding:14px 16px; border-radius:var(--cxs-ds-radius-md); background:color-mix(in srgb, var(--cxs-ds-white) 9%, transparent); border:1px solid color-mix(in srgb, var(--cxs-ds-white) 16%, transparent); }
.cxl .cxl-acx__flist b{ display:block; margin-bottom:4px; font-size:15px; color:var(--cxs-ds-gold); }
.cxl .cxl-acx__flist span{ display:block; font-size:13.5px; line-height:1.5; color:var(--cxs-ds-indigo-100); }
@media (max-width:991px){ .cxl .cxl-std__top.has-badge.is-wide{ grid-template-columns:minmax(0,1fr); } .cxl .cxl-std__top.is-wide .cxl-std__badge{ order:-1; } .cxl:not(#cxs-x) ul.cxl-acx__flist{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px){ .cxl .cxl-pstrip{ flex-direction:column; align-items:flex-start; gap:14px; padding:18px; } .cxl .cxl-pstrip img{ width:190px; } .cxl .cxl-acx__feat{ padding:20px; } .cxl:not(#cxs-x) ul.cxl-acx__flist{ grid-template-columns:minmax(0,1fr); } .cxl .cxl-std__top.is-wide .cxl-std__badge img{ max-width:320px; } }

/* v1.6.8: membership heading can be the section h2 (acxpa no_top) */
.cxl:not(#cxs-x) .cxl-acx__panel .cxl-acx__ph{ margin:6px 0 10px; font-size:var(--cxs-ds-text-h2, 34px); font-weight:var(--cxs-ds-weight-bold); line-height:1.2; letter-spacing:normal; text-transform:none; color:var(--cxs-ds-white); }

/* v1.6.9: ACXPA live card with several links (a box, not one link) */
.cxl:not(#cxs-x) .cxl-acx__panel div.cxl-acx__lcard{ display:flex; flex-direction:column; gap:10px; align-items:flex-start; padding:24px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); color:var(--cxs-ds-text); }
.cxl .cxl-acx__lnks{ display:flex; flex-wrap:wrap; gap:6px 20px; }
.cxl:not(#cxs-x) .cxl-acx__lnks a.cxl-go{ text-decoration:none; }
.cxl:not(#cxs-x) .cxl-acx__lnks a.cxl-go:hover,.cxl:not(#cxs-x) .cxl-acx__lnks a.cxl-go:focus-visible{ text-decoration:underline; text-underline-offset:3px; }

/* v1.7.0: ACXPA live card text as short paragraphs */
.cxl .cxl-acx__ltxt{ flex:1; }
.cxl:not(#cxs-x) .cxl-acx__ltxt p + p{ margin-top:10px !important; }

/* v1.7.1: photo strip (e.g. private training in action) */
.cxl:not(#cxs-x) ul.cxl-photos{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:32px 0 0; padding:0; list-style:none; }
.cxl:not(#cxs-x) ul.cxl-photos li{ margin:0; padding:0; }
.cxl:not(#cxs-x) ul.cxl-photos li::before{ content:none; }
.cxl:not(#cxs-x) .cxl-photos img{ display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; object-position:center 30%; margin:0; border:0; border-radius:var(--cxs-ds-radius-lg); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl:not(#cxs-x) .cxl-photos__cap{ margin:10px 0 0 !important; font-size:14px; color:var(--cxs-ds-text-muted); }
@media (max-width:991px){ .cxl:not(#cxs-x) ul.cxl-photos{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } }

/* v1.7.2: Gravity Forms confirmation messages inside landing pages. The form settings carry
   old inline-styled (green) markup; restyle it to the landing design without editing the forms. */
.cxl:not(#cxs-x) .gform_confirmation_message{ font-family:inherit; }
.cxl:not(#cxs-x) .gform_confirmation_message > div[style]{ display:block !important; margin:0 !important; }
.cxl:not(#cxs-x) .gform_confirmation_message div[style] > div[style]{ max-width:none !important; width:auto !important; margin:0 !important; padding:4px 0 0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; font-family:inherit !important; font-size:16px !important; line-height:1.6 !important; color:var(--cxs-ds-text) !important; text-align:left !important; }
.cxl:not(#cxs-x) .gform_confirmation_message h2[style],.cxl:not(#cxs-x) .gform_confirmation_message h3[style]{ margin:0 0 14px !important; font-family:inherit !important; font-size:24px !important; font-weight:var(--cxs-ds-weight-bold) !important; line-height:1.25 !important; color:var(--cxs-ds-indigo-800) !important; }
.cxl:not(#cxs-x) .gform_confirmation_message p[style]{ margin:0 0 12px !important; color:var(--cxs-ds-text) !important; }
.cxl:not(#cxs-x) .gform_confirmation_message p[style]:last-child{ margin:16px 0 0 !important; padding-top:14px !important; border-top:1px solid var(--cxs-ds-indigo-100) !important; color:var(--cxs-ds-indigo-700) !important; font-weight:var(--cxs-ds-weight-semibold) !important; }

/* v1.7.3: the four points above the dates as proper boxes (they sat on the tinted band as faint tints) */
.cxl .cxl-points li{ padding:18px; background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl .cxl-points .cxl-ico{ background:var(--cxs-ds-indigo-50); }

/* v1.7.4: membership intro as short paragraphs; no empty gap when a panel has no tools grid */
.cxl:not(#cxs-x) .cxl-acx__plead + .cxl-acx__plead{ margin-top:10px !important; }
.cxl:not(#cxs-x) .cxl-acx__plight > .cxl-acx__value:first-child{ margin-top:0 !important; }

/* v1.7.5: three option cards (live public / live private / self-paced), each with its own colour */
.cxl .cxl-opts .cxl-pc{ border:1px solid var(--cxs-ds-indigo-100); border-top:6px solid var(--acc, var(--cxs-ds-indigo-600)); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl .cxl-pc--live{ --acc:var(--cxs-ds-indigo-700); }
.cxl .cxl-pc--private{ --acc:var(--cxs-ds-indigo-400); }
.cxl .cxl-pc--self{ --acc:var(--cxs-ds-gold); background:color-mix(in srgb, var(--cxs-ds-gold-tint) 45%, var(--cxs-ds-white)); }
.cxl .cxl-pc__tag{ align-self:flex-start; margin-bottom:12px; padding:4px 10px; border-radius:var(--cxs-ds-radius-pill); font-size:12px; font-weight:var(--cxs-ds-weight-bold); letter-spacing:.06em; text-transform:uppercase; background:var(--cxs-ds-indigo-50); color:var(--cxs-ds-indigo-700); }
.cxl .cxl-pc--live .cxl-pc__tag{ background:var(--cxs-ds-indigo-700); color:var(--cxs-ds-white); }
.cxl .cxl-pc--self .cxl-pc__tag{ background:var(--cxs-ds-gold); color:var(--cxs-ds-indigo-900); }
.cxl:not(#cxs-x) .cxl-pc--self a.cxl-btn--solid{ background:var(--cxs-ds-gold); border-color:var(--cxs-ds-gold) !important; color:var(--cxs-ds-indigo-900); }
.cxl:not(#cxs-x) .cxl-pc--self a.cxl-btn--solid:hover,.cxl:not(#cxs-x) .cxl-pc--self a.cxl-btn--solid:focus-visible{ background:var(--cxs-ds-gold-mid); border-color:var(--cxs-ds-gold-mid) !important; color:var(--cxs-ds-indigo-900); }
.cxl .cxl-acx__mlogo{ display:block; width:170px; height:auto; margin:6px 0 0; border:0; box-shadow:none; }
@media (max-width:991px){ .cxl .cxl-acx__mlogo{ width:140px; margin:0 0 6px; order:-1; } }
@media (min-width:992px){ .cxl .cxl-acx__phead{ position:relative; } .cxl .cxl-acx__mlogo{ position:absolute; top:0; right:0; margin:0; width:160px; } .cxl .cxl-acx__phead:has(.cxl-acx__mlogo) .cxl-acx__ph{ padding-right:180px; } }

/* v1.7.6: keep tall (portrait) section photos in proportion with the text beside them */
.cxl:not(#cxs-x) .cxl-why__img img{ max-height:460px; object-fit:cover; object-position:center 25%; }

/* v1.7.7: optional hero photo (instead of the next-dates card) */
.cxl .cxl-hero__img{ margin:0; }
.cxl:not(#cxs-x) .cxl-hero__img img{ display:block; width:100%; height:auto; max-height:580px; object-fit:cover; object-position:center 30%; margin:0; border:0; border-radius:var(--cxs-ds-radius-xl); box-shadow:var(--cxs-ds-shadow-lg); }
@media (max-width:991px){ .cxl:not(#cxs-x) .cxl-hero__img img{ max-height:320px; } }

/* v1.7.8: location pages: hero photo caption; stacked logo grid ('cols') */
.cxl .cxl-hero__img figcaption{ margin-top:10px; font-size:var(--cxs-ds-text-small); line-height:1.4; color:rgba(255,255,255,.8); text-align:center; }
.cxl .cxl-logos--stack .cxl-logos__row{ flex-direction:column; align-items:stretch; gap:var(--cxs-ds-space-lg); }
.cxl:not(#cxs-x) .cxl-logos--stack .cxl-logos__txt{ width:auto; max-width:820px; }
.cxl .cxl-logos--stack .cxl-logos__grid{ grid-template-columns:repeat(var(--lc,6),minmax(0,1fr)); gap:var(--cxs-ds-space-md) var(--cxs-ds-space-lg); width:100%; }
.cxl:not(#cxs-x) .cxl-logos--stack .cxl-logos__grid img{ width:100%; height:84px; max-width:150px; margin:0 auto; object-fit:contain; }
@media (max-width:767px){ .cxl:not(#cxs-x) .cxl-logos--stack .cxl-logos__grid img{ height:72px; } }
@media (max-width:767px){ .cxl .cxl-logos--stack .cxl-logos__grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

/* v1.7.9: location pages (hero photo with a caption): below 992px show the square photo whole, not cropped */
@media (max-width:991px){ .cxl:not(#cxs-x) .cxl-hero__img:has(figcaption) img{ max-height:none; max-width:480px; aspect-ratio:1/1; margin:0 auto; } }

/* v1.8.0: company pages: hero key-facts card; people cards; partner cards; split sections */
.cxl .cxl-facts__list{ list-style:none; margin:12px 0 0; padding:0; }
.cxl .cxl-facts__list li{ display:flex; align-items:baseline; gap:14px; padding:14px 0; border-top:1px solid var(--cxs-ds-border); margin:0; }
.cxl .cxl-facts__list b{ flex:none; min-width:112px; font-size:26px; line-height:1.1; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-indigo-700); }
.cxl .cxl-facts__list span{ font-size:15px; line-height:1.45; color:var(--cxs-ds-text-muted); }
.cxl .cxl-facts__note{ margin:4px 0 0; padding:14px 16px; border-radius:var(--cxs-ds-radius-md); background:var(--cxs-ds-gold-tint); font-size:14px; line-height:1.5; color:var(--cxs-ds-text); }
.cxl .cxl-people{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--cxs-ds-space-md); }
.cxl:not(#cxs-x) a.cxl-person{ display:flex; flex-direction:column; overflow:hidden; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); box-shadow:var(--cxs-ds-shadow-sm); text-decoration:none; color:var(--cxs-ds-text); transition:box-shadow .2s, border-color .2s; }
.cxl:not(#cxs-x) a.cxl-person:hover,.cxl:not(#cxs-x) a.cxl-person:focus-visible{ border-color:var(--cxs-ds-indigo-300); box-shadow:var(--cxs-ds-shadow-lg); }
.cxl .cxl-person__img{ display:block; aspect-ratio:1/1; overflow:hidden; background:var(--cxs-ds-indigo-50); }
.cxl:not(#cxs-x) .cxl-person__img img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center 20%; margin:0; border:0; border-radius:0; }
.cxl .cxl-person__body{ display:flex; flex-direction:column; flex:1; gap:4px; padding:14px 16px 16px; }
.cxl .cxl-person__tag{ align-self:flex-start; padding:3px 9px; border-radius:var(--cxs-ds-radius-pill); background:var(--cxs-ds-indigo-50); font-size:11px; font-weight:var(--cxs-ds-weight-semibold); letter-spacing:.04em; text-transform:uppercase; color:var(--cxs-ds-indigo-700); }
.cxl .cxl-person__name{ margin-top:4px; font-size:17px; font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-text); }
.cxl .cxl-person__role{ flex:1; font-size:14px; line-height:1.45; color:var(--cxs-ds-text-muted); }
.cxl .cxl-person .cxl-go{ margin-top:8px; }
.cxl .cxl-partners{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--cxs-ds-space-lg); }
.cxl:not(#cxs-x) a.cxl-partner{ display:flex; flex-direction:column; gap:10px; padding:var(--cxs-ds-space-lg); border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); box-shadow:var(--cxs-ds-shadow-sm); text-decoration:none; color:var(--cxs-ds-text); transition:box-shadow .2s, border-color .2s; }
.cxl:not(#cxs-x) a.cxl-partner:hover,.cxl:not(#cxs-x) a.cxl-partner:focus-visible{ border-color:var(--cxs-ds-indigo-300); box-shadow:var(--cxs-ds-shadow-lg); }
.cxl .cxl-partner__logo{ display:flex; align-items:center; height:84px; }
.cxl:not(#cxs-x) .cxl-partner__logo img{ display:block; width:auto; max-width:300px; height:auto; max-height:84px; margin:0; border:0; }
.cxl .cxl-partner__txt{ flex:1; font-size:15px; line-height:1.5; color:var(--cxs-ds-text-muted); }
.cxl .cxl-partner__txt b{ display:block; margin-bottom:2px; font-size:17px; color:var(--cxs-ds-text); }
.cxl .cxl-split{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:var(--cxs-ds-space-2xl); align-items:center; }
.cxl .cxl-split:not(:has(> :nth-child(2))){ grid-template-columns:minmax(0,1fr); }
.cxl .cxl-split__copy .cxl-lead{ margin:0 0 12px; }
.cxl .cxl-split__copy .cxl-ticks{ margin:18px 0 0; }
.cxl .cxl-split__copy .cxl-btns{ margin-top:var(--cxs-ds-space-lg); }
.cxl .cxl-split__list{ list-style:none; margin:20px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cxl .cxl-split__list li{ margin:0; padding:16px 18px; border-radius:var(--cxs-ds-radius-md); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-left:4px solid var(--cxs-ds-indigo-600); }
.cxl:not(#cxs-x) .cxl-split__list a{ font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-link); }
.cxl .cxl-split__list span{ display:block; margin-top:4px; font-size:14px; color:var(--cxs-ds-text-muted); }
.cxl .cxl-split__logo{ padding:var(--cxs-ds-space-xl); border-radius:var(--cxs-ds-radius-xl); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl:not(#cxs-x) .cxl-split__logo img{ display:block; width:100%; height:auto; margin:0; border:0; }
.cxl .cxl-split__logo p{ margin:14px 0 0; font-size:14px; color:var(--cxs-ds-text-muted); text-align:center; }
.cxl .cxl-split__img{ margin:0; }
.cxl:not(#cxs-x) .cxl-split__img img{ display:block; width:100%; height:auto; margin:0; border:0; border-radius:var(--cxs-ds-radius-xl); box-shadow:var(--cxs-ds-shadow-lg); }
.cxl .cxl-split__quote{ margin:0; padding:var(--cxs-ds-space-xl); border-radius:var(--cxs-ds-radius-xl); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-left:5px solid var(--cxs-ds-gold); box-shadow:var(--cxs-ds-shadow-md); }
.cxl:not(#cxs-x) .cxl-split__quote img{ display:block; width:72px; height:72px; margin:0 0 16px; border:0; border-radius:50%; object-fit:cover; }
.cxl .cxl-split__quote blockquote{ margin:0; padding:0; border:0; font-size:19px; line-height:1.55; font-style:normal; color:var(--cxs-ds-text); }
.cxl .cxl-split__quote figcaption{ margin-top:16px; font-size:14px; color:var(--cxs-ds-text-muted); }
.cxl .cxl-split__quote figcaption b{ display:block; font-size:16px; color:var(--cxs-ds-text); }
@media (max-width:1100px){ .cxl .cxl-people{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:991px){ .cxl .cxl-split{ grid-template-columns:minmax(0,1fr); gap:var(--cxs-ds-space-xl); } }
@media (max-width:767px){ .cxl .cxl-people{ grid-template-columns:repeat(2,minmax(0,1fr)); } .cxl .cxl-partners,.cxl .cxl-split__list{ grid-template-columns:minmax(0,1fr); } .cxl .cxl-facts__list b{ min-width:92px; font-size:22px; } }

/* v1.8.1: hero key-points card (ticks); hero photo shown at its own size (small images) */
.cxl .cxl-facts--ticks .cxl-ticks{ margin:12px 0 0; }
.cxl .cxl-facts--ticks .cxl-ticks li{ padding:12px 0 12px 30px; font-size:16px; line-height:1.5; color:var(--cxs-ds-text-muted); }
.cxl .cxl-facts--ticks .cxl-ticks li::before{ top:19px; }
.cxl .cxl-facts--ticks .cxl-ticks li b{ color:var(--cxs-ds-text); }
.cxl .cxl-hero__img--native{ display:flex; justify-content:center; }
.cxl:not(#cxs-x) .cxl-hero__img--native img{ width:auto; max-width:100%; }

/* ==========================================================================
   v1.8.2  (27 Sep 2026) Sub-category pages (phone first): course level cards
   (.cxl-tier, coloured header with level, length, price, availability),
   "Three ways to train" (.cxl-way: public / private / self-paced), dates
   selling points as a Gold-tint bar (.cxl-points--bar), result ticks under the
   outcomes intro (.cxl-out__ticks).
   ========================================================================== */
.cxl .cxl-tiers{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--cxs-ds-space-lg); margin-top:var(--cxs-ds-space-lg); }
.cxl .cxl-tier{ display:flex; flex-direction:column; background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-radius:var(--cxs-ds-radius-xl); overflow:hidden; box-shadow:var(--cxs-ds-shadow-sm); transition:box-shadow .15s, transform .15s; }
.cxl .cxl-tier:hover{ box-shadow:var(--cxs-ds-shadow-lg); transform:translateY(-2px); }
.cxl .cxl-tier__head{ padding:22px 24px 20px; background:var(--cxs-ds-indigo-600); color:var(--cxs-ds-white); }
.cxl .cxl-tier--2 .cxl-tier__head{ background:var(--cxs-ds-indigo-700); }
.cxl .cxl-tier--3 .cxl-tier__head{ background:var(--cxs-ds-indigo-900); }
.cxl .cxl-tier__av{ display:inline-block; padding:4px 11px; border-radius:var(--cxs-ds-radius-pill); background:color-mix(in srgb, var(--cxs-ds-white) 16%, transparent); color:var(--cxs-ds-white); font-size:11px; font-weight:var(--cxs-ds-weight-bold); letter-spacing:.08em; text-transform:uppercase; }
.cxl .cxl-tier__av.is-private{ background:var(--cxs-ds-gold); color:var(--cxs-ds-indigo-900); }
.cxl:not(#cxs-x) .cxl-tier__h{ margin:14px 0 4px; padding:0; font-size:32px; line-height:1.1; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-white); letter-spacing:-.01em; }
.cxl .cxl-tier__pre{ display:block; margin-bottom:4px; font-size:12px; line-height:1.3; font-weight:var(--cxs-ds-weight-semibold); letter-spacing:.1em; text-transform:uppercase; color:var(--cxs-ds-gold); }
.cxl:not(#cxs-x) .cxl-tier__len{ margin:10px 0 0; display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.cxl .cxl-tier__dur{ display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border-radius:var(--cxs-ds-radius-pill); background:var(--cxs-ds-white); color:var(--cxs-ds-indigo-900); font-size:15px; line-height:1.2; font-weight:var(--cxs-ds-weight-bold); }
.cxl .cxl-tier__dur svg{ width:16px; height:16px; fill:none; stroke:var(--cxs-ds-gold-deep); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.cxl .cxl-tier__alt{ font-size:13px; color:color-mix(in srgb, var(--cxs-ds-white) 80%, transparent); }
.cxl:not(#cxs-x) .cxl-tier__price{ margin:14px 0 0; display:flex; align-items:baseline; gap:8px; }
.cxl .cxl-tier__price b{ font-size:32px; line-height:1; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-white); }
.cxl .cxl-tier__price span{ font-size:13px; color:color-mix(in srgb, var(--cxs-ds-white) 75%, transparent); }
.cxl .cxl-tier__body{ flex:1; display:flex; flex-direction:column; padding:20px 24px 24px; }
.cxl:not(#cxs-x) .cxl-tier__best{ margin:0 0 12px; font-size:15px; line-height:1.5; color:var(--cxs-ds-text-muted); }
.cxl .cxl-tier__best b{ color:var(--cxs-ds-indigo-700); font-weight:var(--cxs-ds-weight-semibold); }
.cxl .cxl-tier__pts{ flex:1; margin:0 0 20px !important; }
.cxl .cxl-tier__pts li{ position:relative; padding:10px 0 10px 34px; font-size:15px; line-height:1.45; color:var(--cxs-ds-text); border-top:1px solid var(--cxs-ds-border); }
.cxl .cxl-tier__pts li:first-child{ font-weight:var(--cxs-ds-weight-semibold); }
.cxl .cxl-tier__pts li::before{ content:""; position:absolute; left:0; top:10px; width:22px; height:22px; border-radius:50%; background:var(--cxs-ds-gold-tint); }
.cxl .cxl-tier__pts li::after{ content:""; position:absolute; left:7px; top:16px; width:9px; height:5px; border-left:2px solid var(--cxs-ds-gold-deep); border-bottom:2px solid var(--cxs-ds-gold-deep); transform:rotate(-45deg); }
.cxl:not(#cxs-x) .cxl-tier__btn{ width:100%; justify-content:center; }

.cxl .cxl-ways{ margin-top:var(--cxs-ds-space-2xl); }
.cxl .cxl-ways__head{ margin-bottom:var(--cxs-ds-space-md); }
/* Sub-section headings inside a section (modules, ways to train): clearly bigger than card titles */
.cxl:not(#cxs-x) .cxl-ways__head .cxl-h3,
.cxl:not(#cxs-x) .cxl-cs__mh .cxl-h3{ margin:0 0 4px; font-size:26px; font-weight:var(--cxs-ds-weight-bold); line-height:1.25; letter-spacing:-.01em; }
@media (max-width:600px){ .cxl:not(#cxs-x) .cxl-ways__head .cxl-h3, .cxl:not(#cxs-x) .cxl-cs__mh .cxl-h3{ font-size:22px; } }
.cxl:not(#cxs-x) .cxl-ways__head p{ margin:0; font-size:16px; color:var(--cxs-ds-text-muted); }
.cxl .cxl-ways__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--cxs-ds-space-md); }
.cxl .cxl-way{ display:flex; flex-direction:column; padding:22px; background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-top:4px solid var(--cxs-ds-indigo-400); border-radius:var(--cxs-ds-radius-lg); }
.cxl .cxl-way--private{ background:var(--cxs-ds-indigo-50); border-color:var(--cxs-ds-indigo-200); border-top-color:var(--cxs-ds-indigo-800); }
.cxl .cxl-way--self{ border-top-color:var(--cxs-ds-gold); }
.cxl .cxl-way__top{ display:flex; gap:12px; align-items:center; }
.cxl .cxl-way--private .cxl-ico{ background:var(--cxs-ds-white); }
.cxl:not(#cxs-x) .cxl-way__h{ margin:0; padding:0; font-size:18px; line-height:1.25; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-text); }
.cxl:not(#cxs-x) .cxl-way__sub{ margin:2px 0 0; font-size:14px; line-height:1.4; color:var(--cxs-ds-text-muted); }
.cxl .cxl-way__pts{ flex:1; margin:14px 0 18px !important; }
.cxl .cxl-way__pts li{ position:relative; padding:5px 0 5px 24px; font-size:14.5px; line-height:1.45; color:var(--cxs-ds-text); }
.cxl .cxl-way__pts li::before{ content:""; position:absolute; left:2px; top:11px; width:11px; height:6px; border-left:2px solid var(--cxs-ds-indigo-600); border-bottom:2px solid var(--cxs-ds-indigo-600); transform:rotate(-45deg); }
.cxl .cxl-way--self .cxl-way__pts li::before{ border-color:var(--cxs-ds-gold-deep); }
.cxl:not(#cxs-x) .cxl-way .cxl-btn{ align-self:flex-start; }

.cxl .cxl-points--bar{ gap:0; padding:6px; background:var(--cxs-ds-gold-tint); border:1px solid color-mix(in srgb, var(--cxs-ds-gold) 45%, transparent); border-radius:var(--cxs-ds-radius-lg); }
.cxl:not(#cxs-x) .cxl-points--bar li{ align-items:center; padding:14px 16px; background:transparent; border:0; border-radius:0; box-shadow:none; border-left:1px solid color-mix(in srgb, var(--cxs-ds-gold-deep) 22%, transparent); }
.cxl:not(#cxs-x) .cxl-points--bar li:first-child{ border-left:0; }
.cxl .cxl-points--bar .cxl-ico{ background:var(--cxs-ds-white); }
.cxl .cxl-points--bar .cxl-ico svg{ stroke:var(--cxs-ds-gold-deep); }
.cxl .cxl-points--bar b{ color:var(--cxs-ds-text); white-space:nowrap; }
.cxl .cxl-points--bar span{ color:var(--cxs-ds-text-muted); }

.cxl:not(#cxs-x) .cxl-out__ticks{ margin:var(--cxs-ds-space-md) 0 0 !important; }
.cxl .cxl-out__ticks li{ font-size:16px; padding-top:10px; padding-bottom:10px; }
.cxl .cxl-out__ticks li::before{ top:17px; }
.cxl .cxl-out__ticks b{ color:var(--cxs-ds-indigo-700); }

@media (max-width:991px){
	.cxl .cxl-tiers,.cxl .cxl-ways__grid{ grid-template-columns:minmax(0,1fr); max-width:560px; }
	.cxl .cxl-points--bar{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.cxl:not(#cxs-x) .cxl-points--bar li:nth-child(3){ border-left:0; }
}
@media (max-width:600px){
	.cxl .cxl-points--bar{ grid-template-columns:minmax(0,1fr); }
	.cxl:not(#cxs-x) .cxl-points--bar li{ border-left:0; border-top:1px solid color-mix(in srgb, var(--cxs-ds-gold-deep) 22%, transparent); }
	.cxl:not(#cxs-x) .cxl-points--bar li:first-child{ border-top:0; }
}

/* v1.8.3  (27 Sep 2026) ACXPA section with a live ranking board beside the copy
   (.cxl-acx__board, public sector page). The board's own styles come from the
   rankingboard plugin; this only frames it. Hero proof in two columns
   (.cxl-proof--2). */
.cxl .cxl-acx__top.has-board{ grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:start; }
.cxl .cxl-acx__board{ padding:20px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); box-shadow:var(--cxs-ds-shadow-md); }
.cxl:not(#cxs-x) .cxl-acx__btag{ margin:0 0 4px; font-size:12px; font-weight:var(--cxs-ds-weight-bold); letter-spacing:.1em; text-transform:uppercase; color:var(--cxs-ds-gold-deep); }
.cxl:not(#cxs-x) .cxl-acx__btxt{ margin:0 0 14px; font-size:14px; line-height:1.5; color:var(--cxs-ds-text-muted); }
.cxl .cxl-acx__bwrap{ overflow-x:auto; }
.cxl .cxl-acx__bwrap .acxpa-leaderboard{ margin:0 !important; max-width:100%; }
.cxl:not(#cxs-x) .cxl-acx__bnote{ margin:12px 0 0; font-size:13px; color:var(--cxs-ds-text-muted); }
@media (max-width:991px){ .cxl .cxl-acx__top.has-board{ grid-template-columns:minmax(0,1fr); } }
/* Hero proof points in two even columns (sub-category pages: 'proof_2') */
.cxl .cxl-proof--2{ display:grid; grid-template-columns:repeat(2,max-content); gap:8px 22px; }
@media (max-width:600px){ .cxl .cxl-proof--2{ grid-template-columns:minmax(0,1fr); } }

/* ==========================================================================
   v1.8.4  (27 Sep 2026) ACXPA ranking board restyled to match acxpa.com.au
   (the [rankingboard] plugin still ships its 2024 colours). Values are the
   ACXPA design system's, copied as literals because CX Skills doesn't load the
   ACXPA tokens: teal #0f4f5c / #155f6e, border #b7cdd2, ink #14252a, slate
   #5e7075, gold #f9b02e, gold-deep #9a6412, bands Outstanding gold / Exceeds
   teal-700 / Meets teal-200 / Below #fbeeda on #7a4900 / Poor #b3182c.
   Scoped to .cxl so boards elsewhere on the site are untouched. The board sits
   in a teal frame with a white panel, like the ACXPA live leaderboards.
   ========================================================================== */
.cxl .cxl-acx__board{ padding:16px; border:0; border-radius:16px; background:#0f4f5c; box-shadow:var(--cxs-ds-shadow-lg); }
.cxl .cxl-acx__bpanel{ padding:18px 18px 14px; border-radius:10px; background:#fff; }
.cxl:not(#cxs-x) .cxl-acx__btag{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:0 0 4px; font-size:17px; font-weight:var(--cxs-ds-weight-bold); letter-spacing:0; text-transform:none; color:#0f4f5c; }
.cxl .cxl-acx__btag small{ font-size:11px; font-weight:var(--cxs-ds-weight-bold); letter-spacing:.08em; text-transform:uppercase; color:#5e7075; white-space:nowrap; }
.cxl:not(#cxs-x) .cxl-acx__btxt{ margin:0 0 14px; font-size:13.5px; line-height:1.5; color:#5e7075; }
.cxl:not(#cxs-x) .cxl-acx__bnote{ margin:10px 0 0; font-size:12.5px; color:#5e7075; text-align:center; }
.cxl:not(#cxs-x) .cxl-acx__bnote a{ color:#155f6e; }

.cxl .acxpa-leaderboard{ float:none !important; width:100% !important; margin:0 !important; padding:0 0 8px !important; background:#fff !important; border:1px solid #b7cdd2 !important; border-radius:20px; box-shadow:0 1px 2px rgba(15,79,92,.08); overflow:hidden; text-align:center; font-family:var(--cxs-ds-font); }
.cxl .acxpa-leaderboard:hover{ transform:none; }
.cxl .acxpa-leaderboard .rank-content-title,.cxl .acxpa-leaderboard .rank-content-heading{ text-align:center !important; }
.cxl .acxpa-leaderboard .rank-content-title{ margin:16px 12px 8px; color:#0f4f5c; font-size:18px; font-weight:700; line-height:1.12; }
.cxl .acxpa-leaderboard .rank-content-heading{ color:#0f4f5c; font-size:16px !important; font-weight:700; line-height:1.32; }
.cxl .acxpa-leaderboard span.sub-title-date{ color:#9a6412; font-weight:700; }
.cxl .acxpa-leaderboard span.rank-desc{ display:block; margin:4px 12px 14px; padding-bottom:4px; color:#5e7075; font-size:12.5px; font-weight:400; line-height:1.6; text-align:center; }
.cxl .acxpa-leaderboard .acxpa-rank.acxpa-rank-inner,
.cxl .acxpa-leaderboard .acxpa-rank-avg.acxpa-rank-inner-avg{ display:flex; align-items:center; gap:12px; min-height:56px; margin:0; padding:8px 12px !important; text-align:left; }
.cxl .acxpa-leaderboard .acxpa-rank.acxpa-rank-inner{ border-top:1px solid #b7cdd2; }
.cxl .acxpa-leaderboard .acxpa-rank-avg.acxpa-rank-inner-avg{ border-top:2px dotted #b7cdd2; }
.cxl .acxpa-leaderboard .acxpa-rank:hover,.cxl .acxpa-leaderboard .acxpa-rank-avg:hover{ background:#f1f6f7; box-shadow:none; }
.cxl .acxpa-leaderboard span.rank-content-no.hl-style{ flex:0 0 auto; margin:0; color:#0f4f5c; font-weight:700; font-size:16px; }
.cxl .acxpa-leaderboard .acxpa-rank.acxpa-rank-inner span.rank-content,
.cxl .acxpa-leaderboard span.rank-content.ind-avg-name{ display:block; flex:1 1 auto; min-width:0; width:auto !important; color:#14252a; font-size:15px; }
.cxl .acxpa-leaderboard span.rank-content.ind-avg-name{ font-weight:700; }
.cxl .acxpa-leaderboard span.comp_logo_vrt.rank-content{ text-align:center; }
.cxl .acxpa-leaderboard .comp_logo_img{ display:inline-block; max-height:40px; width:auto; max-width:100%; border:0; }
.cxl .acxpa-leaderboard span.logo-rank-sector-name{ font-size:11px; text-align:center; color:#5e7075; }
.cxl .acxpa-leaderboard span.acxpa-score.rank-btn{ flex:0 0 auto; min-width:64px; max-height:none; margin:0 0 0 12px; padding:4px 12px; border:0; border-radius:999px; font-size:14px; font-weight:700; line-height:1.32; text-align:center; }
.cxl .acxpa-leaderboard span.acxpa-score.rank-btn.as-outstanding{ background:#f9b02e; color:#14252a !important; }
.cxl .acxpa-leaderboard span.acxpa-score.rank-btn.as-exceeds-expectations{ background:#0f4f5c; color:#fff; }
.cxl .acxpa-leaderboard span.acxpa-score.rank-btn.as-meets-expectations{ background:#b7cdd2; color:#14252a; }
.cxl .acxpa-leaderboard span.acxpa-score.rank-btn.as-below-expectations{ background:#fbeeda; color:#7a4900; }
.cxl .acxpa-leaderboard span.acxpa-score.rank-btn.as-poor{ background:#b3182c; color:#fff; }
.cxl .acxpa-leaderboard a.comp_link{ margin:0; padding:0; border-radius:0; background:transparent !important; box-shadow:none; color:inherit !important; }
.cxl .acxpa-leaderboard a:not(.comp_link),
.cxl .acxpa-leaderboard a.sector-link-as,
.cxl .acxpa-leaderboard a.legend-toggle,
.cxl .acxpa-leaderboard a.acccs-btn{ display:inline; margin:0 !important; padding:0 !important; border-radius:0 !important; background:transparent !important; color:#155f6e !important; font-size:inherit !important; font-weight:700; text-decoration:underline !important; text-underline-offset:.15em; }
.cxl .acxpa-leaderboard p{ margin:0 !important; padding:12px 12px 4px !important; border-top:0; color:#5e7075; font-size:12.5px !important; }
.cxl .acxpa-leaderboard [class^="legendBox_"]{ margin:6px 12px 8px !important; padding:12px 14px !important; border-radius:10px !important; background:#f1f6f7 !important; color:#14252a; font-size:13px !important; text-align:left; }
.cxl .acxpa-leaderboard p.rnk-updated-at{ padding-top:4px !important; }

/* 1.8.5 (27 Sep 2026) Courses 'note' callout (e.g. "Course workbook included") under the tiers:
   gold tint, gold left border, icon or optional 4:3 image, title with a small pill. */
.cxl .cxl-note{ display:flex; gap:20px; align-items:flex-start; margin:var(--cxs-ds-space-xl) 0 0; padding:22px 26px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-gold-tint); border-left:5px solid var(--cxs-ds-gold); }
.cxl .cxl-note > .cxl-ico{ flex:none; width:52px; height:52px; margin:0; border-radius:12px; background:var(--cxs-ds-white); color:var(--cxs-ds-ink); display:flex; align-items:center; justify-content:center; box-shadow:0 1px 3px rgba(20,37,42,.08); }
.cxl .cxl-note > .cxl-ico svg{ width:26px; height:26px; }
.cxl .cxl-note__img{ flex:none; width:136px; margin:0; }
.cxl .cxl-note__img img{ display:block; width:100%; height:auto; border-radius:4px; border:0; margin:0; box-shadow:0 6px 16px rgba(20,37,42,.22), 0 1px 3px rgba(20,37,42,.18); transform:rotate(-2deg); }
.cxl .cxl-note.has-img{ align-items:center; gap:28px; padding:24px 30px; }
.cxl .cxl-note__body{ flex:1; min-width:0; }
.cxl:not(#cxs-x) .cxl-note__h{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:0 0 8px; font-size:20px; line-height:1.3; color:var(--cxs-ds-ink); }
.cxl .cxl-note__tag{ display:inline-block; padding:3px 10px; border-radius:var(--cxs-ds-radius-pill); background:var(--cxs-ds-white); color:var(--cxs-ds-ink); font-size:12px; font-weight:var(--cxs-ds-weight-semibold); letter-spacing:.02em; }
.cxl:not(#cxs-x) .cxl-note__body p{ margin:0 0 6px; font-size:16px; line-height:1.6; color:var(--cxs-ds-text); }
.cxl:not(#cxs-x) .cxl-note__body p:last-child{ margin-bottom:0; }
@media (max-width:767px){ .cxl .cxl-note, .cxl .cxl-note.has-img{ flex-direction:column; align-items:flex-start; gap:16px; padding:20px; } .cxl .cxl-note__img{ width:110px; } }
.cxl:not(#cxs-x) .cxl-logos--stack[style*="--lc:8"] .cxl-logos__grid img{ height:64px; max-width:132px; }
@media (max-width:1199px){ .cxl .cxl-logos--stack[style*="--lc:8"] .cxl-logos__grid{ grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media (max-width:767px){ .cxl .cxl-logos--stack[style*="--lc:8"] .cxl-logos__grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } .cxl:not(#cxs-x) .cxl-logos--stack[style*="--lc:8"] .cxl-logos__grid img{ height:56px; } }

/* 1.8.6 (27 Sep 2026) Rating bands box (acxpa 'bands'), beside a live ranking board.
   Band colours match the ACXPA boards: Outstanding gold/ink, Exceeds teal, Meets
   #b7cdd2/ink, Below #fbeeda/#7a4900, Poor #b3182c. */
.cxl .cxl-bands{ margin:var(--cxs-ds-space-lg) 0 var(--cxs-ds-space-md); padding:18px 20px 16px; border:1px solid #b7cdd2; border-radius:var(--cxs-ds-radius-lg); background:#f1f6f7; }
.cxl:not(#cxs-x) .cxl-bands__h{ margin:0 0 12px; font-size:15px; font-weight:var(--cxs-ds-weight-bold); color:#0f4f5c; }
.cxl .cxl-bands__list{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none; }
.cxl .cxl-bands__list li{ display:flex; flex-direction:column; align-items:center; gap:6px; margin:0; padding:0; text-align:center; }
.cxl .cxl-bands__list li::before{ display:none; }
.cxl .cxl-band{ display:block; width:100%; box-sizing:border-box; padding:6px 4px; border-radius:var(--cxs-ds-radius-pill); font-size:12.5px; font-weight:var(--cxs-ds-weight-bold); line-height:1.2; }
.cxl:not(#cxs-x) .cxl-band{ text-align:center !important; }
.cxl .cxl-band--outstanding{ background:#f9b02e; color:#14252a; }
.cxl .cxl-band--exceeds{ background:#0f4f5c; color:#fff; }
.cxl .cxl-band--meets{ background:#b7cdd2; color:#14252a; }
.cxl .cxl-band--below{ background:#fbeeda; color:#7a4900; }
.cxl .cxl-band--poor{ background:#b3182c; color:#fff; }
.cxl:not(#cxs-x) .cxl-bands__r{ font-size:12.5px; line-height:1.3; color:#5e7075; }
.cxl:not(#cxs-x) .cxl-bands__foot{ margin:12px 0 0; font-size:13.5px; line-height:1.5; color:#5e7075; }
@media (max-width:1199px){ .cxl .cxl-bands__list{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:767px){ .cxl .cxl-bands__list{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* 1.8.7 (27 Sep 2026) Single-course section ('course', Daniel Ord pages): overview with key
   facts, trainer card (photo, credentials, price, buttons), modules grid, then 'ways'. */
.cxl .cxl-cs__top{ display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:var(--cxs-ds-space-2xl); align-items:center; }
.cxl .cxl-cs__facts{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:var(--cxs-ds-space-lg) 0 0 !important; padding:0 !important; list-style:none; }
.cxl .cxl-cs__facts li{ display:flex; align-items:center; gap:12px; margin:0; padding:14px 16px; background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-radius:var(--cxs-ds-radius-lg); }
.cxl .cxl-cs__facts li::before{ display:none; }
.cxl .cxl-cs__facts .cxl-ico{ width:40px; height:40px; }
.cxl .cxl-cs__facts span b{ display:block; font-size:16px; line-height:1.3; color:var(--cxs-ds-ink); }
.cxl .cxl-cs__facts span{ font-size:13.5px; line-height:1.4; color:var(--cxs-ds-text-muted); }
.cxl .cxl-cs__card{ padding:24px; background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-top:4px solid var(--cxs-ds-indigo-600); border-radius:var(--cxs-ds-radius-xl); box-shadow:var(--cxs-ds-shadow-md); }
.cxl .cxl-cs__who{ display:flex; align-items:center; gap:16px; }
.cxl .cxl-cs__who img{ flex:none; width:84px; height:84px; object-fit:cover; object-position:center 15%; border-radius:50%; background:var(--cxs-ds-indigo-50); border:0; margin:0; box-shadow:none; }
.cxl:not(#cxs-x) .cxl-cs__tl{ margin:0 0 2px; font-size:12px; font-weight:var(--cxs-ds-weight-semibold); letter-spacing:.08em; text-transform:uppercase; color:var(--cxs-ds-indigo-600); }
.cxl:not(#cxs-x) .cxl-cs__tn{ margin:0; font-size:20px; font-weight:var(--cxs-ds-weight-bold); line-height:1.25; }
.cxl:not(#cxs-x) .cxl-cs__tn a{ color:var(--cxs-ds-ink); text-decoration:none; }
.cxl:not(#cxs-x) .cxl-cs__tn a:hover{ color:var(--cxs-ds-indigo-700); text-decoration:underline; }
.cxl:not(#cxs-x) .cxl-cs__tr{ margin:2px 0 0; font-size:14px; line-height:1.4; color:var(--cxs-ds-text-muted); }
.cxl .cxl-cs__tpts{ margin:18px 0 0 !important; padding:0 !important; list-style:none; }
.cxl .cxl-cs__tpts li{ position:relative; margin:0; padding:8px 0 8px 30px; font-size:14.5px; line-height:1.45; color:var(--cxs-ds-text); border-top:1px solid var(--cxs-ds-border); }
.cxl .cxl-cs__tpts li::before{ content:""; position:absolute; left:0; top:9px; width:20px; height:20px; border-radius:50%; background:var(--cxs-ds-gold-tint); }
.cxl .cxl-cs__tpts li::after{ content:""; position:absolute; left:6px; top:15px; width:8px; height:4px; border-left:2px solid var(--cxs-ds-gold-deep); border-bottom:2px solid var(--cxs-ds-gold-deep); transform:rotate(-45deg); }
.cxl:not(#cxs-x) .cxl-cs__price{ display:flex; align-items:baseline; gap:8px; margin:16px 0 14px; padding-top:14px; border-top:1px solid var(--cxs-ds-border); }
.cxl .cxl-cs__price b{ font-size:32px; line-height:1; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-indigo-700); }
.cxl .cxl-cs__price span{ font-size:14px; color:var(--cxs-ds-text-muted); }
.cxl .cxl-cs__btns{ display:grid; gap:10px; }
.cxl .cxl-cs__btns .cxl-btn{ width:100%; justify-content:center; text-align:center; box-sizing:border-box; }
.cxl .cxl-cs__mh{ margin:var(--cxs-ds-space-2xl) 0 var(--cxs-ds-space-md); }
.cxl:not(#cxs-x) .cxl-cs__mh p{ margin:6px 0 0; color:var(--cxs-ds-text-muted); }
.cxl .cxl-cs__mods{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--cxs-ds-space-md); }
.cxl .cxl-cs__mods--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.cxl .cxl-cs__mods--2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.cxl .cxl-mod{ display:flex; flex-direction:column; padding:20px; background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-radius:var(--cxs-ds-radius-lg); }
.cxl .cxl-mod__top{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }
.cxl .cxl-mod__n,.cxl .cxl-mod__s{ display:inline-block; padding:3px 10px; border-radius:var(--cxs-ds-radius-pill); font-size:12px; font-weight:var(--cxs-ds-weight-semibold); line-height:1.4; }
.cxl .cxl-mod__n{ background:var(--cxs-ds-indigo-600); color:var(--cxs-ds-white); }
.cxl .cxl-mod__s{ background:var(--cxs-ds-gold-tint); color:var(--cxs-ds-ink); }
.cxl:not(#cxs-x) .cxl-mod__h{ margin:0 0 6px; font-size:17px; line-height:1.3; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-ink); }
.cxl:not(#cxs-x) .cxl-mod__p{ margin:0 0 12px; font-size:14.5px; line-height:1.5; color:var(--cxs-ds-text-muted); }
.cxl .cxl-mod__pts{ margin:0 !important; padding:0 !important; list-style:none; }
.cxl .cxl-mod__pts li{ position:relative; margin:0; padding:7px 0 7px 18px; font-size:14px; line-height:1.4; color:var(--cxs-ds-text); border-top:1px solid var(--cxs-ds-border); }
.cxl .cxl-mod__pts li::before{ content:""; position:absolute; left:2px; top:14px; width:6px; height:6px; border-radius:50%; background:var(--cxs-ds-gold); }
.cxl .cxl-cs .cxl-ways{ margin-top:var(--cxs-ds-space-2xl); }
@media (max-width:1199px){ .cxl .cxl-cs__top{ grid-template-columns:minmax(0,1fr) 320px; gap:var(--cxs-ds-space-xl); } }
@media (max-width:991px){ .cxl .cxl-cs__top{ grid-template-columns:minmax(0,1fr); } .cxl .cxl-cs__card{ max-width:520px; } .cxl .cxl-cs__mods--3{ grid-template-columns:minmax(0,1fr); max-width:560px; } }
@media (max-width:767px){ .cxl .cxl-cs__mods,.cxl .cxl-cs__mods--2{ grid-template-columns:minmax(0,1fr); } .cxl .cxl-cs__facts{ grid-template-columns:minmax(0,1fr); } }
/* 4 modules: 2 x 2, with the points beside the intro on wide screens */
@media (min-width:992px){
	.cxl .cxl-cs__mods--4 .cxl-mod,.cxl .cxl-cs__mods--2 .cxl-mod{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); grid-template-rows:auto auto 1fr; column-gap:18px; }
	.cxl .cxl-cs__mods--4 .cxl-mod__top,.cxl .cxl-cs__mods--4 .cxl-mod__h,.cxl .cxl-cs__mods--4 .cxl-mod__p,
	.cxl .cxl-cs__mods--2 .cxl-mod__top,.cxl .cxl-cs__mods--2 .cxl-mod__h,.cxl .cxl-cs__mods--2 .cxl-mod__p{ grid-column:1; }
	.cxl .cxl-cs__mods--4 .cxl-mod__pts,.cxl .cxl-cs__mods--2 .cxl-mod__pts{ grid-column:2; grid-row:1 / span 3; align-self:start; }
	.cxl .cxl-cs__mods--4 .cxl-mod__pts li:first-child,.cxl .cxl-cs__mods--2 .cxl-mod__pts li:first-child{ border-top:0; padding-top:0; }
	.cxl .cxl-cs__mods--4 .cxl-mod__pts li:first-child::before,.cxl .cxl-cs__mods--2 .cxl-mod__pts li:first-child::before{ top:7px; }
}

/* 1.8.7d Modules: coloured cards that deepen from module to module (the course builds on
   itself), gold module pill, points on an inset white panel. */
.cxl .cxl-mod{ position:relative; overflow:hidden; background:var(--cxs-ds-indigo-500); border:0; color:var(--cxs-ds-white); box-shadow:var(--cxs-ds-shadow-md); }
.cxl .cxl-mod:nth-child(2){ background:var(--cxs-ds-indigo-600); }
.cxl .cxl-mod:nth-child(3){ background:var(--cxs-ds-indigo-700); }
.cxl .cxl-mod:nth-child(4){ background:var(--cxs-ds-indigo-800); }
.cxl .cxl-cs__mods--3 .cxl-mod:nth-child(1){ background:var(--cxs-ds-indigo-600); }
.cxl .cxl-cs__mods--3 .cxl-mod:nth-child(2){ background:var(--cxs-ds-indigo-700); }
.cxl .cxl-cs__mods--3 .cxl-mod:nth-child(3){ background:var(--cxs-ds-indigo-800); }
.cxl .cxl-mod::after{ content:""; position:absolute; right:-40px; top:-40px; width:140px; height:140px; border-radius:50%; background:rgba(255,255,255,.06); pointer-events:none; }
.cxl .cxl-mod__n{ background:var(--cxs-ds-gold); color:var(--cxs-ds-ink); }
.cxl .cxl-mod__s{ background:rgba(255,255,255,.16); color:var(--cxs-ds-white); }
.cxl:not(#cxs-x) .cxl-mod__h{ color:var(--cxs-ds-white); }
.cxl:not(#cxs-x) .cxl-mod__p{ color:rgba(255,255,255,.82); }
.cxl .cxl-mod__pts{ position:relative; z-index:1; margin-top:4px !important; padding:6px 16px !important; background:var(--cxs-ds-white); border-radius:var(--cxs-ds-radius-md); }
.cxl .cxl-mod__pts li{ color:var(--cxs-ds-text); }
.cxl .cxl-mod__pts li:first-child{ border-top:0; }
@media (min-width:992px){
	.cxl .cxl-cs__mods--4 .cxl-mod__pts,.cxl .cxl-cs__mods--2 .cxl-mod__pts{ margin-top:0 !important; }
	.cxl .cxl-cs__mods--4 .cxl-mod__pts li:first-child,.cxl .cxl-cs__mods--2 .cxl-mod__pts li:first-child{ padding-top:7px; }
	.cxl .cxl-cs__mods--4 .cxl-mod__pts li:first-child::before,.cxl .cxl-cs__mods--2 .cxl-mod__pts li:first-child::before{ top:14px; }
}
@media (min-width:992px){ .cxl:not(#cxs-x) .cxl-cs__mods--4 .cxl-mod__h,.cxl:not(#cxs-x) .cxl-cs__mods--2 .cxl-mod__h{ font-size:16px; } .cxl .cxl-cs__mods--4 .cxl-mod__pts li,.cxl .cxl-cs__mods--2 .cxl-mod__pts li{ font-size:13.5px; } }

/* ==========================================================================
   1.9.0 (27 Sep 2026) Course date (event) pages: .cxl.cxl--event sits inside the
   Events Calendar single-event column (roughly 770-1100px wide), under the ticket
   box. Sections become rounded panels, and layouts respond to the column width
   (container queries), not the window.
   ========================================================================== */
.cxl.cxl--event{ container-type:inline-size; container-name:cxlev; margin:var(--cxs-ds-space-lg) 0 0; }
.cxl.cxl--event .cxl-hero,.cxl.cxl--event .cxl-sub,.cxl.cxl--event .cxl-sec,.cxl.cxl--event .cxl-logos,.cxl.cxl--event .cxl-cta{ width:auto; margin-left:0; margin-right:0; }
.cxl.cxl--event > * + *{ margin-top:16px; }
.cxl.cxl--event .cxl-in{ max-width:none; padding-left:clamp(20px,4cqi,40px); padding-right:clamp(20px,4cqi,40px); }
.cxl.cxl--event .cxl-hero{ border-radius:var(--cxs-ds-radius-xl); overflow:hidden; }
.cxl.cxl--event .cxl-sec{ padding-top:clamp(36px,6cqi,56px); padding-bottom:clamp(36px,6cqi,56px); }
.cxl.cxl--event .cxl-tint{ border-radius:var(--cxs-ds-radius-xl); }
.cxl.cxl--event .cxl-logos{ border-radius:var(--cxs-ds-radius-lg); }
.cxl.cxl--event .cxl-cta{ border-radius:var(--cxs-ds-radius-xl); overflow:hidden; }
@container cxlev (max-width:980px){
	.cxl .cxl-hero__in{ grid-template-columns:minmax(0,1fr) !important; gap:24px !important; }
	.cxl .cxl-hero .cxl-facts{ max-width:none; }
	.cxl .cxl-cs__top{ grid-template-columns:minmax(0,1fr); gap:28px; }
	.cxl .cxl-cs__card{ max-width:none; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:28px; align-items:start; }
	.cxl .cxl-cs__card .cxl-cs__who{ grid-column:1; }
	.cxl .cxl-cs__card .cxl-cs__tpts{ grid-column:1; }
	.cxl .cxl-cs__card .cxl-cs__price,.cxl .cxl-cs__card .cxl-cs__btns{ grid-column:2; }
	.cxl .cxl-cs__card .cxl-cs__price{ grid-row:1; margin-top:0; padding-top:0; border-top:0; }
	.cxl .cxl-cs__card .cxl-cs__btns{ grid-row:2; align-self:start; }
	.cxl .cxl-why__top--img{ grid-template-columns:minmax(0,1fr); gap:24px; }
	.cxl .cxl-g3{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
	.cxl .cxl-pr__grid{ grid-template-columns:minmax(0,1fr) !important; }
	.cxl .cxl-logos__row{ flex-direction:column; align-items:stretch; }
	.cxl .cxl-logos__grid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
}
@container cxlev (max-width:720px){
	.cxl .cxl-cs__card{ display:block; }
	.cxl .cxl-cs__card .cxl-cs__price{ margin-top:16px; padding-top:14px; border-top:1px solid var(--cxs-ds-border); }
	.cxl .cxl-g3,.cxl .cxl-g2{ grid-template-columns:minmax(0,1fr) !important; }
}

/* Pricing section (course date pages) */
.cxl .cxl-pr__grid{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:var(--cxs-ds-space-2xl); align-items:start; }
.cxl .cxl-pr__ticks{ margin-top:var(--cxs-ds-space-md) !important; }
.cxl .cxl-pr__copy .cxl-btns{ margin-top:var(--cxs-ds-space-lg); }
.cxl .cxl-pr__side{ display:grid; gap:16px; }
.cxl .cxl-pr__card{ padding:24px; border-radius:var(--cxs-ds-radius-xl); background:var(--cxs-ds-indigo-700); color:var(--cxs-ds-white); box-shadow:var(--cxs-ds-shadow-md); }
.cxl:not(#cxs-x) .cxl-pr__lbl{ margin:0 0 6px; font-size:12px; font-weight:var(--cxs-ds-weight-semibold); letter-spacing:.08em; text-transform:uppercase; color:var(--cxs-ds-gold); }
.cxl:not(#cxs-x) .cxl-pr__amt{ display:flex; align-items:baseline; gap:8px; margin:0; }
.cxl .cxl-pr__amt b{ font-size:44px; line-height:1; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-white); }
.cxl .cxl-pr__amt span{ font-size:14px; color:rgba(255,255,255,.8); }
.cxl .cxl-pr__save{ margin:16px 0 0 !important; padding:0 !important; list-style:none; }
.cxl .cxl-pr__save li{ margin:0; padding:8px 0; border-top:1px solid rgba(255,255,255,.18); font-size:14.5px; color:var(--cxs-ds-white); }
.cxl .cxl-pr__save li::before{ content:"\2713"; margin-right:8px; color:var(--cxs-ds-gold); font-weight:700; }
.cxl .cxl-pr__quote{ margin:0; padding:20px 22px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-left:4px solid var(--cxs-ds-gold); }
.cxl:not(#cxs-x) .cxl-pr__quote blockquote{ margin:0 0 10px; padding:0; border:0; font-size:15px; line-height:1.55; font-style:italic; color:var(--cxs-ds-text); background:none; }
.cxl .cxl-pr__quote figcaption{ font-size:13px; line-height:1.4; color:var(--cxs-ds-text-muted); }
.cxl .cxl-pr__quote figcaption b{ display:block; font-size:14px; color:var(--cxs-ds-ink); }
@media (max-width:991px){ .cxl .cxl-pr__grid{ grid-template-columns:minmax(0,1fr); } }
/* Course date pages: session facts stack (value above its note) */
.cxl.cxl--event .cxl-facts__list li{ display:block; padding:12px 0; }
.cxl.cxl--event .cxl-facts__list b{ display:block; min-width:0; font-size:19px; line-height:1.3; }
.cxl.cxl--event .cxl-facts__list span{ display:block; margin-top:2px; font-size:14px; }
.cxl.cxl--event .cxl-h1{ font-size:clamp(30px,4.2cqi,44px); }
@container cxlev (max-width:880px){
	.cxl .cxl-cs__mods{ grid-template-columns:minmax(0,1fr) !important; }
}
@container cxlev (max-width:980px){
	.cxl.cxl--event .cxl-hero .cxl-facts__list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
}
@container cxlev (max-width:560px){
	.cxl.cxl--event .cxl-hero .cxl-facts__list{ grid-template-columns:minmax(0,1fr); }
	.cxl .cxl-cs__mods--4 .cxl-mod,.cxl .cxl-cs__mods--2 .cxl-mod{ display:flex !important; }
	.cxl .cxl-cs__mods--4 .cxl-mod__pts,.cxl .cxl-cs__mods--2 .cxl-mod__pts{ margin-top:10px !important; }
}
@container cxlev (max-width:980px){
	.cxl.cxl--event .cxl-logos__row{ flex-direction:column; align-items:stretch; gap:var(--cxs-ds-space-lg); }
	.cxl.cxl--event:not(#cxs-x) .cxl-logos__txt{ width:auto; max-width:none; }
}
@container cxlev (max-width:880px){
	.cxl.cxl--event .cxl-faq{ grid-template-columns:minmax(0,1fr); gap:var(--cxs-ds-space-lg); }
	.cxl.cxl--event .cxl-faq__side{ position:static; }
}

/* v1.9.1: course date pages — H1 date line, hero countdown, trainer courses link, compact ACXPA band */
.cxl .cxl-h1__sub{ display:block; margin-top:10px; font-size:.5em; line-height:1.3; font-weight:var(--cxs-ds-weight-semibold); letter-spacing:0; color:var(--cxs-ds-gold); }
.cxl .cxl-cd{ display:flex; align-items:center; flex-wrap:wrap; gap:10px 12px; margin:0 0 16px; padding:12px 14px; border-radius:var(--cxs-ds-radius-md); background:var(--cxs-ds-gold-tint); color:var(--cxs-ds-indigo-800); }
.cxl .cxl-cd__ic{ flex:none; color:var(--cxs-ds-gold-deep); }
.cxl .cxl-cd__t{ display:flex; flex-direction:column; min-width:0; }
.cxl .cxl-cd__t b{ font-size:16px; line-height:1.3; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-indigo-800); }
.cxl .cxl-cd__t small{ font-size:13px; line-height:1.35; color:var(--cxs-ds-text-muted); }
.cxl .cxl-cd.is-closed{ background:#fdecec; }
.cxl .cxl-cd.is-closed .cxl-cd__ic{ color:#b42318; }
.cxl:not(#cxs-x) .cxl-cd__cta{ flex-basis:100%; font-size:14px; font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-indigo-700); }
.cxl:not(#cxs-x) .cxl-cs__all{ display:inline-block; margin-top:10px; font-size:14px; }
.cxl .cxl-am__box{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:var(--cxs-ds-space-2xl); align-items:center; padding:clamp(24px,4cqi,40px); border-radius:var(--cxs-ds-radius-xl); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); border-top:4px solid var(--cxs-ds-gold); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl .cxl-am__head{ display:flex; align-items:center; gap:16px; margin-bottom:12px; }
.cxl .cxl-am__head .cxl-h2{ margin:0; }
.cxl .cxl-am__head .cxl-eb{ margin:0 0 4px; }
.cxl .cxl-am__logo{ flex:none; width:64px; height:64px; border-radius:50%; object-fit:contain; background:var(--cxs-ds-white); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl .cxl-am__ticks{ margin-top:var(--cxs-ds-space-md) !important; }
.cxl .cxl-am__side{ padding:24px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-indigo-50); border:1px solid var(--cxs-ds-indigo-100); }
.cxl:not(#cxs-x) .cxl-am__lbl{ margin:0 0 6px; font-size:12px; font-weight:var(--cxs-ds-weight-semibold); letter-spacing:.08em; text-transform:uppercase; color:var(--cxs-ds-gold-deep); }
.cxl:not(#cxs-x) .cxl-am__amt{ display:flex; align-items:baseline; gap:8px; margin:0; }
.cxl .cxl-am__amt b{ font-size:40px; line-height:1; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-indigo-800); }
.cxl .cxl-am__amt span{ font-size:14px; color:var(--cxs-ds-text-muted); }
.cxl:not(#cxs-x) .cxl-am__note{ margin:10px 0 0; font-size:14px; line-height:1.45; color:var(--cxs-ds-text); }
.cxl .cxl-am__btns{ display:grid; gap:10px; margin-top:18px; }
.cxl .cxl-am__btns .cxl-btn{ width:100%; justify-content:center; text-align:center !important; }
@media (max-width:991px){ .cxl .cxl-am__box{ grid-template-columns:minmax(0,1fr); } }
@container cxlev (max-width:880px){
	.cxl .cxl-am__box{ grid-template-columns:minmax(0,1fr); gap:var(--cxs-ds-space-lg); }
}
.cxl:not(#cxs-x) .cxl-am__copy .cxl-lead{ margin:0 0 10px; }
.cxl .cxl-cd .cxl-cd__t{ flex:1 1 0; }
@container cxlev (max-width:980px){
	.cxl .cxl-am__box{ grid-template-columns:minmax(0,1fr); gap:var(--cxs-ds-space-lg); }
}

/* v1.9.2: module cards lift on hover (gold edge, bigger glow circle, points panel rises) */
.cxl .cxl-mod{ transition:transform .25s ease, box-shadow .25s ease, background-color .25s ease; }
.cxl .cxl-mod::after{ transition:transform .4s ease, background-color .4s ease; }
.cxl .cxl-mod .cxl-mod__pts{ transition:transform .25s ease, box-shadow .25s ease; }
.cxl .cxl-mod .cxl-mod__n{ transition:transform .25s ease; }
@media (hover:hover){
	.cxl .cxl-mod:hover{ transform:translateY(-5px); box-shadow:0 0 0 2px var(--cxs-ds-gold), 0 16px 32px rgba(33,30,63,.28); }
	.cxl .cxl-mod:hover::after{ transform:scale(1.9); background:rgba(249,176,46,.14); }
	.cxl .cxl-mod:hover .cxl-mod__pts{ transform:translateY(-2px); box-shadow:0 8px 18px rgba(33,30,63,.22); }
	.cxl .cxl-mod:hover .cxl-mod__n{ transform:scale(1.08); }
}
@media (prefers-reduced-motion:reduce){
	.cxl .cxl-mod,.cxl .cxl-mod::after,.cxl .cxl-mod .cxl-mod__pts,.cxl .cxl-mod .cxl-mod__n{ transition:none; }
	.cxl .cxl-mod:hover,.cxl .cxl-mod:hover .cxl-mod__pts,.cxl .cxl-mod:hover .cxl-mod__n{ transform:none; }
}

/* v1.9.4: course pages (phone Essentials / Foundations / PRO) — modules grouped by session,
   five-module grid, "you're viewing" course comparison, fact sheet download panel */
.cxl .cxl-cs__mods--5{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.cxl .cxl-cs__mods--5 .cxl-mod:nth-child(5){ background:var(--cxs-ds-indigo-900); }
.cxl .cxl-cs__sess{ display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 12px; margin:var(--cxs-ds-space-xl) 0 var(--cxs-ds-space-md); padding-bottom:10px; border-bottom:1px solid var(--cxs-ds-indigo-100); }
.cxl .cxl-cs__mh + .cxl-cs__sess{ margin-top:var(--cxs-ds-space-md); }
.cxl .cxl-cs__sessn{ display:inline-block; padding:4px 12px; border-radius:var(--cxs-ds-radius-pill); background:var(--cxs-ds-gold); color:var(--cxs-ds-ink); font-size:12px; font-weight:var(--cxs-ds-weight-bold); letter-spacing:.06em; text-transform:uppercase; }
.cxl .cxl-cs__sesst{ font-size:var(--cxs-ds-text-h4); font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-ink); }
.cxl .cxl-cs__mods.cxl-cs__mods--g1 .cxl-mod{ background:var(--cxs-ds-indigo-500); }
.cxl .cxl-cs__mods.cxl-cs__mods--g2 .cxl-mod{ background:var(--cxs-ds-indigo-700); }
.cxl .cxl-cs__mods.cxl-cs__mods--g3 .cxl-mod{ background:var(--cxs-ds-indigo-800); }
@media (max-width:991px){ .cxl .cxl-cs__mods--5{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px){ .cxl .cxl-cs__mods--5{ grid-template-columns:minmax(0,1fr); } }


.cxl .cxl-dl__box{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr); gap:var(--cxs-ds-space-2xl); align-items:center; padding:clamp(24px,4vw,40px); border-radius:var(--cxs-ds-radius-xl); background:var(--cxs-ds-indigo-50); border:1px solid var(--cxs-ds-indigo-100); }
.cxl .cxl-dl__copy .cxl-h2{ margin-top:0; }
.cxl .cxl-dl__items{ display:grid; grid-template-columns:minmax(0,1fr); gap:var(--cxs-ds-space-md); }
.cxl .cxl-dl__item{ display:flex; gap:16px; align-items:flex-start; padding:20px 22px; border-radius:var(--cxs-ds-radius-lg); background:var(--cxs-ds-white); border:1px solid var(--cxs-ds-indigo-100); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl:not(#cxs-x) .cxl-dl__h{ margin:0 0 6px; font-size:17px; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-ink); }
.cxl:not(#cxs-x) .cxl-dl__item p{ margin:0 0 14px; font-size:14.5px; line-height:1.5; color:var(--cxs-ds-text-muted); }
@media (max-width:991px){ .cxl .cxl-dl__box{ grid-template-columns:minmax(0,1fr); gap:var(--cxs-ds-space-lg); } }


/* v1.9.4: course pages compare the three levels in a light table (current column in gold) */
.cxl .cxl-sr{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.cxl .cxl-cmp-wrap{ margin-top:var(--cxs-ds-space-lg); overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:var(--cxs-ds-radius-xl); border:1px solid var(--cxs-ds-indigo-100); background:var(--cxs-ds-white); box-shadow:var(--cxs-ds-shadow-sm); }
.cxl table.cxl-cmp{ width:100%; min-width:680px; margin:0 !important; border-collapse:separate; border-spacing:0; border:0 !important; table-layout:fixed; }
.cxl:not(#cxs-x) table.cxl-cmp th,.cxl:not(#cxs-x) table.cxl-cmp td{ padding:14px 18px; border:0; border-bottom:1px solid var(--cxs-ds-indigo-100); vertical-align:top; text-align:left !important; font-size:15px; line-height:1.45; color:var(--cxs-ds-text); background:transparent; }
.cxl:not(#cxs-x) table.cxl-cmp tbody th{ width:16%; font-size:12px; font-weight:var(--cxs-ds-weight-bold); letter-spacing:.08em; text-transform:uppercase; color:var(--cxs-ds-indigo-500); }
.cxl:not(#cxs-x) table.cxl-cmp thead th{ padding-top:20px; padding-bottom:16px; border-bottom:2px solid var(--cxs-ds-indigo-100); }
.cxl:not(#cxs-x) table.cxl-cmp .is-cur{ background:var(--cxs-ds-gold-tint); }
.cxl:not(#cxs-x) table.cxl-cmp thead th.is-cur{ border-bottom-color:var(--cxs-ds-gold); box-shadow:inset 0 4px 0 var(--cxs-ds-gold); }
.cxl .cxl-cmp__tag{ display:inline-block; margin-bottom:8px; padding:3px 10px; border-radius:var(--cxs-ds-radius-pill); background:var(--cxs-ds-ink); color:var(--cxs-ds-white); font-size:11px; font-weight:var(--cxs-ds-weight-bold); letter-spacing:.06em; text-transform:uppercase; }
.cxl .cxl-cmp__tag.is-other{ background:var(--cxs-ds-indigo-50); color:var(--cxs-ds-indigo-700); }
.cxl .cxl-cmp__pre{ display:block; font-size:12px; font-weight:var(--cxs-ds-weight-semibold); letter-spacing:.06em; text-transform:uppercase; color:var(--cxs-ds-text-muted); }
.cxl .cxl-cmp__lvl{ display:block; font-size:24px; line-height:1.2; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-ink); }
.cxl table.cxl-cmp td small{ display:block; font-size:13px; color:var(--cxs-ds-text-muted); }
.cxl .cxl-cmp__price{ font-size:22px; font-weight:var(--cxs-ds-weight-bold); color:var(--cxs-ds-ink); }
.cxl table.cxl-cmp td ul{ margin:0 !important; padding:0 !important; list-style:none; }
.cxl table.cxl-cmp td li{ position:relative; margin:0; padding:3px 0 3px 22px; font-size:14.5px; }
.cxl table.cxl-cmp td li::before{ content:"\2713"; position:absolute; left:0; top:3px; color:var(--cxs-ds-gold-deep); font-weight:700; }
.cxl:not(#cxs-x) table.cxl-cmp tr.cxl-cmp__act th,.cxl:not(#cxs-x) table.cxl-cmp tr.cxl-cmp__act td{ border-bottom:0; padding-bottom:20px; }
.cxl .cxl-cmp__here{ display:inline-block; font-size:14px; font-weight:var(--cxs-ds-weight-semibold); color:var(--cxs-ds-gold-deep); }

/* v1.9.6: course pages — "Book a call" (Calendly popup) button beside the enquiry form */
.cxl .cxl-form__call{ margin:var(--cxs-ds-space-md) 0 var(--cxs-ds-space-md); }