/* The approved GBP composition, shared by the four public course pages. */
.course-template{
  --course-forest:#041e1b;
  --course-deep:#062c28;
  --course-green:#087d54;
  --course-mint:#8fe8bf;
  --course-paper:#fafbf8;
  --course-line:#dce9e1;
  --course-ink:#102b25;
  --course-muted:#536e62;
  color:var(--course-ink);
  background:var(--course-paper);
  overflow-x:hidden;
}
.course-template h1,.course-template h2,.course-template h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}
.course-template .eyebrow,.course-template .kicker{color:#087d54;font-weight:850;letter-spacing:.14em}
.course-template a:focus-visible,.course-template button:focus-visible,.course-template summary:focus-visible,.course-template .course-carousel-track:focus-visible{outline:3px solid #53dca0;outline-offset:3px}
.course-template .button{border-radius:9px;background:#078958;border-color:#078958;color:#fff;box-shadow:0 11px 24px #001c1640;transition:background .2s,transform .2s}
.course-template .button:hover{background:#0da668;border-color:#0da668;color:#fff;transform:translateY(-2px)}
.course-template .outline-button{background:transparent;border-color:#87c5a5;color:#076c49;box-shadow:none}
.course-template .outline-button:hover{background:#eaf7ee;color:#075b40}

/* Cinematic hero and real course cover. */
.course-template .hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(58px,6vw,88px) 0 clamp(56px,6vw,82px);background:radial-gradient(ellipse at 83% 15%,#17614c8a,transparent 37%),radial-gradient(ellipse at 10% 88%,#0c5b4b62,transparent 40%),linear-gradient(116deg,#021a19 4%,#062e2e 56%,#061d1f);color:#fff}
.course-template .hero:before,.course-template .bundle:before,.course-template .fit:before,.course-template .final-cta:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(127deg,transparent 0 42%,#8ef0be0c 43%,transparent 44% 100%),radial-gradient(circle at 75% 64%,#50ba8d16,transparent 40%)}
.course-template .hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,76px);align-items:center}
.course-template .hero-copy .eyebrow{color:#9cefc4}
.course-template .hero-copy h1{max-width:720px;font-size:clamp(3rem,5.2vw,5.7rem);line-height:1.03;color:#fff}
.course-template .hero-copy h1 em{color:#8fe8bf}
.course-template .hero-copy .hero-intro{font-size:clamp(1.06rem,1.7vw,1.3rem);color:#e8f5ec}
.course-template .hero-copy .description{max-width:620px;color:#c9ded4;line-height:1.65}
.course-template .course-label{border-color:#51b98b;background:#0c4d3c88;color:#e9fff0}
.course-template .hero-copy .actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center}
.course-template .hero-copy .text-link{color:#ddf9e7}
.course-template .hero-price{display:flex;align-items:baseline;gap:10px;width:max-content;max-width:100%;margin:14px 0 5px;color:#d4eadc;font-size:.88rem;font-weight:700}
.course-template .hero-price strong{color:#a8f1c8;font-size:1.28rem;font-weight:900;letter-spacing:-.03em}
.course-template .hero-note{color:#c3dfd0}
.course-template .hero-art{position:relative;display:grid;place-items:center;min-width:0;max-width:690px;width:100%;margin-inline:auto;padding:22px;border:1px solid #8bddb34d;border-radius:28px;background:radial-gradient(ellipse at 50% 75%,#199a6b50,transparent 58%),linear-gradient(145deg,#1a624959,#03271d70);box-shadow:0 32px 75px #00120fd0, inset 0 1px #d7ffe333;transform:none}
.course-template .hero-art:after{content:"";position:absolute;z-index:-1;left:10%;right:10%;bottom:4%;height:16%;border-radius:50%;background:#34c88975;filter:blur(34px)}
.course-template .hero-art img{display:block;width:auto;max-width:100%;max-height:540px;height:auto;object-fit:contain;filter:drop-shadow(0 25px 25px #00120daa)}
.course-template .image-caption,.course-template .image-foot{color:#d3f4df}

/* Compact facts strip follows the hero, as in the reference. */
.course-template .statbar{position:relative;z-index:2;margin-top:0;padding:0;background:#052e2a;border-block:1px solid #a1e6c02d;box-shadow:0 18px 45px #001f1930}
.course-template .stats{gap:0}
.course-template .stats article{min-height:124px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:23px 20px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:center}
.course-template .stats article+article{border-left:1px solid #ffffff26}
.course-template .stat-icon{background:#0d694e78;border:1px solid #81d6ad6b;color:#a5f2cb}
.course-template .stats strong{font-size:clamp(1.7rem,2.5vw,2.3rem);letter-spacing:-.05em}
.course-template .stats b{font-size:.78rem;color:#f3fff8}
.course-template .stats p{color:#bad8c7;font-size:.75rem}

/* White and warm-light teaching sections. */
.course-template .section,.course-template .sales-section{padding-block:clamp(62px,7vw,96px)}
.course-template .benefits{gap:clamp(24px,4vw,56px);align-items:center}
.course-template .benefits h2,.course-template .curriculum h2,.course-template .section-head h2,.course-template .standalone-head h2{color:var(--course-ink)}
.course-template .benefit-grid{gap:12px}
.course-template .benefit-grid article{min-height:255px;padding:24px;border:1px solid var(--course-line);border-top:3px solid #3cc991;border-radius:16px;background:#fff;box-shadow:0 12px 34px #113a2914}
.course-template .benefit-grid article:nth-child(2){border-top-color:#4b99d0}
.course-template .benefit-grid article:nth-child(3){border-top-color:#9c79d5}
.course-template .benefit-grid h3{margin-top:20px;color:#112e25;font-size:clamp(1.1rem,1.7vw,1.4rem)}
.course-template .benefit-grid p{color:var(--course-muted);line-height:1.55}
.course-template .benefits .course-carousel-controls{display:none}
.course-template .benefit-grid.course-carousel-track{display:flex;gap:12px;min-width:0;padding-inline:0}
.course-template .benefit-grid.course-carousel-track>article{flex:0 0 calc((100% - 24px)/3);min-width:0;scroll-snap-align:start}
.course-template .outcome-top .line-icon,.course-template .outcome-top i{background:#e7f7ee;color:#087d54}
.course-template .products{background:#f4f8f3}
.course-template .main-product{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);border:1px solid #a9d8bc;border-radius:22px;background:#fff;box-shadow:0 26px 65px #0d3b2830}
.course-template .product-image{padding:clamp(25px,4vw,48px);background:radial-gradient(circle at 50% 75%,#8ce6ae77,transparent 42%),linear-gradient(145deg,#e4f2e7,#f7faf4)}
.course-template .product-image img{max-height:580px;width:auto;max-width:100%;object-fit:contain;box-shadow:none;filter:drop-shadow(0 18px 23px #143d2c50)}
.course-template .product-copy{padding:clamp(28px,5vw,68px)}
.course-template .product-copy h3{color:var(--course-ink)}
.course-template .product-copy .intro,.course-template .saved-sales-content{color:var(--course-muted);line-height:1.65}
.course-template .product-copy .tag{background:#e2f5e9;color:#087750}
.course-template .selling-price{background:#dff8e9;border-color:#5fbd89;color:#075b3b;font-weight:900;box-shadow:0 5px 16px #0d613027}
.course-template .standalone-head{margin-top:clamp(58px,7vw,90px)}
.course-template .tool-card{height:100%;border-color:#d4e7da;border-radius:17px;box-shadow:0 12px 32px #14372516}
.course-template .tool-image{height:190px;aspect-ratio:auto;padding:15px;background:#eaf5ec}
.course-template .tool-image img{object-fit:contain;padding:0}
.course-template .tool-copy{min-height:0;padding:21px}
.course-template .tool-copy h3{min-height:0;color:var(--course-ink)}
.course-template .tool-copy p{color:var(--course-muted);line-height:1.5}
.course-template .products .tool-card .saved-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:16px}
.course-template .products .tool-card .saved-card-actions .card-button{min-height:45px;justify-content:center;text-align:center;padding:10px 8px;font-size:.82rem!important}
.course-template .products .tool-card .saved-card-actions .buy-now-link{grid-column:1/-1;min-height:47px}
.course-template .seo-workbook-feature{border-color:#cde4d4;background:#fff;box-shadow:0 17px 43px #0d42231c}

/* Bundle and audience sections keep the cinematic dark forest language. */
.course-template .bundle,.course-template .fit,.course-template .final-cta{position:relative;isolation:isolate;background:radial-gradient(ellipse at 82% 16%,#11664a8c,transparent 36%),linear-gradient(118deg,#021e1e,#06352e 68%,#03201d);color:#fff}
.course-template .bundle>.wrap,.course-template .fit>.wrap,.course-template .final-cta>.wrap{position:relative;z-index:1}
.course-template .bundle-label{background:#d6fae3;color:#075839}
.course-template .bundle-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #90dcb15c;border-radius:22px;background:#0b483aa8;box-shadow:0 30px 75px #00110d81}
.course-template .bundle-art{min-width:0;padding:clamp(22px,3vw,38px);background:radial-gradient(circle at 50% 65%,#31a97758,transparent 54%),#073b30}
.course-template .bundle-art img{max-height:560px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 16px 19px #0016119c)}
.course-template .bundle-copy{padding:clamp(28px,4vw,56px);background:transparent;color:#fff}
.course-template .bundle-copy h2,.course-template .fit h2,.course-template .final-cta h2{color:#fff}
.course-template .bundle-copy .kicker,.course-template .fit .eyebrow,.course-template .final-cta .kicker{color:#9cf0c1}
.course-template .bundle-copy>p:not(.kicker){color:#d5e9dc}
.course-template .bundle-copy .selling-price{background:#d9f6e5;color:#075b3b;border-color:#90e5b4}
.course-template .bundle-copy>p.selling-price{color:#075b3b}
.course-template .bundle-checklist{display:grid;grid-template-columns:1fr;gap:8px}
.course-template .bundle-checklist li{background:#0d5c4270;border:1px solid #a1e6be48;color:#f4fff8}
.course-template .bundle-button{background:#0da465;border-color:#0da465;color:#fff}
.course-template .fit{padding-block:clamp(66px,7vw,92px)}
.course-template .fit-grid{gap:clamp(28px,5vw,68px);align-items:center}
.course-template .fit-intro>p:not(.eyebrow){color:#cce5d6}
.course-template .fit-note{border-left-color:#53d99a;background:#ffffff12;color:#d9f3e4}
.course-template .fit .fit-grid>.course-carousel{min-width:0;padding:clamp(20px,3vw,36px);border:1px solid #b9d9c7;border-radius:20px;background:#edf7f0;box-shadow:0 20px 48px #001b182b}
.course-template .audience-grid article{border:1px solid #c8e2d2;border-left:3px solid #32b77d;border-radius:14px;background:#fff;box-shadow:0 8px 25px #0d3b2512}
.course-template .audience-grid article:nth-child(even){border-left-color:#4a9bc0}
.course-template .audience-grid h3{color:#12352b}
.course-template .audience-grid p{color:#3f5e51}
.course-template .audience-grid span{background:#dff4e8;color:#075d3e}

/* Module cards, true learner preview, guides and FAQ. */
.course-template .curriculum{display:block}
.course-template .curriculum-intro{max-width:810px;text-align:center;margin:0 auto 35px}
.course-template .curriculum-intro p{color:var(--course-muted)}
.course-template .roadmap-six article{min-height:220px;padding:26px;border:1px solid var(--course-line);border-top:3px solid #45c98e;border-radius:16px;background:#fff;box-shadow:0 12px 32px #16392914}
.course-template .roadmap-six article:nth-child(even){border-top-color:#63a9d6}
.course-template .roadmap-six span{background:#def5e7;color:#087b50}
.course-template .roadmap-six h3{color:var(--course-ink)}
.course-template .roadmap-six p{color:var(--course-muted)}
.course-template .preview-section{gap:clamp(28px,5vw,70px)}
.course-template .preview-mockup{background:#e8f4eb;border-color:#cce4d3}
.course-template .preview-mockup img{max-height:570px}
.course-template #from-the-blog{background:#f5f9f4}
.course-template #from-the-blog .blog-grid{counter-reset:guide-card}
.course-template #from-the-blog .blog-card{counter-increment:guide-card;min-height:280px;padding:0 25px 23px;border-color:var(--course-line);border-top:0;border-radius:15px;background:#fff;box-shadow:0 11px 30px #123b2412;overflow:hidden}
.course-template #from-the-blog .blog-card:before{content:"PBC GUIDE  /  0" counter(guide-card);display:flex;align-items:center;height:67px;margin:0 -25px 20px;padding:0 25px;background:linear-gradient(105deg,#063a30,#0c6d4d);color:#d9ffe8;font-size:.72rem;font-weight:850;letter-spacing:.16em}
.course-template #from-the-blog .blog-card:nth-child(2):before{background:linear-gradient(105deg,#073e42,#167a72)}
.course-template #from-the-blog .blog-card:nth-child(3):before{background:linear-gradient(105deg,#143b39,#247657)}
.course-template #from-the-blog .blog-card h3{color:var(--course-ink);font-size:1.24rem}
.course-template #from-the-blog .read-link{color:#087a50}
.course-template #faq{width:100%;max-width:none;padding-inline:max(24px,calc((100vw - 1180px)/2));background:radial-gradient(circle at 12% 15%,#135d467c,transparent 35%),linear-gradient(115deg,#031f1e,#083a31);color:#fff}
.course-template .faq{gap:clamp(32px,5vw,70px)}
.course-template .faq h2,.course-template .faq .eyebrow{color:#fff}
.course-template .accordion details{border-color:#d7e8db;border-radius:12px;box-shadow:0 5px 18px #143a2310}
.course-template .accordion summary{min-height:60px;color:#14342a}
.course-template .accordion summary span{background:#e2f5e8;color:#087d54}
.course-template .accordion details[open] summary{color:#087d54}
.course-template .accordion details[open] summary span{background:#087d54;color:#fff}
.course-template .final-cta{text-align:left}
.course-template .final-cta>.wrap{max-width:1180px}
.course-template .final-cta .cta-row{justify-content:flex-start}
.course-template .final-cta .outline-button{border-color:#99dcb4;color:#e9fff0}
.course-template .final-cta .outline-button:hover{background:#176449;color:#fff}

/* One horizontal rail per grouped set, with arrows and touch swiping. */
.course-template .course-carousel{min-width:0}
.course-template .course-carousel-controls{display:flex;justify-content:flex-end;gap:8px;margin:-6px 0 16px}
.course-template .course-carousel-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #9dcbb0;border-radius:50%;background:#fff;color:#075c3f;font:700 1.65rem/1 Arial,sans-serif;cursor:pointer}
.course-template .course-carousel-controls button:hover:not(:disabled){background:#e4f6eb}
.course-template .course-carousel-controls button:disabled{opacity:.38;cursor:default}
.course-template .course-carousel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2px 2px 19px}
.course-template .course-carousel-track::-webkit-scrollbar{display:none}
.course-template .course-carousel-track>article{flex:0 0 calc((100% - 16px)/2);min-width:0;height:auto;scroll-snap-align:start}
.course-template .roadmap-six.course-carousel-track>article{flex-basis:calc((100% - 32px)/3)}
.course-template .fit .course-carousel-controls button{background:#086b49;color:#fff;border-color:#086b49}
.course-template .fit .course-carousel-controls button:disabled{opacity:1;background:#f7fbf8;color:#567b68;border-color:#b5d0be}
.course-template .fit .course-carousel-controls button:hover:not(:disabled){background:#064f3b}
.course-template #from-the-blog>.course-carousel{width:min(100% - 48px,1180px);margin-inline:auto}
.course-template .audience-grid.course-carousel-track>article{flex-basis:calc((100% - 16px)/2)}

@media(max-width:1000px){
  .course-template .hero-grid,.course-template .main-product,.course-template .bundle-card,.course-template .preview-section{grid-template-columns:1fr}
  .course-template .hero-art{max-width:570px}
  .course-template .bundle-art img{max-height:470px}
  .course-template .roadmap-six.course-carousel-track>article{flex-basis:calc((100% - 16px)/2)}
  .course-template .benefits .course-carousel-controls{display:flex}
  .course-template .benefit-grid.course-carousel-track>article{flex-basis:calc((100% - 12px)/2)}
}
@media(max-width:760px){
  .course-template .hero{padding-block:48px 56px}
  .course-template .hero-copy h1{font-size:clamp(2.55rem,9vw,4.1rem)}
  .course-template .hero-art{padding:12px}
  .course-template .hero-art img{max-height:390px}
  .course-template .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .course-template .stats article{min-height:108px;padding:16px 12px;grid-template-columns:31px minmax(0,1fr);gap:8px}
  .course-template .stats article:nth-child(3){border-left:0}
  .course-template .stats article:nth-child(n+3){border-top:1px solid #ffffff26}
  .course-template .stat-icon{width:30px;height:30px;font-size:1rem}
  .course-template .stats strong{font-size:1.5rem}
  .course-template .stats b{display:block;margin:3px 0 0;font-size:.65rem}
  .course-template .stats p{font-size:.66rem}
  .course-template .benefits,.course-template .fit-grid{grid-template-columns:1fr}
  .course-template .benefit-grid.course-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .course-template .benefit-grid.course-carousel-track>article{flex-basis:86%;min-height:225px}
  .course-template .fit .fit-grid>.course-carousel{padding:18px}
  .course-template .bundle-copy,.course-template .product-copy{padding:26px}
  .course-template .course-carousel-track>article,.course-template .roadmap-six.course-carousel-track>article,.course-template .audience-grid.course-carousel-track>article{flex-basis:86%}
  .course-template #from-the-blog>.course-carousel{width:min(100% - 32px,1180px)}
  .course-template .final-cta{text-align:center}
  .course-template .final-cta .cta-row{justify-content:center}
}
@media(max-width:520px){
  .course-template .hero-copy .actions{align-items:stretch}
  .course-template .hero-copy .actions .button{width:100%}
  .course-template .course-label{max-width:100%}
  .course-template .hero-art img{max-height:310px}
  .course-template .tool-image{height:190px}
  .course-template .product-buttons .button{width:100%}
  .course-template .products .tool-card .saved-card-actions{grid-template-columns:1fr}
  .course-template .products .tool-card .saved-card-actions .buy-now-link{grid-column:auto}
  .course-template .bundle-checklist li{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  .course-template .button,.course-template .tool-card{transition:none}
  .course-template .button:hover,.course-template .tool-card:hover{transform:none}
  .course-template .course-carousel-track{scroll-behavior:auto}
}