.elementor-34060 .elementor-element.elementor-element-603f6f0{--display:flex;}.elementor-34060 .elementor-element.elementor-element-64726f3{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-icon i{color:#FAF9F499;transition:color 0.3s;}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-icon svg{fill:#FAF9F499;transition:fill 0.3s;}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FAF9F4;}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FAF9F4;}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-icon{padding-inline-end:8px;}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-item > a{font-family:"IBM Plex Mono", Sans-serif;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:1.8px;}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-text{color:#FAF9F499;transition:color 0.3s;}.elementor-34060 .elementor-element.elementor-element-64726f3 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FAF9F4;}.elementor-34060 .elementor-element.elementor-element-b77b285{--display:flex;}.elementor-34060 .elementor-element.elementor-element-6230545{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-34060 .elementor-element.elementor-element-6230545 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;text-decoration:none;line-height:16px;letter-spacing:2px;color:#D1CBBD;}.elementor-34060 .elementor-element.elementor-element-6230545 .elementor-heading-title a:hover, .elementor-34060 .elementor-element.elementor-element-6230545 .elementor-heading-title a:focus{color:#C52B2B;}.elementor-34060 .elementor-element.elementor-element-c448393{--display:flex;}.elementor-34060 .elementor-element.elementor-element-a8ccb60{--display:flex;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-34060 .elementor-element.elementor-element-9d9976a{--display:flex;}.elementor-34060 .elementor-element.elementor-element-d3894b4{--display:flex;}.elementor-34060 .elementor-element.elementor-element-c405fe6{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34060 .elementor-element.elementor-element-ea307c1.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:32px;}.elementor-34060 .elementor-element.elementor-element-ea307c1 .elementor-main-swiper{height:140px;}.elementor-34060 .elementor-element.elementor-element-ea307c1 .elementor-swiper-button{font-size:20px;}.elementor-34060 .elementor-element.elementor-element-ea307c1 .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}.elementor-34060 .elementor-element.elementor-element-212911b{--display:flex;}@media(min-width:768px){.elementor-34060 .elementor-element.elementor-element-603f6f0{--content-width:1104px;}.elementor-34060 .elementor-element.elementor-element-b77b285{--content-width:1104px;}.elementor-34060 .elementor-element.elementor-element-c448393{--content-width:1104px;}.elementor-34060 .elementor-element.elementor-element-212911b{--content-width:1104px;}}@media(max-width:1024px){.elementor-34060 .elementor-element.elementor-element-ea307c1.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-34060 .elementor-element.elementor-element-ea307c1.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS for heading, class: .elementor-element-6230545 */.elementor-34060 .elementor-element.elementor-element-6230545 .elementor-heading-title a{font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none}/* End custom CSS */
/* Start custom CSS *//* ==========================================================
   PODCAST - dark canvas variant of the single-post template.
   Measured off Derek podcast episode page, 29 Aug 2026.
   Body hook cci-podcast is set in the PHP snippet.
   ADDITIVE ONLY - nothing above this block is modified.
   ========================================================== */
/* =============================================================
   PODCAST HERO (2026-08-30) - measured against Derek's page at
   ceocoachingint.lovable.app/podcast/<uuid>. Numbers are read off
   his DOM, not guessed:
     section  pt128 pb48, border-bottom 1px rgba(255,255,255,.05)
     glow     absolute inset-0, radial-gradient(at 100% 0%, #E43C3A/.15, transparent 55%)
     content  max-width 1352 centred (1400 container - 24px padding)
     grid     280px 1fr, gap 40, align-items start, margin-top 32
     art      280x280, radius 6, ring 2px #E43C3A/.4 + red drop glow
   The glow lives on the hero section, NOT on .elementor-location-single -
   putting it there makes the whole document a containing block and pins
   the cover art over the CTA band.
   ============================================================= */
body.cci-podcast .cci-article-head{
  position:relative !important; isolation:isolate; overflow:hidden;
  padding:128px 24px 48px !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
}body.cci-podcast .cci-article-head::before{
  content:"" !important; display:block !important;
  position:absolute !important; inset:0 !important; z-index:0 !important;
  pointer-events:none !important;
  background:radial-gradient(at 100% 0%, rgba(228,60,58,.15), rgba(0,0,0,0) 55%) !important;
}body.cci-podcast .cci-article-head > .e-con-inner{
  position:relative; z-index:1;
  max-width:1352px !important; margin-left:auto !important; margin-right:auto !important;
}
/* Derek's hero carries no excerpt and no author badge. */
body.cci-podcast .cci-article-dek,
body.cci-podcast .cci-abadge{ display:none !important; }body.cci-podcast{ background-color:#15171E !important; }body.cci-podcast .cci-article-head,
body.cci-podcast .cci-article-herowrap,
body.cci-podcast .cci-article-body{ background-color:transparent !important; }
/* (removed 2026-08-30: the hero glow is painted by .cci-article-head::before) */

/* Header keeps its dark at-rest dressing here. body.single-post turns it
   light; this restores the dark tone at equal specificity, later in the
   file. Do not move this block above those rules. */

/* Article head */
body.cci-podcast .cci-article-head{ padding-top:128px !important; padding-bottom:48px !important; }body.cci-podcast .cci-backlink,
body.cci-podcast .cci-backlink a,
body.cci-podcast .cci-backlink .elementor-heading-title{ font-family:Inter,system-ui,-apple-system,sans-serif !important; font-size:12px !important; line-height:16px !important; font-weight:400 !important; letter-spacing:2.4px !important; text-transform:uppercase !important; color:rgb(148,163,184) !important; }body.cci-podcast .cci-chiprow{ gap:8px !important; }body.cci-podcast .cci-chip,
body.cci-podcast .cci-chip a,
body.cci-podcast .cci-chip span,
body.cci-podcast .cci-chip .elementor-icon-list-text,
body.cci-podcast .cci-chip ul.elementor-post-info{ font-family:Inter,system-ui,-apple-system,sans-serif !important; font-size:12px !important; line-height:16px !important; font-weight:600 !important; letter-spacing:2.4px !important; text-transform:uppercase !important; color:rgb(148,163,184) !important; background-color:transparent !important; border:0 !important; padding:0 !important; }body.cci-podcast .cci-chip .elementor-icon-list-icon svg{ fill:rgb(148,163,184) !important; }body.cci-podcast .cci-article-h1,
body.cci-podcast .cci-article-h1 .elementor-heading-title{ font-size:48px !important; line-height:48px !important; font-weight:700 !important; letter-spacing:-.96px !important; text-transform:uppercase !important; color:#FFFFFF !important; margin:16px 0 0 !important; }body.cci-podcast .cci-abadge__name{ color:#FFFFFF !important; }body.cci-podcast .cci-abadge__role{ color:rgba(250,249,244,.6) !important; }

/* Prose on dark */
body.cci-podcast .cci-prose .elementor-widget-container,
body.cci-podcast .elementor-widget-theme-post-content{ color:rgb(231,227,218) !important; }body.cci-podcast .elementor-widget-theme-post-content p,
body.cci-podcast .cci-prose p{ font-size:16px !important; line-height:24px !important; font-weight:400 !important; color:rgb(231,227,218) !important; }body.cci-podcast .elementor-widget-theme-post-content li{ font-size:16px !important; line-height:24px !important; color:rgb(231,227,218) !important; }body.cci-podcast .elementor-widget-theme-post-content strong{ color:#FFFFFF !important; }body.cci-podcast .elementor-widget-theme-post-content a{ color:rgba(250,249,244,.72) !important; }body.cci-podcast .elementor-widget-theme-post-content .cci-sec{ font-size:24px !important; line-height:32px !important; font-weight:700 !important; letter-spacing:-.48px !important; text-transform:uppercase !important; color:#FFFFFF !important; border-top-color:rgba(250,249,244,.14) !important; }body.cci-podcast .elementor-widget-theme-post-content blockquote{ background-color:rgba(250,249,244,.05) !important; border-left-color:#E43C3A !important; color:rgb(231,227,218) !important; }

/* The Spotify player already sits first in post_content */
body.cci-podcast .elementor-widget-theme-post-content iframe{ width:100% !important; border-radius:12px !important; display:block !important; margin:0 0 40px !important; }body.cci-podcast .elementor-widget-theme-post-content center{ margin:0 0 24px !important; }body.cci-podcast .cci-tags a{ color:rgba(250,249,244,.75) !important; border-color:rgba(250,249,244,.2) !important; }body.cci-podcast .cci-share a{ color:rgba(250,249,244,.75) !important; }

@media (max-width:767px){
  body.cci-podcast .cci-article-head{ padding-top:96px !important; }
  body.cci-podcast .cci-article-h1,
  body.cci-podcast .cci-article-h1 .elementor-heading-title{ font-size:32px !important; line-height:34px !important; }
}


/* Podcast dark canvas - second pass fixes found by full-page scan */
body.cci-podcast .cci-abadge{ background-color:rgba(250,249,244,.06) !important; border-color:rgba(250,249,244,.12) !important; color:rgba(250,249,244,.85) !important; }body.cci-podcast .cci-chip time,
body.cci-podcast .cci-chiprow time,
body.cci-podcast .cci-chip .elementor-shortcode,
body.cci-podcast .cci-chiprow .elementor-shortcode{ color:rgb(148,163,184) !important; }body.cci-podcast .cci-btn-ghost{ color:#FAF9F4 !important; border-color:rgba(250,249,244,.5) !important; background-color:transparent !important; }body.cci-podcast .cci-btn-ghost:hover{ background-color:rgba(250,249,244,.08) !important; }


/* Podcast dark canvas - third pass. Inner-element and specificity fixes. */
body.cci-podcast .cci-article-dek,
body.cci-podcast .cci-article-dek .elementor-widget-container{ color:rgba(250,249,244,.8) !important; }body.cci-podcast .cci-abadge__name .elementor-heading-title{ color:#FFFFFF !important; }body.cci-podcast .cci-abadge__role .elementor-heading-title{ color:rgba(250,249,244,.6) !important; }
/* must outrank .elementor-widget-theme-post-content p.cci-pr-actions a.cci-btn-ghost */
body.cci-podcast .elementor-widget-theme-post-content p.cci-pr-actions a.cci-btn-ghost{ color:#FAF9F4 !important; border-color:rgba(250,249,244,.5) !important; background-color:transparent !important; }body.cci-podcast .elementor-widget-theme-post-content p.cci-pr-actions a.cci-btn-ghost:hover{ background-color:rgba(250,249,244,.12) !important; color:#FFFFFF !important; }


/* Meta pill - EPISODE + date, red-tinted like Derek */
body.cci-podcast .cci-chiprow{ justify-content:flex-start !important; gap:8px !important; }body.cci-podcast .cci-chip--cat{ display:none !important; }body.cci-podcast .cci-chip--time{ display:none !important; }body.cci-podcast .cci-chip--pub{
  display:inline-flex !important; align-items:center !important;
  border-radius:9999px !important; padding:4px 12px !important;
  border:1px solid rgba(228,60,58,.4) !important;
  background-color:rgba(228,60,58,.1) !important;
}body.cci-podcast .cci-chip--pub time,
body.cci-podcast .cci-chip--pub span{ color:rgb(203,213,225) !important; background:transparent !important; border:0 !important; padding:0 !important; }body.cci-podcast .cci-chip--pub::before{ content:"EPISODE  \00B7  "; font-family:Inter,system-ui,sans-serif; font-size:12px; font-weight:600; letter-spacing:2.4px; color:#E43C3A; white-space:pre; }

/* Player panel - the Spotify embed already sits first in post_content */
body.cci-podcast .elementor-widget-theme-post-content iframe{
  width:100% !important; max-width:100% !important; border-radius:6px !important;
  display:block !important; margin:0 0 40px !important;
  border:2px solid rgba(228,60,58,.3) !important;
  background-color:rgba(39,42,52,.4) !important;
}
/* Hide the article author badge - Derek has none on episodes */
body.cci-podcast .cci-abadge{ display:none !important; }
/* Hero section rule from the earlier pass no longer owns padding */
body.cci-podcast .cci-article-head{ padding-bottom:0 !important; }


/* PODCAST PILL FIX - one line, no widget prefix */
body.cci-podcast .cci-chip--pub{ width:fit-content !important; max-width:fit-content !important; flex:0 0 auto !important; white-space:nowrap !important; }body.cci-podcast .cci-chip--pub::before{ display:inline !important; }body.cci-podcast .cci-chip--pub .elementor-post-info__item-prefix{ display:none !important; }body.cci-podcast .cci-chip--pub ul.elementor-post-info,
body.cci-podcast .cci-chip--pub .elementor-icon-list-item,
body.cci-podcast .cci-chip--pub .elementor-icon-list-item a,
body.cci-podcast .cci-chip--pub .elementor-icon-list-text{ display:inline !important; white-space:nowrap !important; padding:0 !important; margin:0 !important; }body.cci-podcast .cci-chip--pub .elementor-icon-list-item::before{ display:none !important; }


/* ==========================================================
   PODCAST HERO ALIGNMENT - Derek left-aligns the whole right
   column. Ours inherited the centred article convention, which
   is why the page read as a different page despite matching
   geometry. Everything below is alignment + removing the dek,
   which his episode pages do not carry.
   ========================================================== */
body.cci-podcast .cci-article-head,
body.cci-podcast .cci-article-head > .e-con-inner{ text-align:left !important; align-items:flex-start !important; }body.cci-podcast .cci-article-head .elementor-widget-container{ text-align:left !important; }body.cci-podcast .cci-article-h1,
body.cci-podcast .cci-article-h1 .elementor-heading-title{ text-align:left !important; }body.cci-podcast .cci-backlink,
body.cci-podcast .cci-backlink .elementor-heading-title,
body.cci-podcast .cci-backlink a{ text-align:left !important; justify-content:flex-start !important; }body.cci-podcast .cci-chiprow{ justify-content:flex-start !important; text-align:left !important; }body.cci-podcast .cci-chiprow > *{ margin-left:0 !important; margin-right:0 !important; }

/* Derek has no dek on an episode page - he has a duration line.
   Hiding it also closes the ~130px dead gap above the player. */
body.cci-podcast .cci-article-dek{ display:none !important; }

/* Tighten the stack to his rhythm: pill -> H1 (mt 16) -> player (mt 32) */
body.cci-podcast .cci-article-h1{ margin-top:16px !important; margin-bottom:0 !important; }body.cci-podcast .cci-article-head{ gap:0 !important; }

/* Restore a soft maroon wash behind the hero rather than flat ink */
body.cci-podcast .cci-article-glow::before{
  display:block !important; opacity:1 !important;
  background:radial-gradient(60% 60% at 22% 18%, rgba(197,43,43,.20) 0%, rgba(197,43,43,0) 70%) !important;
}


/* ==========================================================
   PODCAST HERO PLAYER PANEL + DURATION
   The player is lifted out of post_content by [cci_episode_player]
   and rendered in the hero where Derek puts it; the inline copy in
   the body is hidden so there is only ever one player on the page.
   ========================================================== */
body.cci-podcast .cci-ep-durwrap{ margin-top:12px !important; }body.cci-podcast .cci-ep-dur{ font-family:Inter,system-ui,-apple-system,sans-serif !important; font-size:14px !important; line-height:20px !important; font-weight:400 !important; letter-spacing:1.4px !important; text-transform:uppercase !important; color:rgb(148,163,184) !important; }body.cci-podcast .cci-ep-playerwrap{ margin-top:32px !important; }body.cci-podcast .cci-ep-player{
  border:2px solid rgba(228,60,58,.3) !important; border-radius:6px !important;
  background-color:rgba(39,42,52,.4) !important; padding:20px !important;
}body.cci-podcast .cci-ep-player iframe{ width:100% !important; display:block !important; border:0 !important; border-radius:6px !important; margin:0 !important; background:transparent !important; }

/* one player per page - hide the inline copy still sitting in the body */
body.cci-podcast .elementor-widget-theme-post-content iframe{ display:none !important; }


/* PODCAST HERO WIDTH FIX
   align-items:flex-start on the head shrank every child to its content
   width, so the player panel rendered 344px instead of the full 1032
   column - and Spotify falls back to its tall square layout at that
   width. Stretch the children, keep the pill sized to content. */
body.cci-podcast .cci-article-head > .e-con-inner > *,
body.cci-podcast .cci-article-head > *{ align-self:stretch !important; width:100% !important; max-width:100% !important; }body.cci-podcast .cci-chiprow{ width:auto !important; }body.cci-podcast .cci-chip--pub{ width:fit-content !important; max-width:fit-content !important; }

/* Spotify renders the compact horizontal strip at a short height,
   which is the shape Derek uses. */
body.cci-podcast .cci-ep-player iframe{ height:152px !important; min-height:152px !important; }


/* PODCAST BODY FURNITURE
   Legacy pre-player furniture at the top of every episode body: a small
   "CEO Coaching Int'l" label group and a <center> block of platform link
   images. Derek has neither, and the player now sits in the hero above.
   Hidden, NOT removed from post_content - the markup stays intact so the
   links survive if the content is ever rendered outside this template.
   Scoped to body.cci-podcast so articles are untouched. */
body.cci-podcast .elementor-widget-theme-post-content > center{ display:none !important; }body.cci-podcast .elementor-widget-theme-post-content > .wp-block-group:first-child{ display:none !important; }
/* the spacer left behind by the two hidden blocks */
body.cci-podcast .elementor-widget-theme-post-content > .wp-block-spacer:first-of-type{ display:none !important; }


/* PODCAST LOGO - the header swaps to the dark wordmark via
   body.single-post .cci-logo::after, which podcast pages inherit and which
   leaves a dark logo on a dark canvas. Reverse it: show the white img,
   hide the dark ::after. Transition killed deliberately - a transition in
   flight outranks !important, which has bitten this stylesheet before. */

/* nav tone to Derek exactly: labels rgba(255,255,255,.85), pill border .15 */


/* PODCAST HERO GLOW - measured off Derek: a full-bleed layer over the whole
   hero starting at y=0, so the wash runs BEHIND the header. Ours was a 1000px
   box offset from centre and anchored top-left, so it never reached the top
   and the header sat on a flat band. His anchor is top-RIGHT. */
body.cci-podcast .cci-article-head{ position:relative !important; overflow:visible !important; }body.cci-podcast .cci-article-glow::before{
  content:"" !important; display:block !important; position:absolute !important;
  top:0 !important; left:0 !important; right:0 !important; bottom:auto !important;
  width:100% !important; max-width:none !important; transform:none !important;
  height:663px !important; z-index:0 !important; pointer-events:none !important;
  background:radial-gradient(at 100% 0%, rgba(228,60,58,.15), rgba(0,0,0,0) 55%) !important;
}body.cci-podcast .cci-article-head > .e-con-inner{ position:relative !important; z-index:1 !important; }


/* ==========================================================
   DARK HEADER (template 32919 "CCI Header - Dark", condition:
   posts in the Podcasts category). It carries .cci-header--dark
   so its tone is keyed on the TEMPLATE, not on body classes -
   the body-class scoping approach kept leaking and cost hours.
   Scrolled state deliberately falls through to the global cream
   plate, which is correct and confirmed.
   ========================================================== */
/* --- AT REST: transparent bar, cream nav, WHITE logo --- */
/* Tone is keyed on html.cci-scrolled - the SAME signal that drives the
   cream sticky background. Elementor's .elementor-sticky--effects class is
   NOT reliable here: it stays on the header after you scroll back to the
   top, so the background went transparent again while the labels and logo
   stayed dark. That was the dark-on-dark menu bug. */

/* Podcast hero - three values Elementor's own element CSS was still winning:
   the hero section had no bottom padding, the chip row carried a 32px bottom
   margin (Derek's pill-to-H1 gap is exactly 16), and the duration line was
   tracking 1.4 instead of 0.7. Selectors below out-specify .elementor-element. */
body.cci-podcast .elementor-element.cci-article-head{ padding-bottom:48px !important; }body.cci-podcast .cci-ep-textcol > .elementor-element.cci-chiprow{ margin-bottom:0 !important; }body.cci-podcast .cci-ep-durwrap .cci-ep-dur{ letter-spacing:.7px !important; }


/* =============================================================
   PODCAST BODY (2026-08-30) - measured off Derek's page:
     section  py-16 -> padding 64px 0
     grid     1fr 280px, gap 48, container 1352 centred, items start
     H2       24/32 w700 ls-0.48 uppercase white
     notes    mt20, radius 6, 2px #E43C3A/.3, bg #272A34/.4, pad 32
     transcript  block mt48; panel dashed 2px #E43C3A/.3, bg #272A34/.2, pad 32, centred
     rail     280 sticky top 112, cards 2px #E43C3A/.3, bg #272A34/.4, radius 6, pad 24, gap 16
   ============================================================= */
body.cci-podcast .elementor-element.cci-article-body{
  padding:64px 24px 64px !important;
}
/* The body container AND its inner both carried 96px bottom padding, so the
   CTA band sat 192px above the footer. Zero the inner; the outer keeps 64. */
body.cci-podcast .cci-article-body > .e-con-inner{ padding-bottom:0 !important; }body.cci-podcast .cci-body-grid{
  display:grid !important; grid-template-columns:1fr 280px !important;
  gap:48px !important; align-items:start !important;
  width:100% !important; max-width:1352px !important;
  margin-left:auto !important; margin-right:auto !important; padding:0 !important;
}body.cci-podcast .cci-notes-col,
body.cci-podcast .cci-rail-col{ padding:0 !important; width:100% !important; max-width:none !important; }body.cci-podcast .cci-rail-col{ width:280px !important; }
/* The post content widget IS the show-notes panel. */
body.cci-podcast .cci-notes-col .cci-prose{
  max-width:none !important; width:100% !important;
  margin-left:0 !important; margin-right:0 !important;
  margin-top:20px !important;
  border:2px solid rgba(228,60,58,.3) !important; border-radius:6px !important;
  background-color:rgba(39,42,52,.4) !important; backdrop-filter:blur(4px);
  padding:32px !important;
}body.cci-podcast .cci-notes-col .cci-prose > .elementor-widget-container{ padding:0 !important; }

/* Transcript block */
body.cci-podcast .cci-transcript-wrap{ margin-top:48px !important; }

/* The body container is boxed at 768 in Elementor (an old prose-width
   setting), which capped the grid. Widen its inner to the 1352 container
   like the hero. Button rules need !important - the theme's anchor styling
   was winning on colour, weight and text-transform. */
body.cci-podcast .cci-article-body > .e-con-inner{
  max-width:1352px !important; margin-left:auto !important; margin-right:auto !important;
}body.cci-podcast .cci-railcard__btn,
body.cci-podcast .cci-transcript__btn{
  font-size:14px !important; line-height:20px !important; font-weight:600 !important;
  letter-spacing:.7px !important; text-transform:uppercase !important;
  text-decoration:none !important;
}body.cci-podcast .cci-railcard__btn--primary{ background-color:#E43C3A !important; color:#FFFFFF !important; border:1px solid #E43C3A !important; }body.cci-podcast .cci-railcard__btn--primary:hover{ background-color:#C93230 !important; color:#FFFFFF !important; }body.cci-podcast .cci-railcard__btn--ghost,
body.cci-podcast .cci-transcript__btn{ background-color:transparent !important; color:#FAF9F4 !important; border:1px solid rgb(250,249,244) !important; }body.cci-podcast .cci-railcard__btn--ghost:hover,
body.cci-podcast .cci-transcript__btn:hover{ background-color:rgba(250,249,244,.12) !important; color:#FFFFFF !important; }body.cci-podcast .cci-railcard__h{ color:#FFFFFF !important; }body.cci-podcast .cci-railcard__p,
body.cci-podcast .cci-transcript__panel p{ color:rgb(209,203,189) !important; }


/* ==========================================================
   LIGHT PAGES HEADER  (template 32044 "CCI Header - Light Pages")
   2026-09-04. Kim's architecture, made explicit.

   TWO headers. The tone lives on the HEADER, not on a list of
   body classes:
     Dark Pages Header  = 32919, carries .cci-header--dark
     Light Pages Header = 32044, everything else

   Building a new page = put that page on ONE header's display
   conditions. Nothing else to remember. Nothing to add here.

   The light header's tone does NOT change on scroll, because
   ink at rest and ink on the cream plate are the same ink. So
   there is deliberately no scroll scoping below. The cream
   plate itself is global (html.cci-scrolled .cci-header) and
   already applies to both headers, which is what makes the
   scroll state identical on both.

   Targeted as :not(.cci-header--dark) rather than by adding a
   marker class to 32044, because opening that template in
   Elementor and saving is what destroyed the dual buttons on
   23 August. A duplicated header also defaults to light this
   way, instead of being born broken.
   ========================================================== */


/* --- Supersedes the legacy light-canvas ghost CTA rule -----
   There is an older rule at the same shape that paints the
   ghost button CREAM on a header that is neither dark nor
   scrolled - i.e. cream on cream on every light page. That is
   the missing "Get Your Score" button. Matched here at equal
   specificity and later in source order so this one wins,
   rather than deleting a rule other pages may lean on.
   ---------------------------------------------------------- */


/* ==========================================================
   PODCAST PARENT PAGE - the episode list
   2026-09-04. Measured off Derek's /podcast at 1568px.
   Rendered by shortcode [cci_podcast_list], snippet 34059.
   Dark page: it must be on the Dark Pages header conditions.
   ========================================================== */
.cci-podsearch{ position:relative; max-width:672px; margin:32px 0 0; }.cci-podsearch input[type="text"]{
  width:100% !important; height:56px !important; box-sizing:border-box;
  padding:0 120px 0 48px !important;
  background:#FAF9F4 !important; color:#15171E !important;
  border:2px solid #272A34 !important; border-radius:6px !important;
  font-family:Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size:16px !important; line-height:1.4 !important;
}.cci-podsearch input[type="text"]::placeholder{ color:#94A3B8 !important; }.cci-podsearch__icon{
  position:absolute; left:16px; top:50%; transform:translateY(-50%);
  width:20px; height:20px; background:#94A3B8; pointer-events:none;
  -webkit-mask:var(--cci-ico-search) center/contain no-repeat;
          mask:var(--cci-ico-search) center/contain no-repeat;
}.cci-podsearch button{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  height:40px; padding:0 20px; border:0; border-radius:6px; cursor:pointer;
  background:#C52B2B; color:#fff;
  font-family:Inter, ui-sans-serif, sans-serif; font-size:14px; font-weight:600;
  letter-spacing:.7px; text-transform:uppercase;
}.cci-podsearch button:hover{ filter:brightness(1.08); }.cci-podcats{ display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 0; }.cci-podcat{
  border:1px solid rgba(197,43,43,.5); border-radius:9999px;
  padding:8px 16px; font-size:14px; line-height:1.4; color:#FAF9F4;
  text-decoration:none; transition:background-color .18s ease, color .18s ease, border-color .18s ease;
}.cci-podcat:hover{ background:#C52B2B; color:#fff; }.cci-podcat.is-on{ background:#C52B2B; border-color:#C52B2B; color:#fff; }.cci-podcount{
  margin:24px 0 0 !important; font-size:12px; letter-spacing:.6px;
  text-transform:uppercase; color:rgb(181,178,171);
  padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,.05);
}.cci-podempty{
  margin:64px 0 0; padding:48px; text-align:center;
  border:2px solid rgba(197,43,43,.3); border-radius:6px;
  background:rgba(39,42,52,.4); color:rgb(209,203,189);
}.cci-podempty .t{
  font-family:Inter, ui-sans-serif, sans-serif; font-size:20px; font-weight:800;
  color:#fff; margin:0 0 8px !important;
}.cci-podpager{
  margin:48px 0 0; display:flex; flex-wrap:wrap; align-items:center;
  justify-content:center; gap:8px;
}.cci-podpager .pg{
  min-width:40px; padding:8px 12px; border-radius:6px; text-align:center;
  border:1px solid rgba(197,43,43,.4); color:rgb(209,203,189);
  font-size:14px; font-weight:600; text-decoration:none;
}.cci-podpager .pg:hover{ color:#fff; border-color:#C52B2B; }.cci-podpager .pg.is-on{ background:#C52B2B; border-color:#C52B2B; color:#fff; }.cci-podpager .pg.dots{ border:0; color:#94A3B8; min-width:0; padding:8px 4px; }


/* --- Podcast parent: hero -----------------------------------
   CORRECTED 2026-09-04. The first version styled the wrong nodes.
   Elementor puts _css_classes on the WIDGET WRAPPER; the text lives
   in .elementor-heading-title inside it. So every rule here has to
   target the inner element, or the kit out-specifies it and repaints
   the H1 near-black on a near-black ground - it renders as a blank gap.
   ------------------------------------------------------------- */
body.page-id-34060{ background:#15171E !important; }.cci-podhero{
  position:relative; overflow:hidden;
  padding:128px 0 0;
}.cci-podhero::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse at top right, rgba(228,60,58,.15), transparent 55%);
}.cci-podhero > .e-con-inner{ position:relative; z-index:1; }

/* eyebrow: wrapper stays block, the pill is the heading text itself */
.cci-podeyebrow{ display:block !important; }.cci-podeyebrow .elementor-heading-title{
  display:inline-flex !important; align-items:center; gap:8px;
  border:1px solid rgba(197,43,43,.4); background:rgba(197,43,43,.1);
  border-radius:9999px; padding:4px 12px;
  font-family:Inter, ui-sans-serif, sans-serif !important;
  font-size:12px !important; font-weight:600 !important; line-height:1.5 !important;
  letter-spacing:2.4px !important; text-transform:uppercase !important;
  color:rgba(250,249,244,.7) !important;
}.cci-podeyebrow .ic{
  width:14px; height:14px; flex:0 0 14px; background:currentColor;
  -webkit-mask:var(--cci-ico-head) center/contain no-repeat;
          mask:var(--cci-ico-head) center/contain no-repeat;
}.cci-podh1{ margin:20px 0 0 !important; }.cci-podh1 .elementor-heading-title{
  font-family:Inter, ui-sans-serif, sans-serif !important;
  font-size:60px !important; font-weight:700 !important; line-height:60px !important;
  letter-spacing:-1.2px !important; text-transform:uppercase !important;
  color:#FFFFFF !important; margin:0 !important;
}.cci-poddek{ margin:16px 0 0 !important; max-width:672px !important; }.cci-poddek p{
  font-size:18px !important; line-height:28px !important;
  color:rgb(209,203,189) !important; margin:0 !important;
}

@media (max-width:900px){
  .cci-podh1 .elementor-heading-title{ font-size:40px !important; line-height:42px !important; }
  .cci-podhero{ padding:104px 0 72px; }
}



/* ==========================================================
   PODCAST PARENT - section rhythm, sponsorship and FAQ
   2026-09-04. Four top-level containers, matching his page:
   hero 128/0/48, list 64/0, sponsorship 80/0 on ink,
   FAQ 112/0 on cream. Scoping the hero's radial glow to the
   hero container is what stops it running the whole page.
   ========================================================== */
.cci-podhero{ padding:128px 0 48px !important; }.cci-podlistsec{ padding:28px 0 64px !important; }

/* ---- Sponsorship ---- */
.cci-podsponsor{ background:#15171E !important; padding:80px 0 !important; }.cci-podsponsor__row{
  display:grid !important; grid-template-columns:5fr 7fr; gap:48px;
  padding:0 !important; width:100% !important; max-width:none !important;
}.cci-podsponsor__l,
.cci-podsponsor__r{ padding:0 !important; width:100% !important; }
@media (max-width:1024px){ .cci-podsponsor__row{ grid-template-columns:minmax(0,1fr); } }

/* ---- FAQ, on cream ---- */
.cci-podfaq{ background:#FAF9F4 !important; padding:112px 0 !important; text-align:center; }.cci-podfaq > .e-con-inner{ max-width:960px !important; margin-inline:auto !important; }


/* Podcast hero: search + filters read as one block with the hero, matching Derek. */
.cci-podhero{ padding-bottom:0 !important; }
.cci-podlistsec{ padding-top:0 !important; }
.cci-podsearch{ margin-top:28px !important; }

/* Filter pills: the Site Settings kit rule .elementor-kit-28705 a (0,2,0)
   was beating .cci-podcat (0,1,0) and forcing 16px / .5px / #5A5B5E on the
   labels. Same declarations at higher specificity, matched to Derek:
   14px, no letter-spacing, cream text, brand-red hairline. */
.cci-podlist a.cci-podcat{
  font-size:14px; letter-spacing:normal; color:#FAF9F4;
  border-color:rgba(228,60,58,.5);
}
.cci-podlist a.cci-podcat.is-on{ background:#C52B2B; border-color:#E43C3A; color:#fff; }
.cci-podlist a.cci-podcat:hover{ background:#C52B2B; color:#fff; }


/* ==========================================================
   PODCAST PARENT PAGE v2 - featured + list, notes drawer,
   sticky mini-player. 2026-09-09 (Kim/Derek: show the full art).
   Rendered by [cci_podcast_list], snippet 34059 v2.
   Tokens: ink #15171E, panel rgba(39,42,52,.5), hairline
   rgba(255,255,255,.1), red #C52B2B, cream #FAF9F4, body
   rgb(209,203,189), meta rgb(148,163,184).
   ========================================================== */

/* shared bits */
.cci-podlist .cci-podmeta{
  display:flex; flex-wrap:wrap; gap:12px; margin:0;
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:10px; font-weight:400; line-height:15px; letter-spacing:2px;
  text-transform:uppercase; color:rgb(148,163,184);
}
.cci-podlist .cci-podart{ position:relative; flex:0 0 auto; background:#1D2029; border-radius:8px; overflow:hidden; aspect-ratio:1/1; }
.cci-podlist .cci-podart img{ display:block; width:100%; height:100%; object-fit:contain; background:#1D2029; }
.cci-podlist .cci-podart--fallback{
  background-image:url("/wp-content/uploads/2026/09/Podcast-Temp-Art-2.jpg");
  background-size:cover; background-position:center;
}
.cci-podlist .cci-podactions{ display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.cci-podlist .cci-podplay{
  height:40px; padding:0 16px; border:0 !important; border-radius:6px; cursor:pointer;
  background:#C52B2B !important; color:#fff !important;
  display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
  font-family:Inter, ui-sans-serif, sans-serif !important; font-size:14px !important; font-weight:600 !important;
  letter-spacing:.7px; text-transform:uppercase; line-height:1;
  transition:filter .15s ease;
}
.cci-podlist .cci-podplay:hover{ background:#C52B2B !important; filter:brightness(1.12); }
.cci-podlist .cci-podplay .ic{
  width:16px; height:16px; flex:0 0 16px; background:#fff;
  -webkit-mask:var(--cci-ico-play) center/contain no-repeat; mask:var(--cci-ico-play) center/contain no-repeat;
}
.cci-podlist .is-playing > .cci-podrow__actions .cci-podplay .ic,
.cci-podlist .is-playing > .cci-podfeat__body .cci-podplay .ic,
.cci-podlist .cci-podplay.is-playing .ic{
  -webkit-mask:none; mask:none; background:none;
  border-left:5px solid #fff; border-right:5px solid #fff; width:14px; height:14px; box-sizing:border-box;
}
.cci-podlist .cci-podplay--lg{ height:48px; padding:0 24px; font-size:15px !important; letter-spacing:.8px; }
.cci-podlist .cci-podnotes{
  background:none !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
  padding:8px 0 !important; min-height:0 !important; height:auto !important; cursor:pointer;
  color:#fff !important; text-decoration:none !important;
  font-family:Inter, ui-sans-serif, sans-serif !important; font-size:12px !important; font-weight:500 !important;
  letter-spacing:1px; text-transform:uppercase; line-height:1;
}
.cci-podlist .cci-podnotes:hover{ background:none !important; color:rgba(250,249,244,.65) !important; }

/* ---- featured (newest) episode ---- */
.cci-podlist .cci-podfeat{
  display:grid; grid-template-columns:360px minmax(0,1fr); gap:48px; align-items:center;
  margin:56px 0 0; padding:32px;
  background:rgba(39,42,52,.5); border:1px solid rgba(255,255,255,.1); border-radius:12px;
  position:relative; overflow:hidden;
}
.cci-podlist .cci-podfeat::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse at 20% 50%, rgba(228,60,58,.14), transparent 55%);
}
.cci-podlist .cci-podfeat > *{ position:relative; }
.cci-podlist .cci-podfeat .cci-podart{ width:360px; box-shadow:0 24px 60px -24px rgba(0,0,0,.7); border-radius:12px; }
.cci-podlist .cci-podfeat__eyebrow{
  display:inline-flex; align-items:center; gap:8px; margin:0 0 14px !important;
  font-family:"IBM Plex Mono", ui-monospace, monospace; font-size:11px; letter-spacing:2.4px;
  text-transform:uppercase; color:#E43C3A;
}
.cci-podlist .cci-podfeat__eyebrow .dot{ width:8px; height:8px; border-radius:50%; background:#E43C3A; box-shadow:0 0 0 4px rgba(228,60,58,.2); }
.cci-podlist .cci-podfeat__title{
  margin:12px 0 0 !important;
  font-family:Inter, ui-sans-serif, sans-serif !important; font-size:34px !important; font-weight:800 !important;
  line-height:40px !important; letter-spacing:-.8px !important; color:#fff !important; text-transform:none !important;
}
.cci-podlist .cci-podfeat__desc{
  margin:16px 0 0 !important; max-width:640px;
  font-size:16px !important; line-height:26px !important; color:rgb(209,203,189) !important;
}
.cci-podlist .cci-podfeat .cci-podactions{ margin-top:28px; }

/* ---- list rows ---- */
.cci-podlist .cci-podrows__label{
  margin:56px 0 0 !important; padding:0 0 16px; border-bottom:1px solid rgba(255,255,255,.08);
  font-family:"IBM Plex Mono", ui-monospace, monospace; font-size:11px; letter-spacing:2.4px;
  text-transform:uppercase; color:rgb(181,178,171);
}
.cci-podlist .cci-podrows{ display:flex; flex-direction:column; margin:0; }
.cci-podlist .cci-podrow{
  display:grid; grid-template-columns:144px minmax(0,1fr) auto; gap:28px; align-items:center;
  padding:24px 0; border-bottom:1px solid rgba(255,255,255,.08);
  transition:background-color .15s ease;
}
.cci-podlist .cci-podrow:hover{ background:linear-gradient(90deg, rgba(255,255,255,.025), transparent 70%); }
.cci-podlist .cci-podrow .cci-podart{ width:144px; }
.cci-podlist .cci-podrow__body{ min-width:0; }
.cci-podlist .cci-podrow__title{
  margin:10px 0 0 !important;
  font-family:Inter, ui-sans-serif, sans-serif !important; font-size:20px !important; font-weight:800 !important;
  line-height:25px !important; letter-spacing:-.4px !important; color:#fff !important; text-transform:none !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.cci-podlist .cci-podrow__desc{
  margin:8px 0 0 !important;
  font-size:14px !important; line-height:22px !important; color:rgb(209,203,189) !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.cci-podlist .cci-podrow__actions{ display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.cci-podlist .cci-podrow.is-playing{ background:linear-gradient(90deg, rgba(197,43,43,.12), transparent 70%); }

/* ---- show-notes drawer ---- */
.cci-poddrawer{ position:fixed; inset:0; z-index:1200; }
.cci-poddrawer__backdrop{ position:absolute; inset:0; background:rgba(5,6,9,.55); opacity:0; transition:opacity .22s ease; }
.cci-poddrawer__panel{
  position:absolute; top:0; right:0; bottom:0; width:min(560px, 92vw);
  background:#15171E; border-left:1px solid rgba(255,255,255,.1);
  box-shadow:-24px 0 60px rgba(0,0,0,.5);
  padding:32px 32px 120px; overflow-y:auto; overscroll-behavior:contain;
  transform:translateX(100%); transition:transform .22s ease; outline:none;
}
.cci-poddrawer.is-open .cci-poddrawer__backdrop{ opacity:1; }
.cci-poddrawer.is-open .cci-poddrawer__panel{ transform:none; }
.cci-poddrawer__close{
  position:absolute; top:16px; right:16px; width:40px; height:40px; border-radius:50%;
  border:1px solid rgba(255,255,255,.15) !important; background:rgba(255,255,255,.04) !important;
  color:#fff !important; font-size:24px; line-height:1; cursor:pointer; padding:0 !important;
}
.cci-poddrawer__close:hover{ background:rgba(255,255,255,.1) !important; }
.cci-poddrawer__head{ display:flex; gap:20px; align-items:flex-start; padding-right:48px; }
.cci-poddrawer__art{ flex:0 0 96px; width:96px; height:96px; border-radius:8px; overflow:hidden; background:#1D2029; }
.cci-poddrawer__art img{ display:block; width:100%; height:100%; object-fit:contain; }
.cci-poddrawer__label{
  margin:0 0 8px !important; font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:11px; letter-spacing:2.4px; text-transform:uppercase; color:#E43C3A;
}
.cci-poddrawer__title{
  margin:0 !important; font-family:Inter, ui-sans-serif, sans-serif !important;
  font-size:22px !important; font-weight:800 !important; line-height:28px !important; letter-spacing:-.4px !important;
  color:#fff !important; text-transform:none !important;
}
.cci-poddrawer__meta{ margin:10px 0 0 !important; }
.cci-poddrawer .cci-podactions{ margin:24px 0 0; padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.1); }
.cci-poddrawer__body{ margin-top:24px; font-size:15px; line-height:1.7; color:rgb(209,203,189); }
.cci-poddrawer__body p{ margin:0 0 14px; color:inherit; }
.cci-poddrawer__body a{ color:#fff; text-decoration:underline; }
.cci-poddrawer__body strong, .cci-poddrawer__body b{ color:#fff; }
.cci-poddrawer__body ul, .cci-poddrawer__body ol{ padding-left:20px; margin:0 0 14px; }
.cci-poddrawer__body li{ margin:0 0 6px; }
.cci-poddrawer__none{ color:rgb(148,163,184); }
body.cci-poddrawer-open{ overflow:hidden; }

/* ---- sticky mini-player ---- */
.cci-podplayer{
  position:fixed; left:0; right:0; bottom:0; z-index:1100;
  background:rgba(21,23,30,.96); backdrop-filter:blur(10px);
  border-top:1px solid rgba(255,255,255,.12); box-shadow:0 -16px 40px rgba(0,0,0,.4);
}
.cci-podplayer__in{ max-width:1400px; margin:0 auto; padding:12px 24px; display:flex; align-items:center; gap:16px; }
.cci-podplayer__art{ flex:0 0 48px; width:48px; height:48px; border-radius:6px; overflow:hidden; background:#1D2029; }
.cci-podplayer__art img{ display:block; width:100%; height:100%; object-fit:contain; }
.cci-podplayer__info{ flex:1 1 auto; min-width:0; }
.cci-podplayer__title{
  margin:0 0 6px !important; font-family:Inter, ui-sans-serif, sans-serif; font-size:14px; font-weight:700;
  color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.cci-podplayer__bar{ display:flex; align-items:center; gap:12px; }
.cci-podplayer__time{ font-family:"IBM Plex Mono", ui-monospace, monospace; font-size:11px; letter-spacing:1px; color:rgb(148,163,184); min-width:40px; }
.cci-podplayer__time[data-dur]{ text-align:right; }
.cci-podplayer__seek{ flex:1 1 auto; height:4px; accent-color:#E43C3A; cursor:pointer; margin:0; }
.cci-podplayer__btn{
  flex:0 0 48px; width:48px; height:48px; border-radius:50%; border:0 !important; padding:0 !important;
  background:#C52B2B !important; color:#fff !important; cursor:pointer; display:inline-flex; align-items:center; justify-content:center;
}
.cci-podplayer__btn:hover{ filter:brightness(1.12); }
.cci-podplayer__btn .ic{
  width:18px; height:18px; background:#fff;
  -webkit-mask:var(--cci-ico-play) center/contain no-repeat; mask:var(--cci-ico-play) center/contain no-repeat;
}
.cci-podplayer.is-playing .cci-podplayer__btn .ic{
  -webkit-mask:none; mask:none; background:none;
  border-left:5px solid #fff; border-right:5px solid #fff; width:14px; height:16px; box-sizing:border-box;
}
.cci-podplayer__x{
  flex:0 0 36px; width:36px; height:36px; border-radius:50%; border:1px solid rgba(255,255,255,.15) !important;
  background:none !important; color:rgba(250,249,244,.7) !important; font-size:20px; line-height:1; cursor:pointer; padding:0 !important;
}
.cci-podplayer__x:hover{ color:#fff !important; }
body.cci-podplayer-open{ padding-bottom:88px; }

/* ---- responsive ---- */
@media (max-width:1024px){
  .cci-podlist .cci-podfeat{ grid-template-columns:280px minmax(0,1fr); gap:32px; }
  .cci-podlist .cci-podfeat .cci-podart{ width:280px; }
}
@media (max-width:767px){
  .cci-podlist .cci-podfeat{ grid-template-columns:minmax(0,1fr); padding:24px; }
  .cci-podlist .cci-podfeat .cci-podart{ width:100%; max-width:360px; }
  .cci-podlist .cci-podfeat__title{ font-size:26px !important; line-height:31px !important; }
  .cci-podlist .cci-podrow{ grid-template-columns:96px minmax(0,1fr); gap:16px; align-items:start; }
  .cci-podlist .cci-podrow .cci-podart{ width:96px; }
  .cci-podlist .cci-podrow__actions{ grid-column:1 / -1; flex-direction:row; align-items:center; justify-content:flex-start; gap:20px; }
  .cci-podlist .cci-podrow__title{ font-size:17px !important; line-height:22px !important; }
  .cci-poddrawer__panel{ padding:24px 20px 120px; }
  .cci-podplayer__time[data-dur]{ display:none; }
}

/* Episode title -> its own page (added 2026-09-13; title links come from cci_pod_title_link in WPCode 34053/34059) */
.cci-podlist .cci-podlink{ color:inherit; text-decoration:none; font:inherit; letter-spacing:inherit; }
.cci-podlist .cci-podlink:hover{ color:#E43C3A; }/* End custom CSS */