/* CGC Motion guide skin v2026.10.27.5, card label rule covers h2 too from v2026.11.01. Loaded only on pages whose content holds <article class="cgc-guide">.
   Every rule is prefixed "body .cgc-guide.cgcm-gd" so it outranks the per-page shell styles printed inside the content.
   No copy changes: the contents rail repeats the guide's own section headings as links. */
body.page:has(.cgcm-gd){overflow-x:clip;background:#F4F3F1;}
body.page:has(.cgcm-gd) #primary{margin-top:0;margin-bottom:0;}
body.page:has(.cgcm-gd) .ast-article-single{padding:0 !important;margin-bottom:0 !important;background:transparent;}
body.page:has(.cgcm-gd) .site-content{background:#F4F3F1;}
html:has(.cgcm-gd){scroll-padding-top:110px;}

body .cgc-guide.cgcm-gd{max-width:none;margin:0;padding:0 0 72px;background:transparent;}
body .cgc-guide.cgcm-gd .cgcm-gd-main p a:not([class]),body .cgc-guide.cgcm-gd .cgcm-gd-main li a:not([class]),body .cgc-guide.cgcm-gd .cgcm-gd-band p a:not([class]){border-bottom:0;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;padding-bottom:1px;transition:background-size .3s cubic-bezier(.2,.8,.2,1),color .15s ease;}
body .cgc-guide.cgcm-gd .cgcm-gd-main p a:not([class]):hover,body .cgc-guide.cgcm-gd .cgcm-gd-main li a:not([class]):hover,body .cgc-guide.cgcm-gd .cgcm-gd-band p a:not([class]):hover{background-size:100% 2px;}

/* reading progress */
@supports (animation-timeline:scroll()){
  body .cgc-guide.cgcm-gd::before{content:"";position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);height:4px;background:#E33B3B;transform-origin:0 50%;transform:scaleX(0);z-index:99999;pointer-events:none;animation:cgcmGdProg linear both;animation-timeline:scroll(root);}
}
@keyframes cgcmGdProg{to{transform:scaleX(1);}}

/* ---------- the band: eyebrow, title, dateline, intro ---------- */
body .cgc-guide.cgcm-gd .cgcm-gd-band{position:relative;width:100vw;margin:0 0 0 calc(50% - 50vw);padding:64px 0 76px;background:#1D1B1C;color:#fff;overflow:hidden;isolation:isolate;}
body .cgc-guide.cgcm-gd .cgcm-gd-band::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 70% at 88% 0%,rgba(227,59,59,.24),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px);}
body .cgc-guide.cgcm-gd .cgcm-gd-in{position:relative;max-width:760px;margin:0 auto;padding:0 20px;}
body .cgc-guide.cgcm-gd .cgcm-gd-band .cgc-eyebrow{color:#E9A3A1;font-weight:500;letter-spacing:.24em;margin-bottom:22px;animation:cgcmGdUp .7s cubic-bezier(.2,.8,.2,1) both;}
body .cgc-guide.cgcm-gd .cgcm-gd-band .cgc-eyebrow svg path:first-child{animation:cgcmGdSteam 2.6s ease-out infinite;}
body .cgc-guide.cgcm-gd .cgcm-gd-band h1{color:#fff;font-weight:500;font-size:clamp(38px,5.6vw,64px);line-height:1.04;letter-spacing:-.02em;margin:0 0 22px;animation:cgcmGdUp .9s cubic-bezier(.2,.8,.2,1) .08s both;}
body .cgc-guide.cgcm-gd .cgcm-gd-band .cgc-dateline{display:inline-flex;align-items:center;gap:10px;margin:0 0 34px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.07);font-size:13.5px;color:#C9C2BE;animation:cgcmGdUp .8s cubic-bezier(.2,.8,.2,1) .18s both;}
body .cgc-guide.cgcm-gd .cgcm-gd-band .cgc-dateline::before{content:"";width:7px;height:7px;border-radius:50%;background:#E33B3B;}
body .cgc-guide.cgcm-gd .cgcm-gd-band>.cgcm-gd-in>p:not(.cgc-eyebrow):not(.cgc-dateline){color:rgba(255,255,255,.84);animation:cgcmGdUp .8s cubic-bezier(.2,.8,.2,1) .28s both;}
body .cgc-guide.cgcm-gd .cgcm-gd-band>.cgcm-gd-in>p.cgc-dateline+p{font-size:21px;line-height:1.55;color:#fff;}
body .cgc-guide.cgcm-gd .cgcm-gd-band p a:not([class]){color:#fff;background-image:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5));}

/* two paper sheets drifting at the side of the band (decorative) */
body .cgc-guide.cgcm-gd .cgcm-gd-band::after{content:"";display:none;position:absolute;z-index:-1;left:max(20px,calc(50% - 502px));top:150px;width:170px;height:220px;border-radius:6px 22px 6px 6px;background:linear-gradient(#E33B3B,#E33B3B) 26px 58px/86px 4px no-repeat,linear-gradient(rgba(29,27,28,.16),rgba(29,27,28,.16)) 26px 80px/118px 4px no-repeat,linear-gradient(rgba(29,27,28,.16),rgba(29,27,28,.16)) 26px 98px/104px 4px no-repeat,linear-gradient(rgba(29,27,28,.16),rgba(29,27,28,.16)) 26px 116px/112px 4px no-repeat,linear-gradient(rgba(29,27,28,.16),rgba(29,27,28,.16)) 26px 134px/78px 4px no-repeat,#F4F3F1;box-shadow:-34px 22px 0 -6px rgba(255,255,255,.08),0 40px 80px -30px rgba(0,0,0,.8);transform:rotate(7deg);opacity:.92;animation:cgcmGdSheet 7s ease-in-out infinite alternate;}
@keyframes cgcmGdSheet{from{transform:rotate(7deg) translateY(0);}to{transform:rotate(4deg) translateY(-12px);}}

/* ---------- body: contents rail plus the guide ---------- */
body .cgc-guide.cgcm-gd .cgcm-gd-body{max-width:760px;margin:0 auto;padding:0 20px;}
body .cgc-guide.cgcm-gd .cgcm-gd-toc{display:none;}
@media (min-width:1200px){
  body .cgc-guide.cgcm-gd .cgcm-gd-body{display:grid;grid-template-columns:220px minmax(0,760px);column-gap:64px;max-width:1044px;}
  body .cgc-guide.cgcm-gd .cgcm-gd-in{max-width:1044px;padding-left:304px;}
  body .cgc-guide.cgcm-gd .cgcm-gd-band::after{display:block;}
  body .cgc-guide.cgcm-gd .cgcm-gd-toc{display:block;position:sticky;top:130px;align-self:start;margin-top:64px;max-height:calc(100vh - 160px);overflow:auto;scrollbar-width:none;}
}
body .cgc-guide.cgcm-gd .cgcm-gd-toc ol{position:relative;margin:0;padding:0 0 0 18px;list-style:none;counter-reset:cgcmtoc;}
body .cgc-guide.cgcm-gd .cgcm-gd-toc ol::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:2px;background:#E4E3E0;}
@supports (animation-timeline:scroll()){
  body .cgc-guide.cgcm-gd .cgcm-gd-toc ol::after{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:2px;background:#DC3030;transform-origin:top;animation:cgcmGdTrack linear both;animation-timeline:scroll(root);}
}
@keyframes cgcmGdTrack{from{transform:scaleY(0);}to{transform:scaleY(1);}}
body .cgc-guide.cgcm-gd .cgcm-gd-toc li{counter-increment:cgcmtoc;margin:0;padding:0;}
body .cgc-guide.cgcm-gd .cgcm-gd-toc a{background-image:none !important;border-bottom:0 !important;display:grid;grid-template-columns:26px 1fr;gap:4px;padding:7px 0;border:0;background:none;font-family:'Jost',sans-serif;font-weight:500;font-size:14.5px;line-height:1.3;color:#6E7176;text-decoration:none;transition:color .2s ease,transform .3s cubic-bezier(.2,.8,.2,1);}
body .cgc-guide.cgcm-gd .cgcm-gd-toc a::before{content:counter(cgcmtoc,decimal-leading-zero);font-size:11.5px;letter-spacing:.12em;line-height:1.75;color:#B9B2AE;font-variant-numeric:tabular-nums;}
body .cgc-guide.cgcm-gd .cgcm-gd-toc a:hover{color:#1D1B1C;transform:translateX(3px);}
body .cgc-guide.cgcm-gd .cgcm-gd-toc a.is-on{color:#1D1B1C;}
body .cgc-guide.cgcm-gd .cgcm-gd-toc a.is-on::before{color:#DC3030;}

/* key takeaways */
body .cgc-guide.cgcm-gd .cgc-card{position:relative;margin:-36px 0 48px;padding:34px 34px 18px;background:#fff;border:0;border-radius:22px;box-shadow:0 1px 0 rgba(29,27,28,.05),0 30px 60px -40px rgba(29,27,28,.55);overflow:hidden;}
body .cgc-guide.cgcm-gd .cgc-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#DC3030;}
body .cgc-guide.cgcm-gd .cgc-card h3,body .cgc-guide.cgcm-gd .cgc-card h2{color:#C42E2E;letter-spacing:.2em;font-size:13px;font-weight:500;margin-bottom:20px;}
body .cgc-guide.cgcm-gd .cgc-card ul{counter-reset:cgcmgkt;}
body .cgc-guide.cgcm-gd .cgc-card li{counter-increment:cgcmgkt;padding:0 0 18px 50px;}
body .cgc-guide.cgcm-gd .cgc-card li::before{content:counter(cgcmgkt,decimal-leading-zero);width:auto;height:auto;top:-2px;left:0;border-radius:0;background:none;font-family:'Jost',sans-serif;font-weight:500;font-size:22px;line-height:1.2;color:#E33B3B;}
@media (min-width:1200px){ body .cgc-guide.cgcm-gd .cgc-card{margin-top:-36px;} }

/* section headings, quotes, numbered paragraphs */
body .cgc-guide.cgcm-gd .cgcm-gd-main>h2{position:relative;font-weight:500;font-size:clamp(26px,3.6vw,36px);line-height:1.12;margin:68px 0 18px;padding-top:18px;}
body .cgc-guide.cgcm-gd .cgcm-gd-main>h2::before{content:"";position:absolute;left:0;top:0;width:44px;height:3px;border-radius:2px;background:#E33B3B;transform-origin:left center;}
body .cgc-guide.cgcm-gd .cgc-quote{position:relative;margin:52px 0;padding:4px 0 4px 30px;border-left:0;}
body .cgc-guide.cgcm-gd .cgc-quote::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:3px;background:#E33B3B;transform-origin:center top;}
body .cgc-guide.cgcm-gd .cgc-quote p{font-size:clamp(25px,3.2vw,34px);font-weight:500;font-style:italic;line-height:1.2;margin-bottom:14px;}
body .cgc-guide.cgcm-gd .cgc-quote cite{font-family:'Jost',sans-serif;font-weight:500;letter-spacing:.14em;font-size:12.5px;}

/* playbook: numbered steps on a line that fills as you read */
body .cgc-guide.cgcm-gd .cgc-playbook{position:relative;margin:30px 0 40px;padding:28px 28px 12px;background:#1D1B1C;border-radius:22px;color:#fff;counter-reset:cgcmstep;}
body .cgc-guide.cgcm-gd .cgc-playbook::before{content:"";position:absolute;left:47px;top:44px;bottom:44px;width:2px;background:rgba(255,255,255,.12);}
@supports (animation-timeline:view()){
  body .cgc-guide.cgcm-gd .cgc-playbook::after{content:"";position:absolute;left:47px;top:44px;bottom:44px;width:2px;background:#E33B3B;transform-origin:top;animation:cgcmGdTrack linear both;animation-timeline:view();animation-range:cover 15% cover 70%;}
}
body .cgc-guide.cgcm-gd .cgc-playbook li{position:relative;z-index:1;counter-increment:cgcmstep;padding:0 0 22px 56px;color:rgba(255,255,255,.82);}
body .cgc-guide.cgcm-gd .cgc-playbook li strong{color:#fff;font-weight:600;}
body .cgc-guide.cgcm-gd .cgc-playbook li::before{content:counter(cgcmstep);width:40px;height:40px;left:0;top:-6px;border-radius:50%;background:#1D1B1C;box-shadow:inset 0 0 0 2px #E33B3B;color:#fff;font-size:16px;transition:background .3s ease;}
body .cgc-guide.cgcm-gd .cgc-playbook li:hover::before{background:#E33B3B;}

/* faq */
body .cgc-guide.cgcm-gd .cgc-faq{counter-reset:cgcmgfaq;border-top:0;}
body .cgc-guide.cgcm-gd .cgc-faq details{counter-increment:cgcmgfaq;position:relative;border-bottom:0;border-top:1px solid #E4E3E0;}
body .cgc-guide.cgcm-gd .cgc-faq details:last-child{border-bottom:1px solid #E4E3E0;}
body .cgc-guide.cgcm-gd .cgc-faq details::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:#DC3030;transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.7,0,.2,1);}
body .cgc-guide.cgcm-gd .cgc-faq details:hover::before,body .cgc-guide.cgcm-gd .cgc-faq details[open]::before{transform:scaleX(1);}
body .cgc-guide.cgcm-gd .cgc-faq summary{padding:20px 40px 20px 46px;font-weight:500;}
body .cgc-guide.cgcm-gd .cgc-faq summary::before{content:counter(cgcmgfaq,decimal-leading-zero);position:absolute;left:2px;top:24px;font-family:'Jost',sans-serif;font-size:12.5px;letter-spacing:.16em;color:#5F6268;font-variant-numeric:tabular-nums;}
body .cgc-guide.cgcm-gd .cgc-faq details[open] summary::before,body .cgc-guide.cgcm-gd .cgc-faq details:hover summary::before{color:#DC3030;}
body .cgc-guide.cgcm-gd .cgc-faq summary::after{content:"";top:50%;right:6px;width:16px;height:16px;margin-top:-8px;background:linear-gradient(#DC3030,#DC3030) center/100% 2px no-repeat,linear-gradient(#DC3030,#DC3030) center/2px 100% no-repeat;transition:transform .4s cubic-bezier(.2,.8,.2,1);}
body .cgc-guide.cgcm-gd .cgc-faq details[open] summary::after{content:"";transform:rotate(135deg);}
body .cgc-guide.cgcm-gd .cgc-faq .cgc-faq-a{padding-left:46px;}
@supports (interpolate-size:allow-keywords){
  body .cgc-guide.cgcm-gd .cgc-faq{interpolate-size:allow-keywords;}
  body .cgc-guide.cgcm-gd .cgc-faq details::details-content{height:0;overflow:clip;transition:height .45s cubic-bezier(.2,.8,.2,1),content-visibility .45s allow-discrete;}
  body .cgc-guide.cgcm-gd .cgc-faq details[open]::details-content{height:auto;}
}

/* source episodes: a grid of episode tiles */
body .cgc-guide.cgcm-gd .cgc-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0 30px;border-top:0;}
body .cgc-guide.cgcm-gd .cgc-sources a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 20px 20px;border:0;border-radius:16px;background:#fff;box-shadow:0 1px 0 rgba(29,27,28,.05),0 18px 36px -30px rgba(29,27,28,.5);color:#1D1B1C;text-decoration:none !important;background-image:none;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s ease,color .25s ease;}
body .cgc-guide.cgcm-gd .cgc-sources a::after{content:"";position:absolute;right:18px;top:20px;width:30px;height:30px;border-radius:50%;background:#F4F3F1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 14'%3E%3Cpath fill='%23DC3030' d='M0 1.2v11.6c0 .9 1 1.5 1.8 1L12 7.9c.7-.5.7-1.5 0-1.9L1.8.2C1 -.3 0 .3 0 1.2Z'/%3E%3C/svg%3E") 56% 50%/10px no-repeat;transition:background-color .25s ease,transform .35s cubic-bezier(.2,.8,.2,1);}
body .cgc-guide.cgcm-gd .cgc-sources a:hover{transform:translateY(-4px);background:#1D1B1C;color:#fff;}
body .cgc-guide.cgcm-gd .cgc-sources a:hover::after{background-color:#fff;transform:scale(1.1);}
body .cgc-guide.cgcm-gd .cgc-sources .n{flex:none;font-family:'Jost',sans-serif;font-weight:500;font-size:30px;line-height:1;letter-spacing:-.01em;color:transparent;-webkit-text-stroke:1.2px #DC3030;}
body .cgc-guide.cgcm-gd .cgc-sources a:hover .n{color:#E33B3B;-webkit-text-stroke:0;}
body .cgc-guide.cgcm-gd .cgc-sources .l{font-family:'Jost',sans-serif;font-weight:500;font-size:16px;line-height:1.35;}

/* hosts and about */
body .cgc-guide.cgcm-gd .cgc-block{position:relative;overflow:hidden;border:0;border-radius:18px;padding:26px 30px;background:#fff;box-shadow:0 1px 0 rgba(29,27,28,.05),0 22px 44px -34px rgba(29,27,28,.5);}
body .cgc-guide.cgcm-gd .cgc-block::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#DC3030;}
body .cgc-guide.cgcm-gd .cgcm-gd-main>h2+.cgc-block:not(:has(.cgc-logo)){padding-left:118px;min-height:96px;display:flex;align-items:center;}
body .cgc-guide.cgcm-gd .cgcm-gd-main>h2+.cgc-block:not(:has(.cgc-logo))::after{content:"";position:absolute;left:28px;top:50%;width:46px;height:46px;margin-top:-23px;border-radius:50%;background:url(img/host-left.jpg) center/cover;box-shadow:0 0 0 3px #fff,30px 0 0 0 transparent;}
body .cgc-guide.cgcm-gd .cgcm-gd-main>h2+.cgc-block:not(:has(.cgc-logo)) p::before{content:"";position:absolute;left:62px;top:50%;width:46px;height:46px;margin-top:-23px;border-radius:50%;background:url(img/host-right.jpg) center/cover;box-shadow:0 0 0 3px #fff;z-index:1;}

/* scroll reveals */
@supports (animation-timeline:view()){
  body .cgc-guide.cgcm-gd .cgcm-gd-main>h2::before{animation:cgcmGdLine linear both;animation-timeline:view();animation-range:entry 10% cover 30%;}
  body .cgc-guide.cgcm-gd .cgc-quote::before{animation:cgcmGdDrop linear both;animation-timeline:view();animation-range:entry 20% cover 40%;}
  body .cgc-guide.cgcm-gd .cgc-quote,body .cgc-guide.cgcm-gd .cgc-playbook,body .cgc-guide.cgcm-gd .cgc-sources a,body .cgc-guide.cgcm-gd .cgc-block{animation:cgcmGdIn linear both;animation-timeline:view();animation-range:entry 0% entry 50%;}
}
@keyframes cgcmGdUp{from{opacity:0;translate:0 18px;}to{opacity:1;translate:0 0;}}
@keyframes cgcmGdSteam{0%{opacity:0;}40%{opacity:1;}100%{opacity:0;}}
@keyframes cgcmGdLine{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@keyframes cgcmGdDrop{from{transform:scaleY(0);}to{transform:scaleY(1);}}
@keyframes cgcmGdIn{from{opacity:0;translate:0 40px;}to{opacity:1;translate:0 0;}}

@media (max-width:600px){
  body .cgc-guide.cgcm-gd .cgcm-gd-band{padding:40px 0 64px;}
  body .cgc-guide.cgcm-gd .cgcm-gd-body,body .cgc-guide.cgcm-gd .cgcm-gd-in{padding:0 16px;}
  body .cgc-guide.cgcm-gd .cgc-card{padding:26px 22px 14px;}
  body .cgc-guide.cgcm-gd .cgcm-gd-band .cgc-dateline{border-radius:14px;align-items:flex-start;}
  body .cgc-guide.cgcm-gd .cgcm-gd-band .cgc-dateline::before{flex:none;margin-top:6px;}
  body .cgc-guide.cgcm-gd .cgc-card li{padding-left:42px;}
  body .cgc-guide.cgcm-gd .cgc-playbook{padding:22px 18px 8px;}
  body .cgc-guide.cgcm-gd .cgc-playbook::before,body .cgc-guide.cgcm-gd .cgc-playbook::after{left:35px;}
  body .cgc-guide.cgcm-gd .cgc-playbook li{padding-left:50px;}
  body .cgc-guide.cgcm-gd .cgc-sources{grid-template-columns:minmax(0,1fr);}
  body .cgc-guide.cgcm-gd .cgc-faq summary{padding-left:40px;}
  body .cgc-guide.cgcm-gd .cgc-faq .cgc-faq-a{padding-left:40px;}
  body .cgc-guide.cgcm-gd .cgcm-gd-main>h2+.cgc-block:not(:has(.cgc-logo)){padding:84px 22px 22px;display:block;}
  body .cgc-guide.cgcm-gd .cgcm-gd-main>h2+.cgc-block:not(:has(.cgc-logo))::after{top:22px;margin-top:0;left:22px;}
  body .cgc-guide.cgcm-gd .cgcm-gd-main>h2+.cgc-block:not(:has(.cgc-logo)) p::before{top:22px;margin-top:0;left:56px;}
}
@media (prefers-reduced-motion:reduce){
  body .cgc-guide.cgcm-gd *,body .cgc-guide.cgcm-gd *::before,body .cgc-guide.cgcm-gd *::after,body .cgc-guide.cgcm-gd::before{animation:none !important;transition:none !important;}
  body .cgc-guide.cgcm-gd .cgcm-gd-main>h2::before,body .cgc-guide.cgcm-gd .cgc-playbook::after{transform:none;}
}
