/*
* ClassifySkill / product-page corrections / 22 Oct 2026
* Loaded LAST on the existing course product only.
* Preserves existing ACF fields, six custom repeaters, checkout, and sticky CTA.
*/
/* Typography remains within the user-defined limits. */
/* Short section dividers fade into the background, alternating length and side. */
article.cs-course > [data-cs-section] {
--cs-divider-length:40%;
--cs-divider-direction:to right;
border-bottom:2px solid transparent!important;
border-image-source:linear-gradient(var(--cs-divider-direction),var(--cs-section-divider,var(--cs-showcase-blue,#0958f6)) 0%,transparent var(--cs-divider-length),transparent 100%)!important;
border-image-slice:1!important;
border-image-width:0 0 2px 0!important;
border-image-repeat:stretch!important;
}
article.cs-course > [data-cs-section]:nth-of-type(even) {
--cs-divider-length:50%;
--cs-divider-direction:to left;
}
/* The optional launch ribbon sits above the two-column hero container. */
article.cs-course .cs-course__hero {display:block;padding-top:0!important;}
/* Open hero: copy on the left, uncropped artwork on the right, trust strip below. */
article.cs-course .cs-course__hero{padding-bottom:0!important;}
article.cs-course .cs-course__hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)!important;gap:30px!important;min-height:550px;padding-block:52px!important;}
article.cs-course .cs-course__hero-art{margin:0;width:100%;min-width:0;align-self:center;}
article.cs-course .cs-course__hero-art img{display:block;width:100%;height:auto;max-height:570px;object-fit:contain;}
article.cs-course .cs-course__hero-copy h1{max-width:20ch!important;}
article.cs-course .cs-course__hero .cs-course__check-list--hero li{display:flex;align-items:flex-start;gap:12px;padding-left:0!important;}
article.cs-course .cs-course__hero .cs-course__check-list--hero li::before{display:none!important;}
article.cs-course .cs-course__hero .cs-course__check-list--hero .cs-google-icon{font-size:21px;margin-top:2px;}
article.cs-course .cs-course__hero-actions{flex-direction:column!important;align-items:flex-start!important;flex-wrap:nowrap;gap:16px!important;}
article.cs-course .cs-course__hero-actions a.cs-course__button{min-width:0!important;max-width:250px!important;font-size:13px!important;padding:13px 18px!important;gap:10px;}
article.cs-course .cs-course__hero-price{white-space:nowrap;}
article.cs-course .cs-course__hero-price del,article.cs-course .cs-course__hero-price del *{font-size:19px!important;}
/* Strike the number at its visual center, independent of the sale-price baseline. */
article.cs-course .cs-course__hero-price del,article.cs-course .cs-course__hero-price del *{text-decoration:none!important;}
article.cs-course .cs-course__hero-price del bdi{position:relative;display:inline-block;line-height:1!important;}
article.cs-course .cs-course__hero-price del bdi::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:currentColor;transform:translateY(-50%);pointer-events:none;}
/* Keep one clearly visible strike across the original price in every course section. */
article.cs-course del{position:relative!important;display:inline-block!important;line-height:1!important;text-decoration:none!important;opacity:1!important;}
article.cs-course del *{text-decoration:none!important;}
article.cs-course del::after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:50%!important;height:2px!important;background:var(--cs-showcase-ink,#17324f)!important;transform:translateY(-50%)!important;pointer-events:none;z-index:2;}
article.cs-course del bdi::after{display:none!important;}
article.cs-course .cs-course__sticky del{display:none!important;}
/* Pricing typography follows the offer card hierarchy, with editable section colors. */
article.cs-course .cs-course__price-box{font-family:"Outfit",sans-serif;}
article.cs-course .cs-course__pricing .cs-course__price-box{font-size:clamp(16px,3vw,24px)!important;}
article.cs-course .cs-course__price-box .cs-course__price-badge{display:inline-flex!important;align-items:center;align-self:flex-start;gap:8px;width:fit-content!important;min-width:0!important;max-width:100%;box-sizing:border-box;font-size:12px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:.035em!important;text-transform:uppercase;padding:9px 13px!important;margin:0 0 22px!important;border-radius:12px!important;}
article.cs-course .cs-course__price-box .cs-course__price-label{display:block;font-size:16px!important;font-weight:600!important;line-height:1.4;letter-spacing:.02em;text-transform:uppercase;}
article.cs-course .cs-course__price-box .cs-course__price-line{gap:12px!important;margin:12px 0 25px!important;}
article.cs-course .cs-course__price-box .cs-course__price-box-current,article.cs-course .cs-course__price-box .cs-course__price-box-current *{font-size:clamp(42px,4.4vw,60px)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.04em;}
article.cs-course .cs-course__price-box .cs-course__price-line del,article.cs-course .cs-course__price-box .cs-course__price-line del *{font-size:21px!important;font-weight:500!important;line-height:1.2!important;}
article.cs-course .cs-course__price-box .cs-course__button{font-size:17px!important;font-weight:700!important;line-height:1.35!important;padding:18px 20px!important;border-radius:999px!important;white-space:normal;text-align:center;}
article.cs-course .cs-course__price-box .cs-course__saving{padding:22px!important;gap:18px!important;align-items:center;}
article.cs-course .cs-course__price-box .cs-course__saving p{display:flex;flex-direction:column;gap:7px;margin:0;min-width:0;}
article.cs-course .cs-course__price-box .cs-course__saving p > span{font-size:17px!important;font-weight:500!important;line-height:1.35;}
article.cs-course .cs-course__price-box .cs-course__saving p > strong,article.cs-course .cs-course__price-box .cs-course__saving p > strong *{font-size:clamp(28px,3vw,36px)!important;font-weight:800!important;line-height:1.15;letter-spacing:-.025em;}
article.cs-course .cs-course__pricing .cs-course__price-box p.cs-course__microcopy[data-cs-field]{font-size:14px!important;line-height:1.4!important;font-weight:400!important;margin:4px 0 0!important;padding:0!important;}
article.cs-course .cs-course__pricing .cs-course__price-box p.cs-course__microcopy[data-cs-field="cs_pricing_checkout_note"]{border-top:1px solid #dfe9f5;margin-top:8px!important;padding-top:6px!important;}
article.cs-course .cs-course__testimonial figcaption.cs-course__testimonial-meta{display:flex;align-items:center;gap:16px;margin:0;}
article.cs-course .cs-course__testimonial-identity{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:5px;}
article.cs-course .cs-course__testimonial-identity > strong{display:block;overflow-wrap:anywhere;}
article.cs-course .cs-course__testimonial-identity > span{margin:0;}
article.cs-course .cs-course__testimonial-identity .cs-course__stars{display:flex;gap:3px;margin:2px 0 0;}
article.cs-course .cs-course__testimonial-identity .cs-course__stars span{margin:0;}
/* Review cards: avatar beside name/location/rating, with an optional date badge. */
article.cs-course .cs-course__testimonials{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;}
article.cs-course .cs-course__testimonial{position:relative;padding:32px!important;border-radius:28px!important;box-shadow:0 18px 50px #173d7210!important;min-height:0!important;margin:0;}
article.cs-course .cs-course__testimonial figcaption.cs-course__testimonial-meta{gap:18px;align-items:center;flex-wrap:wrap;}
article.cs-course .cs-course__testimonial .cs-course__avatar{width:76px;height:76px;flex:0 0 76px;border:6px solid #f2f7ff;box-sizing:border-box;background:linear-gradient(135deg,#e2efff,#bcd8ff)!important;font-size:30px!important;line-height:1;object-fit:cover;}
article.cs-course .cs-course__testimonial .cs-course__avatar--fallback{display:grid;place-items:center;}
article.cs-course .cs-course__testimonial-identity{flex:1;gap:6px;}
article.cs-course .cs-course__testimonial-identity>strong{font-size:22px!important;line-height:1.25;font-weight:800!important;}
article.cs-course .cs-course__testimonial-identity>.cs-course__testimonial-location{font-size:15px!important;line-height:1.4;gap:6px;display:flex;align-items:center;}
article.cs-course .cs-course__testimonial-identity .cs-course__stars{gap:5px;}
article.cs-course .cs-course__testimonial .cs-course__stars,.cs-course__testimonial .cs-course__stars .is-filled{color:var(--cs-showcase-blue,#1a73e8)!important;}
article.cs-course .cs-course__testimonial .cs-course__stars>span{display:block;margin:0;line-height:1;color:inherit;}
article.cs-course .cs-course__testimonial .cs-course__stars .cs-course__review-star{display:block;width:23px;height:23px;font-size:23px;margin:0;}
article.cs-course .cs-course__review-star svg{display:block;width:100%;height:100%;fill:currentColor;stroke:none!important;stroke-width:0!important;}
article.cs-course .cs-course__stars>span,article.cs-course .cs-course__review-star,article.cs-course .cs-course__review-star svg,article.cs-course .cs-course__review-star svg *{border:0!important;outline:0!important;box-shadow:none!important;stroke:none!important;stroke-width:0!important;background:transparent!important;}
article.cs-course .cs-course__review-star svg [fill="none"]{display:none;}
article.cs-course .cs-course__rating>span,article.cs-course .cs-course__rating>span>span{display:inline-flex;align-items:center;gap:2px;}
article.cs-course .cs-course__rating .is-empty{opacity:.45;}
article.cs-course .cs-course__testimonial figcaption>.cs-course__review-date{display:block;flex:none;margin:0 0 0 auto;padding:7px 12px;border-radius:999px;background:#f2f6fc;font-size:12px;color:#62718a;align-self:flex-start;}
article.cs-course .cs-course__testimonial[data-cs-row][data-cs-row][data-cs-row] blockquote{position:relative;margin:26px 0 0!important;padding:6px 12px 22px 27px;font-size:18px!important;font-weight:400;line-height:1.75!important;border:0;}
article.cs-course .cs-course__testimonial blockquote::before,article.cs-course .cs-course__testimonial blockquote::after{position:absolute;color:#c4dcff;font-family:Georgia,serif;font-size:64px;line-height:1;pointer-events:none;}
article.cs-course .cs-course__testimonial blockquote::before{content:'“';left:-6px;top:-7px;}
article.cs-course .cs-course__testimonial blockquote::after{content:'”';right:-4px;bottom:-22px;}
@media(max-width:850px){article.cs-course .cs-course__testimonials{grid-template-columns:minmax(0,1fr)!important;}}
@media(max-width:480px){article.cs-course .cs-course__testimonial{padding:23px!important;border-radius:22px!important;}article.cs-course .cs-course__testimonial .cs-course__avatar{width:60px;height:60px;flex-basis:60px;font-size:25px!important;border-width:4px;}article.cs-course .cs-course__testimonial-identity>strong{font-size:19px!important;}article.cs-course .cs-course__testimonial[data-cs-row][data-cs-row][data-cs-row] blockquote{font-size:16px!important;}article.cs-course .cs-course__testimonial figcaption.cs-course__testimonial-meta{gap:12px;}}
article.cs-course .cs-course__hero-price ins,article.cs-course .cs-course__hero-price ins *{font-size:31px!important;}
article.cs-course .cs-course__trust-strip{width:100%;background:var(--cs-trust-background,#edf4ff);border-top:1px solid #00000014;border-bottom:1px solid #00000014;padding:21px 0;border-radius:0!important;}
article.cs-course [data-cs-section=hero][data-cs-section][data-cs-section] .cs-course__trust-strip li,article.cs-course [data-cs-section=hero][data-cs-section][data-cs-section] .cs-course__trust-strip li span{color:var(--cs-trust-text,#17324f)!important;font-size:16px!important;}
article.cs-course .cs-course__trust-strip ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 30px;list-style:none;padding:0;margin-block:0;}
article.cs-course .cs-course__trust-strip li{display:flex;align-items:center;gap:9px;font-size:15px;line-height:1.5;}
article.cs-course [data-cs-section=hero][data-cs-section][data-cs-section] .cs-course__trust-strip .cs-google-icon{color:var(--cs-trust-icon,#1a73e8)!important;font-size:20px;}
article.cs-course .cs-course__button>.cs-google-icon{font-size:21px;}
@media(max-width:850px){
article.cs-course .cs-course__hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:26px!important;padding-block:32px!important;min-height:0;}
article.cs-course .cs-course__hero-art{max-width:650px;justify-self:center;}
article.cs-course .cs-course__hero-art img{max-height:420px;}
article.cs-course .cs-course__trust-strip ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
article.cs-course .cs-course__trust-strip li{font-size:13px;}
article.cs-course [data-cs-section=hero][data-cs-section][data-cs-section] .cs-course__trust-strip li,article.cs-course [data-cs-section=hero][data-cs-section][data-cs-section] .cs-course__trust-strip li span{font-size:13px!important;}
}
@media(max-width:400px){article.cs-course .cs-course__trust-strip ul{grid-template-columns:minmax(0,1fr);}}
article.cs-course :is(h1,h2),
article.cs-course :is(h1,h2) * { font-size:clamp(30px, 3.25vw, 48px)!important; }
article.cs-course :is(.cs-course__lead,.cs-course__hero-description,p:not(.cs-course__eyebrow):not(.cs-course__pill):not(.cs-course__offer-label),blockquote) {font-size:clamp(14px,1.2vw,18px)!important;}
/* 01 — image-first purchase card; launch-offer badge overlays the IMAGE. */
article.cs-course .cs-course__hero .cs-course__purchase-card {
position:relative!important; isolation:isolate; align-self:center!important;
overflow:hidden!important; max-width:520px!important; width:100%!important;
border-radius:28px!important; background:#fff!important;
box-shadow:0 20px 65px rgba(15,68,145,.16)!important;
}
article.cs-course .cs-course__purchase-media {
position:relative!important; overflow:hidden!important;
min-height:218px; background:linear-gradient(130deg,#064ac5,#2087ff);
}
article.cs-course .cs-course__purchase-media figure,
article.cs-course .cs-course__purchase-media .cs-course__image-placeholder {
margin:0!important; padding:0!important; width:100%!important; height:auto!important;
min-height:220px!important; aspect-ratio:1.94/1!important;
border:0!important; border-radius:0!important; overflow:hidden!important;
}
article.cs-course .cs-course__purchase-media figure img {
display:block!important; object-fit:cover!important; object-position:center!important;
width:100%!important; height:100%!important; min-height:220px!important; aspect-ratio:1.94/1!important;
}
/* Course covers contain typography, so show the entire square artwork. */
article.cs-course.cs-course--generated-cover .cs-course__purchase-media figure {aspect-ratio:1/1!important;min-height:0!important;}
article.cs-course.cs-course--generated-cover .cs-course__purchase-media figure img {
width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;
aspect-ratio:1/1!important;object-fit:contain!important;border:0!important;border-radius:0!important;
}
article.cs-course .cs-course__purchase-media .cs-course__offer-label {
position:absolute!important; z-index:3!important; top:18px!important; left:19px!important;
right:auto!important; bottom:auto!important; max-width:calc(100% - 38px)!important;
display:inline-flex!important; align-items:center!important; width:auto!important;
padding:9px 15px!important; margin:0!important;
color:#0754d5!important; background:rgba(255,255,255,.95)!important;
box-shadow:0 5px 22px rgba(0,35,120,.16)!important;
border:1px solid rgba(255,255,255,.95)!important; border-radius:999px!important;
font-size:12px!important; text-transform:uppercase!important; line-height:1.2!important;
}
article.cs-course .cs-course__purchase-media .cs-course__offer-label::before {
content:"✦"; display:inline-block; color:#f0b500; margin-right:8px; font-size:14px;
}
article.cs-course .cs-course__purchase-body {
margin-top:0!important; border-radius:0!important; padding:24px 30px 30px!important;
text-align:left!important; background:#fff!important;
}
article.cs-course .cs-course__purchase-kicker {
margin:0 0 9px!important; color:#0d1e44!important; font-size:22px!important;
font-weight:800!important; line-height:1.3!important;
}
article.cs-course .cs-course__purchase-price {
display:flex!important; flex-direction:row!important; flex-wrap:wrap!important;
align-items:baseline!important; justify-content:flex-start!important;
gap:7px 17px!important; width:100%!important; margin:0 0 19px!important;
line-height:1.25!important; text-align:left!important;
}
/* WooCommerce get_price_html() is old new. Keep BOTH on one row. */
article.cs-course .cs-course__purchase-price > del,
article.cs-course .cs-course__purchase-price > ins,
article.cs-course .cs-course__purchase-price > .woocommerce-Price-amount,
article.cs-course .cs-course__purchase-price > bdi {
display:inline-flex!important; width:auto!important; flex:none!important;
align-items:baseline!important; margin:0!important; padding:0!important;
float:none!important; line-height:1.25!important;
}
article.cs-course .cs-course__purchase-price del,
article.cs-course .cs-course__purchase-price del :is(span,bdi,.amount) {
display:inline!important; color:#8b9cb8!important; font-size:17px!important;
font-weight:600!important; line-height:1.2!important; opacity:1!important;
text-decoration:line-through!important; -webkit-text-fill-color:#8b9cb8!important;
}
article.cs-course .cs-course__purchase-price ins,
article.cs-course .cs-course__purchase-price ins :is(span,bdi,.amount),
article.cs-course .cs-course__purchase-price > .woocommerce-Price-amount,
article.cs-course .cs-course__purchase-price > .woocommerce-Price-amount * {
display:inline!important; font-size:clamp(28px,3vw,38px)!important; font-weight:900!important;
color:#0958f6!important; line-height:1.2!important; text-decoration:none!important;
-webkit-text-fill-color:#0958f6!important;
}
article.cs-course .cs-course__purchase-card form.cart,
article.cs-course .cs-course__purchase-card form.cart .single_add_to_cart_button {
display:flex!important; align-items:center!important; justify-content:center!important;
width:100%!important; max-width:100%!important;
}
article.cs-course .cs-course__purchase-card form.cart .single_add_to_cart_button,
article.cs-course .cs-course__hero .cs-course__purchase-card .button {
background:#ffda29!important; color:#07183d!important;
border-color:#ffda29!important; font-size:16px!important;
min-height:58px!important; border-radius:999px!important;
opacity:1!important; visibility:visible!important;
}
article.cs-course .cs-course__purchase-card .cs-course__trust-list {
margin-top:20px!important; padding-top:19px!important; border-top:1px solid #e5edf8!important;
display:grid!important; gap:11px!important; justify-content:start!important; text-align:left!important;
}
article.cs-course .cs-course__purchase-card .cs-course__trust-list li {
display:block!important; text-align:left!important; color:#1a315a!important;
min-height:28px!important; margin:0!important; padding:2px 0 2px 42px!important;
line-height:1.5!important;
}
article.cs-course .cs-course__purchase-card .cs-course__trust-list li::before {
width:29px!important; height:29px!important; top:0!important; left:0!important;
background:#e5f1ff!important; color:#0958f6!important; border-radius:50%!important;
}
/* 03 — curriculum accordion TITLE and DESCRIPTION SIDE-BY-SIDE on desktop. */
article.cs-course .cs-course__curriculum .cs-course__module > summary {
display:grid!important;
grid-template-columns:52px minmax(200px,.9fr) minmax(0,1.35fr) 24px!important;
align-items:center!important; column-gap:18px!important; row-gap:8px!important;
padding:15px 21px!important; min-height:77px!important;
text-align:left!important;
}
article.cs-course .cs-course__curriculum .cs-course__module > summary .cs-course__module-title,
article.cs-course .cs-course__curriculum .cs-course__module > summary .cs-course__module-description {
display:block!important; width:auto!important; min-width:0!important; margin:0!important;
padding:0!important; align-self:center!important;
}
article.cs-course .cs-course__curriculum .cs-course__module > summary .cs-course__module-title strong {
display:block!important; text-align:left!important; margin:0!important;
font-size:16px!important; line-height:1.38!important;
}
article.cs-course .cs-course__curriculum .cs-course__module > summary .cs-course__module-description {
border-left:1px solid #dbe6f7!important; padding-left:22px!important;
}
article.cs-course .cs-course__curriculum .cs-course__module > summary .cs-course__module-description small {
display:block!important; padding:0!important; margin:0!important; border:0!important;
text-align:left!important; font-size:14px!important; line-height:1.42!important;
}
/* 03 and 11 — remove circle around open/close icons; use simple chevrons. */
article.cs-course .cs-course__curriculum .cs-course__module > summary > i,
article.cs-course .cs-course__faq-section .cs-course__faqs details > summary > i {
position:relative!important; display:block!important; justify-self:end!important;
width:20px!important; height:20px!important; min-width:20px!important;
margin:0!important; padding:0!important; background:transparent!important;
border:0!important; border-radius:0!important; box-shadow:none!important;
transform:none!important; transition:none!important;
}
article.cs-course .cs-course__curriculum .cs-course__module > summary > i::before,
article.cs-course .cs-course__faq-section .cs-course__faqs details > summary > i::before {
content:""!important; position:absolute!important; display:block!important;
width:9px!important; height:9px!important;
left:4px!important; top:2px!important;
border-top:0!important; border-left:0!important;
border-bottom:2px solid #0958f6!important; border-right:2px solid #0958f6!important;
transform:rotate(45deg)!important; transition:transform .2s ease!important;
}
article.cs-course .cs-course__curriculum .cs-course__module[open] > summary > i::before,
article.cs-course .cs-course__faq-section .cs-course__faqs details[open] > summary > i::before {
transform:translateY(5px) rotate(225deg)!important;
}
article.cs-course .cs-course__module > summary::-webkit-details-marker,
article.cs-course .cs-course__faqs summary::-webkit-details-marker { display:none!important; }
/* 04 — a REAL video/embed/thumbnail only: no pretend playlist or dashboard. */
article.cs-course .cs-course__bonus-card .cs-course__card-icon svg {
display:block; width:27px; height:27px;
}
article.cs-course .cs-course__core-media {
min-width:0; align-self:center;
}
article.cs-course .cs-course__core-copy .cs-course__microcopy {
margin-top:24px;
}
article.cs-course .cs-course__core-media .cs-course__metric-row {
justify-content:center; margin-bottom:0!important;
}
article.cs-course .cs-course__core-media .cs-course__metric-row > div {
grid-template-columns:48px max-content!important;
align-content:center!important; justify-content:center!important;
text-align:left;
}
article.cs-course .cs-course__core .cs-course__lesson-card--video-only {
display:block!important; padding:11px!important; min-width:0!important;
border:1px solid #dfebff!important; border-radius:22px!important;
background:#fff!important; overflow:hidden!important;
box-shadow:0 18px 45px rgba(16,71,135,.13)!important;
align-self:center!important;
}
article.cs-course .cs-course__lesson-card--video-only :is(video,iframe,img) {
display:block!important; width:100%!important; max-width:100%!important;
aspect-ratio:16/9!important; height:auto!important; object-fit:contain!important;
margin:0!important; border:0!important; border-radius:15px!important;
background:#092253!important;
}
article.cs-course .cs-course__lesson-card--video-only .cs-course__video-embed {
position:relative; width:100%; aspect-ratio:16/9;
border-radius:15px; overflow:hidden; background:#092253;
}
article.cs-course .cs-course__lesson-card--video-only .cs-course__video-embed iframe {
position:absolute!important; inset:0!important; width:100%!important;
height:100%!important; aspect-ratio:auto!important;
}
article.cs-course .cs-course__lesson-card--video-only .cs-course__core-video-poster { display:block; position:relative; }
article.cs-course .cs-course__lesson-card--video-only a.cs-course__core-video-poster span {
position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
display:inline-flex; color:#071a42; background:#ffda29; border-radius:999px;
padding:11px 21px; font-size:15px; font-weight:800; white-space:nowrap;
}
article.cs-course .cs-course__core .cs-course__lesson-list,
article.cs-course .cs-course__core .cs-course__dashboard,
article.cs-course .cs-course__core .cs-course__lesson-head,
article.cs-course .cs-course__core .cs-course__lesson-caption { display:none!important; }
/* 09 — guarantee text and icon left aligned, not centered. */
article.cs-course .cs-course__pricing .cs-course__price-box p.cs-course__guarantee {
width:100%!important; display:flex!important; align-items:center!important;
justify-content:flex-start!important; text-align:left!important;
flex-wrap:nowrap!important; gap:12px!important;
margin:18px 0 16px!important; padding:0 0 16px!important; color:#233b68!important;
}
article.cs-course .cs-course__pricing .cs-course__price-box p.cs-course__guarantee > span {
flex:0 0 auto!important; margin:0!important;
}
/* 13 — final CTA must have a NAVY readable action on YELLOW, never yellow on yellow. */
article.cs-course section.cs-course__final a.cs-course__button,
article.cs-course section.cs-course__final a.cs-course__button--dark,
article.cs-course section.cs-course__section--final a.cs-course__button {
display:inline-flex!important; align-items:center!important; justify-content:center!important;
background:#081b48!important; color:#fff!important; border:2px solid #081b48!important;
min-width:270px!important; min-height:54px!important; margin:10px auto 0!important;
padding:13px 26px!important; font-size:16px!important; font-weight:800!important;
border-radius:999px!important; opacity:1!important; visibility:visible!important;
box-shadow:0 11px 20px rgba(12,38,82,.18)!important;
text-decoration:none!important; -webkit-text-fill-color:#fff!important;
}
article.cs-course section.cs-course__final a.cs-course__button:is(:hover,:focus-visible) {
background:#14418a!important; border-color:#14418a!important; color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
article.cs-course section.cs-course__final a.cs-course__button span {color:#fff!important;-webkit-text-fill-color:#fff!important;}
article.cs-course .cs-course__final .cs-course__final-price { display:flex!important; flex-wrap:wrap!important; align-items:baseline!important; justify-content:center!important; gap:10px 22px!important; }
article.cs-course .cs-course__final .cs-course__final-trust {display:flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; margin:18px auto 0!important;}
/* 14 — precisely center copyright without changing links or sticky checkout. */
article.cs-course footer.cs-course__footer p.cs-course__copyright {
display:block!important; text-align:center!important; width:100%!important;
max-width:100%!important; margin:0 auto 10px!important;
padding:0!important; color:#dbe5f8!important;
}
article.cs-course footer.cs-course__footer .cs-course__footer-rule {width:100%!important;}
/* All purchase and enrollment actions need clear, readable contrast. */
article.cs-course :is(.cs-course__hero-actions,.cs-course__center-cta,.cs-course__price-box,.cs-course__offer-price,.cs-course__value-row,.cs-course__sticky) a.cs-course__button {
opacity:1!important; visibility:visible!important; text-decoration:none!important;
}
article.cs-course a.cs-course__button:focus-visible,
article.cs-course .single_add_to_cart_button:focus-visible { outline:3px solid #0958f6!important; outline-offset:4px!important; }
/* Tablet/mobile responsive behavior; side-by-side on desktop, stacked only when necessary. */
@media(max-width:940px){
article.cs-course .cs-course__curriculum .cs-course__module > summary {grid-template-columns:44px minmax(165px,.9fr) minmax(0,1.1fr) 20px!important;gap:10px!important;padding:13px 15px!important;}
article.cs-course .cs-course__curriculum .cs-course__module > summary .cs-course__module-description {padding-left:12px!important;}
article.cs-course .cs-course__purchase-body {padding:22px 23px 28px!important;}
}
@media(max-width:640px){
article.cs-course .cs-course__purchase-media figure,
article.cs-course .cs-course__purchase-media .cs-course__image-placeholder,
article.cs-course .cs-course__purchase-media figure img {min-height:168px!important;}
article.cs-course .cs-course__purchase-body {padding:21px 20px 25px!important;}
article.cs-course .cs-course__purchase-price {gap:4px 12px!important;}
article.cs-course .cs-course__purchase-price ins,
article.cs-course .cs-course__purchase-price ins :is(span,bdi,.amount) {font-size:31px!important;}
article.cs-course .cs-course__curriculum .cs-course__module > summary {
grid-template-columns:40px minmax(0,1fr) 20px!important;
gap:7px 12px!important; align-items:center!important;
}
article.cs-course .cs-course__curriculum .cs-course__module > summary .cs-course__module-title {grid-column:2;grid-row:1!important;}
article.cs-course .cs-course__curriculum .cs-course__module > summary .cs-course__module-description {
grid-column:2;grid-row:2!important; border:0!important; padding:0!important;
}
article.cs-course .cs-course__curriculum .cs-course__module > summary > i {grid-column:3; grid-row:1 / span 2!important;}
article.cs-course section.cs-course__final a.cs-course__button {min-width:min(100%,260px)!important;}
article.cs-course .cs-course__final .cs-course__final-trust {text-align:left!important;justify-content:center!important;}
}
article.cs-course [data-cs-section=hero][data-cs-section][data-cs-section] .cs-course__trust-strip{border-radius:0!important;background:var(--cs-trust-background,#edf4ff)!important;}
/* Single-line actions at every width; only button wrapping changes on desktop. */
article.cs-course :is(a,span,button).cs-course__button.cs-course__button.cs-course__button,
article.cs-course .single_add_to_cart_button {white-space:nowrap!important;flex-wrap:nowrap!important;overflow:hidden;text-overflow:ellipsis;}
article.cs-course .cs-course__hero-actions a.cs-course__button {max-width:100%!important;}
/* Mobile/tablet refinements only. */
@media (max-width:1024px) {
article.cs-course {text-size-adjust:100%;-webkit-text-size-adjust:100%;}
article.cs-course :is(a,span,button).cs-course__button.cs-course__button.cs-course__button,
article.cs-course .single_add_to_cart_button {white-space:nowrap!important;flex-wrap:nowrap!important;overflow:hidden;text-overflow:ellipsis;}
article.cs-course .cs-course__container {width:calc(100% - 48px)!important;}
article.cs-course :is(.cs-course__hero-copy,.cs-course__core-copy,.cs-course__access-copy,.cs-course__pricing-copy,.cs-course__core-media) {min-width:0;}
article.cs-course .cs-course__hero-grid,
article.cs-course .cs-course__core .cs-course__split,
article.cs-course .cs-course__access .cs-course__split,
article.cs-course .cs-course__pricing-grid,
article.cs-course .cs-course__section--offer .cs-course__offer-card {grid-template-columns:minmax(0,1fr)!important;gap:30px!important;}
article.cs-course .cs-course__hero-grid {min-height:0;padding-block:36px!important;}
article.cs-course .cs-course__hero-copy h1 {max-width:none!important;}
article.cs-course .cs-course__hero-art {width:100%;max-width:680px;justify-self:center;}
article.cs-course .cs-course__hero-art img {max-height:420px;}
article.cs-course .cs-course__trust-strip ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;}
article.cs-course .cs-course__trust-strip li {min-width:0;align-items:flex-start;}
article.cs-course .cs-course__access-card,
article.cs-course .cs-course__pricing .cs-course__price-box {width:100%;max-width:640px;justify-self:center;margin-inline:auto;box-sizing:border-box;}
article.cs-course .cs-course__testimonials,
article.cs-course .cs-course__why-grid,
article.cs-course .cs-course__additional-grid--features,
article.cs-course .cs-course__additional-grid--resources,
article.cs-course .cs-course__additional-grid--bundles {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;}
article.cs-course .cs-course__bonus-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
article.cs-course .cs-course__testimonial {padding:24px!important;}
article.cs-course .cs-course__testimonial-identity>strong {font-size:20px!important;}
article.cs-course .cs-course__testimonial[data-cs-row][data-cs-row][data-cs-row] blockquote {font-size:16px!important;}
article.cs-course .cs-course__access-card-body {padding:24px!important;}
article.cs-course .cs-course__access-card h3 {font-size:24px!important;line-height:1.3!important;}
article.cs-course .cs-course__access-card-body a.cs-course__button {padding:13px 12px!important;gap:8px!important;}
article.cs-course a.cs-course__button {min-height:44px!important;box-sizing:border-box;max-width:100%;overflow-wrap:anywhere;}
article.cs-course .cs-course__hero-actions {gap:14px!important;}
article.cs-course .cs-course__sticky-title {font-size:14px!important;min-width:0;}
article.cs-course .cs-course__sticky .cs-course__button {min-height:44px!important;font-size:14px!important;line-height:1.3!important;}
article.cs-course .cs-course__pricing .cs-course__price-box p.cs-course__microcopy[data-cs-field="cs_pricing_checkout_note"] {padding-top:16px!important;}
}
@media (min-width:601px) and (max-width:1024px) {
article.cs-course .cs-course__hero h1,article.cs-course .cs-course__hero h1 * {font-size:clamp(34px,4.2vw,44px)!important;line-height:1.15!important;}
article.cs-course h2,article.cs-course h2 * {font-size:clamp(28px,3.8vw,38px)!important;line-height:1.2!important;}
article.cs-course .cs-course__additional-card {padding:22px!important;}
article.cs-course .cs-course__stats-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));}
article.cs-course .cs-course__stats-grid>div {min-width:0!important;max-width:none!important;padding:18px 12px!important;}
}
@media (max-width:600px) {
article.cs-course {--cs-section-space:44px;}
article.cs-course.cs-course--has-sticky {padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;}
article.cs-course .cs-course__container {width:calc(100% - 32px)!important;}
article.cs-course .cs-course__hero-grid {padding-block:26px!important;gap:24px!important;}
article.cs-course .cs-course__hero h1,article.cs-course .cs-course__hero h1 * {font-size:clamp(27px,7vw,34px)!important;line-height:1.18!important;}
article.cs-course h2,article.cs-course h2 * {font-size:clamp(24px,6vw,30px)!important;line-height:1.23!important;}
article.cs-course h3 {overflow-wrap:anywhere;}
article.cs-course .cs-course__hero-art img {max-height:310px;}
article.cs-course .cs-course__hero-actions {align-items:center!important;gap:12px!important;}
article.cs-course .cs-course__hero-actions .cs-course__button {padding:13px 16px!important;font-size:13px!important;line-height:1.35!important;white-space:nowrap!important;}
article.cs-course .cs-course__hero-price {white-space:normal;max-width:100%;}
article.cs-course .cs-course__hero-price ins,article.cs-course .cs-course__hero-price ins * {font-size:28px!important;}
article.cs-course .cs-course__hero-price del,article.cs-course .cs-course__hero-price del * {font-size:17px!important;}
article.cs-course .cs-course__trust-strip ul {gap:12px;}
article.cs-course .cs-course__testimonials,
article.cs-course .cs-course__why-grid,
article.cs-course .cs-course__additional-grid {grid-template-columns:minmax(0,1fr)!important;gap:18px!important;}
article.cs-course .cs-course__bonus-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
article.cs-course .cs-course__bonus-card {padding:15px!important;min-height:0!important;}
article.cs-course .cs-course__bonus-card h3 {font-size:14px!important;line-height:1.4!important;}
article.cs-course .cs-course__additional-card,article.cs-course .cs-course__testimonial {padding:22px!important;}
article.cs-course .cs-course__additional-card h3 {font-size:21px!important;line-height:1.3!important;}
article.cs-course .cs-course__testimonial-identity>strong {font-size:19px!important;}
article.cs-course .cs-course__stats-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;}
article.cs-course .cs-course__stats-grid>div {min-width:0!important;max-width:none!important;padding:14px 6px!important;}
article.cs-course .cs-course__stats-grid strong {font-size:clamp(20px,5.5vw,26px)!important;overflow-wrap:anywhere;}
article.cs-course .cs-course__stats-grid span {font-size:12px!important;line-height:1.4;}
article.cs-course .cs-course__access-card-body {padding:22px!important;}
article.cs-course .cs-course__access-card h3 {font-size:22px!important;}
article.cs-course .cs-course__access-visual {height:210px!important;}
article.cs-course .cs-course__metric-row {display:flex!important;flex-wrap:wrap!important;gap:12px!important;}
article.cs-course .cs-course__core-media .cs-course__metric-row>div {min-width:0!important;flex:1 1 125px;grid-template-columns:36px minmax(0,max-content)!important;padding:14px 10px!important;}
article.cs-course .cs-course__pricing .cs-course__price-box {padding:22px!important;}
article.cs-course .cs-course__price-box .cs-course__price-box-current,article.cs-course .cs-course__price-box .cs-course__price-box-current * {font-size:clamp(36px,10vw,46px)!important;}
article.cs-course .cs-course__price-box .cs-course__price-line del,article.cs-course .cs-course__price-box .cs-course__price-line del * {font-size:18px!important;}
article.cs-course .cs-course__price-box .cs-course__button {font-size:15px!important;padding:14px 16px!important;line-height:1.4!important;}
article.cs-course .cs-course__price-box .cs-course__saving {padding:18px!important;gap:12px!important;}
article.cs-course .cs-course__price-box .cs-course__saving> .cs-google-icon {font-size:30px;}
article.cs-course .cs-course__price-box .cs-course__saving p>strong,article.cs-course .cs-course__price-box .cs-course__saving p>strong * {font-size:28px!important;}
article.cs-course .cs-course__pricing .cs-course__price-box p.cs-course__guarantee {font-size:14px!important;line-height:1.5!important;gap:10px!important;}
article.cs-course .cs-course__sticky {left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;width:auto!important;height:auto!important;min-height:70px!important;gap:0!important;padding:11px 12px!important;box-sizing:border-box;border-radius:18px!important;border:1px solid #ffffff24!important;box-shadow:0 8px 30px #081b4833;}
article.cs-course .cs-course__sticky-title {display:none!important;}
article.cs-course .cs-course__sticky-action {display:grid!important;grid-template-columns:max-content minmax(0,1fr);gap:12px!important;align-items:center!important;width:100%!important;max-width:none!important;flex:1 1 auto!important;min-width:0;}
article.cs-course .cs-course__sticky-price {min-width:0;width:auto!important;white-space:nowrap;}
article.cs-course .cs-course__sticky-price,article.cs-course .cs-course__sticky-price * {font-size:19px!important;line-height:1.2!important;}
article.cs-course .cs-course__sticky .cs-course__button {width:100%!important;min-width:0!important;min-height:46px!important;height:auto!important;padding:11px 12px!important;font-size:13px!important;line-height:1.3!important;white-space:nowrap!important;gap:8px!important;border-radius:12px!important;justify-content:center!important;letter-spacing:0;}
article.cs-course .cs-course__sticky .cs-course__button .cs-google-icon {font-size:18px;flex:none;}
article.cs-course .cs-course__footer-links {gap:12px 20px;flex-wrap:wrap;}
}
@media (max-width:380px) {
article.cs-course .cs-course__hero-actions a.cs-course__button,
article.cs-course .cs-course__access-card-body a.cs-course__button {padding-inline:8px!important;gap:6px!important;}
article.cs-course .cs-course__trust-strip ul {grid-template-columns:minmax(0,1fr);}
article.cs-course .cs-course__testimonial .cs-course__avatar {width:52px;height:52px;flex-basis:52px;font-size:22px!important;}
article.cs-course .cs-course__testimonial-identity>strong {font-size:17px!important;}
article.cs-course .cs-course__price-box .cs-course__saving {padding:15px!important;}
article.cs-course .cs-course__price-box .cs-course__saving p>strong,article.cs-course .cs-course__price-box .cs-course__saving p>strong * {font-size:25px!important;}
}
/* Mobile/tablet hero: heading, artwork, purchase button, then price. */
@media (max-width:1024px) {
article.cs-course .cs-course__hero-copy {display:contents;}
article.cs-course .cs-course__hero-grid {row-gap:20px!important;}
article.cs-course .cs-course__hero-copy > * {order:5;min-width:0;}
article.cs-course .cs-course__hero-copy > .cs-course__eyebrow {
order:0;justify-self:center;justify-content:center;text-align:center;
max-width:100%;box-sizing:border-box;margin:0!important;
}
article.cs-course .cs-course__hero-copy > h1 {order:1;margin:0!important;text-align:center;}
article.cs-course .cs-course__hero-grid > .cs-course__hero-art {order:2;}
article.cs-course .cs-course__hero-copy > .cs-course__hero-actions {
order:3;flex-direction:column!important;align-items:center!important;
flex-wrap:nowrap;gap:12px!important;margin:0!important;
}
article.cs-course .cs-course__hero-actions > .cs-course__hero-price {text-align:center;}
article.cs-course .cs-course__hero-copy > .cs-course__microcopy {order:4;margin:0!important;text-align:center;}
article.cs-course .cs-course__hero-copy > .cs-course__hero-description,
article.cs-course .cs-course__hero-copy > .cs-course__check-list--hero {margin:0!important;}
}
/* Center the hero summary and highlights on mobile only. */
@media (max-width:600px) {
article.cs-course .cs-course__hero-copy > .cs-course__hero-description,
article.cs-course .cs-course__hero-copy > .cs-course__check-list--hero {
width:100%;box-sizing:border-box;justify-self:center;
margin-inline:auto!important;text-align:center;
}
article.cs-course .cs-course__hero .cs-course__check-list--hero {padding-inline:0!important;}
article.cs-course .cs-course__hero .cs-course__check-list--hero li {justify-content:center;}
article.cs-course .cs-course__hero .cs-course__check-list--hero .cs-google-icon {flex:none;}
}
/* Scroll the editable trust points on mobile/tablet; keep desktop static. */
article.cs-course .cs-course__trust-strip--marquee {border-top:0!important;padding-block:20px!important;}
/* The purchase-card list styles must not add a border or extra checks here. */
article.cs-course .cs-course__trust-strip .cs-course__trust-list {border:0!important;margin-block:0!important;padding-block:0!important;}
article.cs-course .cs-course__trust-strip .cs-course__trust-list li {padding:0!important;min-height:0!important;}
article.cs-course .cs-course__trust-strip .cs-course__trust-list li::before {display:none!important;}
article.cs-course .cs-course__trust-list--copy {display:none!important;}
article.cs-course .cs-course__trust-strip--marquee:focus-visible {outline:3px solid #0958f6;outline-offset:-3px;}
@keyframes cs-trust-marquee {
from {transform:translateX(0);}
to {transform:translateX(-50%);}
}
@media (max-width:1024px) and (prefers-reduced-motion:no-preference) {
article.cs-course .cs-course__trust-strip--marquee {overflow:hidden;}
article.cs-course .cs-course__trust-track {
display:flex;width:max-content;
animation:cs-trust-marquee 30s linear infinite;
}
article.cs-course .cs-course__trust-strip .cs-course__trust-list {
display:flex!important;flex:0 0 auto;flex-wrap:nowrap!important;
align-items:center;justify-content:space-around!important;
gap:clamp(24px,4vw,56px)!important;
width:max-content!important;min-width:100vw;max-width:none!important;
margin:0!important;padding:0 24px!important;box-sizing:border-box;
}
article.cs-course .cs-course__trust-strip .cs-course__trust-list li {
flex:0 0 auto;align-items:center!important;white-space:nowrap;
}
article.cs-course .cs-course__trust-strip--marquee:is(:hover,:focus-within) .cs-course__trust-track {
animation-play-state:paused;
}
}
/* Keep course-access artwork proportional with space beside the card edges. */
.cs-course .cs-course__access-visual.cs-course__access-visual--artwork {
aspect-ratio:auto;
height:auto!important;
padding:0 clamp(16px, 2vw, 24px)!important;
}
.cs-course .cs-course__access-visual.cs-course__access-visual--artwork::after {
display:none;
}
.cs-course .cs-course__access-visual.cs-course__access-visual--artwork img {
display:block;
width:100%!important;
height:auto!important;
object-fit:contain!important;
}
/* Ring and gently zoom the sticky purchase button, then let it rest. */
@keyframes cs-sticky-buy-nudge {
0%, 40%, 100% {transform:rotate(0deg) scale(1);}
4%, 12% {transform:rotate(-4deg) scale(1.025);}
8%, 16% {transform:rotate(4deg) scale(1.04);}
20% {transform:rotate(-3deg) scale(1.025);}
24% {transform:rotate(3deg) scale(1.04);}
28% {transform:rotate(-2deg) scale(1.02);}
32% {transform:rotate(2deg) scale(1.015);}
36% {transform:rotate(-1deg) scale(1.005);}
}
@media (prefers-reduced-motion:no-preference) {
article.cs-course .cs-course__sticky a.cs-course__button {
transform-origin:center;
animation:cs-sticky-buy-nudge 4s ease-in-out infinite;
}
article.cs-course .cs-course__sticky a.cs-course__button:is(:hover,:focus,:active) {
animation:none;
transform:none!important;
}
}