.course-page{--course-accent:#50dcea;--course-glow:rgba(40,213,231,.1);background:#080a0e;color:#f6f7fa}.course-page-edit{--course-accent:#ed62b7;--course-glow:rgba(234,63,174,.1)}.course-page .nav{background:#090b0eec;border-color:#ffffff14}.course-page .course-wrap{width:min(88%,1280px);margin-inline:auto}.course-page h1,.course-page h2,.course-page h3{font-family:Outfit,Arial,sans-serif;letter-spacing:-.045em;font-weight:500}.course-page p{color:#b0bac3}.course-page .course-eyebrow{color:var(--course-accent);font-size:11px;line-height:1.4;letter-spacing:.16em;font-weight:700}.course-page .course-period{color:var(--course-accent)}.course-hero{position:relative;overflow:hidden;padding:145px 0 60px;background:radial-gradient(ellipse at 75% 42%,var(--course-glow),transparent 40%)}.course-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:510px;gap:5%}.course-hero-copy{max-width:720px}.course-hero h1{font-size:clamp(54px,6.7vw,102px);line-height:.99;margin:24px 0 24px}.course-page .course-lead{font-size:clamp(16px,1.45vw,20px);line-height:1.65;max-width:580px}.course-hero-art{position:relative;min-width:0}.course-hero-art img{width:min(100%,500px);height:auto;object-fit:contain;margin:auto}.course-purchase{display:flex;align-items:center;gap:32px;margin-top:38px}.course-price,.course-final-buy strong{font:500 31px/1 Outfit,Arial,sans-serif;color:#fff}.course-price small,.course-final-buy small{font-size:.55em}.course-buy{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-width:200px;min-height:58px;padding:16px 22px;background:linear-gradient(110deg,#62e6ec,#ee78bf);color:#11141a;font-size:14px;font-weight:700;transition:filter .2s,transform .2s}.course-buy:hover{filter:brightness(1.13)}.course-buy:active{transform:scale(.98)}.course-buy span{transition:transform .2s}.course-buy:hover span{transform:translate(3px,-3px)}.course-facts{border-block:1px solid #ffffff1b}.course-facts ul{list-style:none;margin-block:0;padding-block:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;color:#e6eaef;font-size:14px}.course-facts li{padding-left:18px;position:relative}.course-facts li:before{content:'';position:absolute;left:0;top:.42em;width:6px;height:6px;background:var(--course-accent);border-radius:50%}.course-intro,.course-about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;padding-block:130px}.course-page h2{font-size:clamp(42px,4.6vw,68px);line-height:1.08}.course-intro h2,.course-program h2,.course-example h2,.course-about h2{margin-top:22px}.course-intro>p,.course-about>div:last-child p{font-size:18px;line-height:1.8;max-width:600px}.course-about>div:last-child p+p{margin-top:20px}.course-picture{max-width:1600px;margin:auto}.course-picture img{width:100%;height:min(68vw,730px);object-fit:cover}.course-program{padding-block:140px;display:grid;grid-template-columns:1fr 1.1fr;gap:8%}.program-item{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:30px 0;border-top:1px solid #ffffff26}.program-item:last-child{border-bottom:1px solid #ffffff26}.item-no{font-size:12px;letter-spacing:.1em;color:var(--course-accent)}.program-item h3{font-size:25px;line-height:1.2;margin-bottom:12px}.program-item p{font-size:15px;line-height:1.7;max-width:480px}.course-example{padding-bottom:130px}.example-heading{margin-bottom:38px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.example-grid figure{min-width:0}.example-grid img{width:100%;aspect-ratio:3/2;object-fit:cover}.example-grid figcaption{padding-top:12px;color:#aab4bf;font-size:12px}.course-about{border-top:1px solid #ffffff24}.course-final{background:radial-gradient(ellipse at 75% 50%,var(--course-glow),transparent 55%),#10141a;padding-block:100px}.course-final-grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:50px}.course-final h2{max-width:800px;margin:22px 0}.course-final-grid p:last-child{font-size:16px;max-width:560px}.course-final-buy{display:grid;gap:20px}.course-cross{padding-block:100px}.course-cross>a{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff30;padding:25px 0;font-size:25px}.course-cross>a>span:first-child{display:grid;gap:8px}.course-cross small{font-size:14px;color:#aab4bf;font-weight:400}.course-cross>a:hover{color:var(--course-accent)}.course-page footer{border-top:1px solid #ffffff18}.course-page :focus-visible{outline-color:#64dce8}
@media(max-width:760px){.course-page .course-wrap{width:88%}.course-hero{padding:120px 0 45px}.course-hero-grid{grid-template-columns:1fr;min-height:0;gap:10px}.course-hero h1{font-size:clamp(48px,12vw,68px);margin:20px 0}.course-hero-art img{width:min(80%,360px)}.course-purchase{margin-top:28px;gap:22px}.course-buy{min-width:170px;min-height:54px;gap:24px}.course-facts ul{grid-template-columns:1fr;gap:16px;padding-block:23px}.course-intro,.course-about{grid-template-columns:1fr;gap:28px;padding-block:80px}.course-intro>p,.course-about>div:last-child p{font-size:16px}.course-picture img{height:auto;aspect-ratio:3/2;object-fit:cover}.course-program{padding-block:85px;grid-template-columns:1fr;gap:35px}.course-page h2{font-size:clamp(38px,10vw,48px)}.program-item{padding-block:24px;grid-template-columns:35px 1fr;gap:10px}.program-item h3{font-size:22px}.course-example{padding-bottom:75px}.example-grid{grid-template-columns:1fr;gap:25px}.course-final{padding-block:75px}.course-final-grid{grid-template-columns:1fr;gap:30px}.course-final-buy{justify-items:start}.course-cross{padding-block:70px}.course-cross>a{font-size:21px}}
.course-page h1 .course-period,.course-page h2 .course-period{display:inline}

/* Preserve the dark course canvas when theme or plugin styles load later. */
body.course-page { background: #080a0e !important; color: #f6f7fa; }

/* Keep the full price together; on narrow phones the button may wrap as a unit. */
@media (max-width:760px) {
  .course-purchase { flex-wrap:wrap; gap:16px; }
  .course-price, .course-final-buy strong { font-size:clamp(22px,6vw,28px); white-space:nowrap; }
  .course-buy { min-width:150px; }
}

/* Keep course headings readable over the dark design in the existing theme. */
body.course-page :is(h1, h2, h3) { color: #f4f7fa; }