.online-course-body{background:#fff}
.online-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:0 48px;max-width:1200px;padding:0 24px;margin:0 auto}
.online-hero{position:relative;isolation:isolate;grid-column:1;grid-row:1;padding:40px 0 36px;color:#fff}
.online-hero:before{content:"";position:absolute;top:0;bottom:0;left:calc(-24px - max(0px,(100vw - 1200px)/2));width:100vw;background:radial-gradient(ellipse at 90% 0%,#6d4c2770,transparent 50%),linear-gradient(120deg,#28231f,#352920);z-index:-1}
.course-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px;color:#ffd299;font-size:12px;font-weight:650}.course-breadcrumbs a:hover{color:#fff}
.online-hero h1{font-size:clamp(28px,3vw,39px);letter-spacing:-1px;line-height:1.15;margin:0 0 17px;font-weight:800;overflow-wrap:anywhere}
.online-subtitle{font-size:18px;line-height:1.6;color:#ece3d9;margin:0 0 18px}.online-social-proof{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;align-items:center}.online-rating{display:flex;align-items:center;gap:6px;color:#ffc36c}.online-rating>span:last-child{color:#ffe0ba;text-decoration:underline;text-underline-offset:3px}.online-created{font-size:13px;color:#e4d9cc;margin:17px 0}.online-created a{color:#ffd39b;text-decoration:underline;text-underline-offset:3px}.online-facts{display:flex;flex-wrap:wrap;gap:12px 18px;color:#d2c4b3;font-size:12px;line-height:1.7}
.online-buy-column{grid-column:2;grid-row:1/span 2;position:relative;z-index:2;padding-top:36px;padding-bottom:40px;min-width:0}.online-buy-panel{position:sticky;top:130px;border:1px solid #e9e1d7;background:#fff;box-shadow:0 12px 40px #25180c15;border-radius:22px;overflow:hidden}.online-preview-cover{display:block;position:relative;aspect-ratio:16/9;width:100%;padding:0;border:0;background:radial-gradient(ellipse at 100% 0%,#976b25,transparent 65%),linear-gradient(145deg,#292521,#413026);overflow:hidden;color:#fff}.online-preview-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.online-preview-cover img[hidden]{display:none}.online-cover-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:80px;color:#ffc05c}.online-preview-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;background:#fff;color:#30251a;border-radius:50%;box-shadow:0 4px 20px #0004;padding-left:4px;font-size:20px}.online-preview-label{position:absolute;bottom:0;left:0;right:0;padding:18px 12px 13px;background:linear-gradient(transparent,#000a);font-size:12px;letter-spacing:.5px;text-align:center;font-weight:700}.online-buy-copy{padding:23px}.online-price{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.online-price>strong{font-size:29px;letter-spacing:-1px}.online-price>del{color:#8c8175;font-size:15px}.online-price>span{color:#7e715f;font-size:13px}.online-buy-copy .btn-main{border-radius:11px;min-height:47px;box-shadow:none}.online-cart-button{width:100%;min-height:47px;border:1px solid #3e3025;background:#fff;color:#3e3025;border-radius:11px;font-weight:750;margin-bottom:10px}.online-cart-button:hover{background:#fff4e8}.online-buy-copy>form:has([data-wishlist-course]){margin:12px 0 24px!important}.online-buy-copy [data-wishlist-course]{width:100%;background:#fff;color:#78552b}.online-buy-copy h2{font-size:16px;margin:26px 0 14px}.online-includes{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:13px;color:#665a4d}.online-includes li{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.online-includes li>span{width:18px;flex-shrink:0;color:#8f612d}.online-share{display:block;text-align:center;font-size:12px;font-weight:700;margin-top:24px;padding-top:18px;border-top:1px solid #eee5db;color:#89511d}.online-purchase-note{text-align:center;color:#9c8e7f;font-size:10px;line-height:1.6;margin:15px 0 0}.online-signup{font-size:12px;text-align:center;line-height:1.7}
.online-content{grid-column:1;grid-row:2;padding:28px 0 68px;min-width:0}.online-section-nav{display:flex;gap:24px;border-bottom:1px solid #e8e2d9;padding:0 0 18px;margin-bottom:30px;overflow-x:auto;font-size:13px;font-weight:700;color:#78654e}.online-section-nav a{white-space:nowrap}.online-section-nav a:hover{color:#a35516}.online-course-section{margin:36px 0;scroll-margin-top:135px}.online-content h2{font-size:25px;margin:0 0 20px;letter-spacing:-.7px;line-height:1.2}.online-content h3{font-size:20px;margin:25px 0 16px;letter-spacing:-.4px}.online-outcomes{border:1px solid #e5dfd6;border-radius:16px;padding:26px;scroll-margin-top:135px}.online-outcomes ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px}.online-outcomes li{display:flex;gap:12px;font-size:14px;line-height:1.7}.online-outcomes li>span{color:#986522;flex-shrink:0}
.online-curriculum-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.online-curriculum-heading p{font-size:12px;color:#776c60;margin:0;line-height:1.6}.online-curriculum-heading button,.online-show-more{border:0;background:transparent;padding:4px 0;font-weight:700;color:#986027;font-size:12px;white-space:nowrap}.online-curriculum{border:1px solid #e3dcd2;border-radius:13px;overflow:hidden}.online-course-module+details{border-top:1px solid #e3dcd2}.online-course-module summary{display:flex;align-items:center;gap:12px;background:#faf7f2;cursor:pointer;padding:18px 17px;list-style:none}.online-course-module summary::-webkit-details-marker{display:none}.online-course-module summary>strong{font-size:14px;line-height:1.5;flex:1}.online-course-module summary>small{font-size:11px;color:#8a7c6b;white-space:nowrap}.online-module-chevron{font-size:18px;transition:transform .15s}.online-course-module[open] .online-module-chevron{transform:rotate(180deg)}.online-course-module ul{list-style:none;margin:0;padding:8px 18px 13px}.online-course-module li{display:flex;align-items:center;gap:11px;padding:11px 0;font-size:13px;line-height:1.5}.online-lesson-title{flex:1;overflow-wrap:anywhere}.online-lesson-icon{font-size:16px;min-width:17px;color:#8f7c64}.online-lesson-preview{background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;font-size:11px;font-weight:650;padding:4px;color:#986027}.online-lesson-lock{color:#b1a393;font-size:12px}.online-course-module time{color:#8e8173;min-width:37px;text-align:right;font-size:11px}
.online-bullet-list{padding-left:20px;margin:0;font-size:14px;line-height:1.9}.online-bullet-list li{padding-left:4px;margin:9px 0}.online-description,.online-instructor-bio{font-size:14px;line-height:1.9;white-space:normal;overflow-wrap:anywhere}.online-description.is-collapsed{max-height:330px;overflow:hidden;mask-image:linear-gradient(#000 75%,transparent)}.online-show-more{margin-top:15px}.online-instructor-name{color:#9c5b23!important;font-size:23px!important}.online-instructor-headline{color:#8e8173;font-size:14px;margin-top:-6px}.online-instructor-card{display:flex;gap:21px;align-items:center;margin:24px 0}.online-instructor-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;flex-shrink:0}.online-instructor-initials{display:grid;place-items:center;background:#2e271f;color:#ffc16b;font-size:40px;font-weight:750}.online-instructor-card strong{font-size:15px}.online-instructor-card p{font-size:12px;color:#8b7c6c;line-height:1.7;margin:9px 0}.online-empty{font-size:13px;line-height:1.8;color:#8d7e6d;padding:20px;background:#faf8f4;border:1px solid #eee7dd;border-radius:12px}
.online-feedback{display:flex;gap:30px;align-items:center;padding:22px 0 12px}.online-feedback>div:first-child{display:grid;gap:8px;flex-shrink:0;color:#a36a21}.online-feedback>div:first-child>strong{font-size:58px;letter-spacing:-2px;line-height:1}.online-feedback span{font-size:13px}.online-feedback small{font-size:11px;color:#9e8a70}.online-rating-bars{flex:1;display:grid;gap:11px}.online-rating-bars>div{display:flex;gap:12px;align-items:center}.online-rating-bars>div>span:first-child{width:30px;font-size:12px;color:#a36a21}.online-rating-bars small{width:35px;font-size:10px}.online-rating-track{height:8px;flex:1;border-radius:5px;background:#eee8de;overflow:hidden}.online-rating-track i{display:block;background:#d49b49;height:100%}.online-review{border-bottom:1px solid #e9e2d7;padding:24px 0}.online-review header{display:flex;gap:14px;align-items:center}.online-review-avatar{width:42px;height:42px;border-radius:50%;background:#2d261f;color:#fff;display:grid;place-items:center;font-size:18px}.online-review header strong{font-size:14px}.online-review header small{display:block;font-size:10px;color:#9e8c75;margin-top:7px}.online-review header small>span{color:#ae742b;font-size:13px}.online-review h4{font-size:14px;margin:17px 0 8px}.online-review p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.online-review-form{display:grid;gap:16px;margin-top:30px;border:1px solid #e6ddd1;border-radius:15px;padding:24px}.online-review-form h3{margin:0}.online-review-form>p{font-size:12px;color:#8d7c66}.online-review-form button{justify-self:start}
.online-preview-dialog{border:0;border-radius:18px;background:#211b16;color:white;padding:22px;width:min(900px,calc(100vw - 30px));max-height:90dvh;overflow:auto;box-shadow:0 20px 90px #0006}.online-preview-dialog::backdrop{background:#100d0bcc;backdrop-filter:blur(3px)}.online-preview-dialog-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:18px}.online-preview-dialog-heading h2{font-size:20px;margin:0}.online-preview-dialog-heading button{border:0;background:#ffffff15;color:#fff;border-radius:50%;width:36px;height:36px;flex-shrink:0}.online-preview-dialog iframe,.online-preview-dialog video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}.online-preview-dialog>p{font-size:12px;color:#b9a995}
.online-lesson-text{padding:24px;background:#fff;color:#30271f;line-height:1.9;font-size:15px;white-space:normal;overflow-wrap:anywhere;border-radius:12px}
.curriculum-editor-lesson .lesson-body{grid-column:1/-1}
@media(min-width:801px){.online-buy-panel{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:1050px){.online-layout{grid-template-columns:minmax(0,1fr) 310px;gap:0 28px}.online-hero h1{font-size:31px}.online-subtitle{font-size:16px}.online-buy-copy{padding:20px}.online-outcomes{padding:22px}.online-outcomes ul{grid-template-columns:1fr}}
@media(max-width:800px){.online-layout{display:flex;flex-direction:column;gap:0;max-width:650px;padding:0 20px}.online-hero{padding:28px 0 30px}.online-hero:before{left:calc(-20px - max(0px,(100vw - 650px)/2))}.online-hero h1{font-size:29px}.online-buy-column{padding:24px 0 0}.online-buy-panel{position:static}.online-preview-cover{max-height:300px}.online-content{padding-top:24px}.online-outcomes ul{grid-template-columns:repeat(2,minmax(0,1fr))}.online-course-section,.online-outcomes{scroll-margin-top:90px}.online-curriculum-heading{align-items:flex-start}.online-hero .online-social-proof{font-size:12px}.online-description.is-collapsed{max-height:280px}}
@media(max-width:480px){.online-layout{padding:0 16px}.online-hero:before{left:-16px}.online-hero h1{font-size:27px;line-height:1.2}.online-subtitle{font-size:15px}.online-facts{font-size:11px;gap:7px 14px}.course-breadcrumbs{font-size:11px;gap:8px}.online-outcomes{padding:20px}.online-outcomes ul{grid-template-columns:1fr;gap:14px}.online-content h2{font-size:23px}.online-curriculum-heading{flex-wrap:wrap;gap:10px}.online-course-module summary{padding:15px 13px;gap:9px;flex-wrap:wrap}.online-course-module summary>strong{font-size:13px;min-width:180px}.online-course-module summary>small{margin-left:26px;font-size:10px}.online-course-module ul{padding:5px 13px 10px}.online-course-module li{font-size:12px;gap:8px}.online-instructor-photo{width:80px;height:80px}.online-feedback{gap:22px}.online-section-nav{gap:22px;font-size:12px}.online-preview-dialog{padding:15px}.online-review-form{padding:19px}}
/* Course editor keeps the same sections as the public landing page. */
.course-editor-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.course-editor-nav a{background:#fff6ea;color:#95602b;border:1px solid #eddcc7;border-radius:20px;padding:9px 15px;font-size:12px;font-weight:700}
.course-cover-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,300px);gap:15px 22px;padding:18px;background:#fcf8f2;border:1px solid #e9dccb;border-radius:14px;min-width:0}.course-cover-fields{display:grid;gap:15px;min-width:0}.course-cover-fields label{min-width:0}.course-cover-fields input[type=file]{padding:10px;background:#fff}.course-cover-fields small{font-size:11px;line-height:1.55;font-weight:400}.course-cover-preview{aspect-ratio:16/9;background:radial-gradient(at top right,#956721,#302820 70%);border-radius:13px;position:relative;overflow:hidden;display:grid;place-items:center;color:#ffb03c}.course-cover-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.course-cover-placeholder{text-align:center;font-size:50px;line-height:1}.course-cover-placeholder small{display:block;color:#fff;letter-spacing:2px;font-size:9px;margin-top:4px}.course-cover-remove{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center;gap:9px}.course-cover-remove input{width:18px;min-height:0;margin:0;accent-color:#986128}.course-cover-preview img[hidden]{display:none}
@media(max-width:700px){.course-cover-field{grid-template-columns:1fr;padding:14px}.course-cover-preview{max-width:420px;width:100%}}
.course-editor-section{border:1px solid #e8dfd3;border-radius:15px;padding:24px;margin:28px 0;scroll-margin-top:100px;min-width:0}.course-editor-section>legend{font-size:20px;font-weight:750;padding:0 9px;letter-spacing:-.4px}.course-editor-section>p{font-size:12px;line-height:1.8;margin:0 0 22px}.curriculum-editor-section{border:1px solid #eadfd1;border-radius:13px;padding:18px;margin-bottom:20px;background:#fffcf8;min-width:0}.curriculum-editor-heading{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap;margin-bottom:17px}.curriculum-editor-heading>label{flex:1;min-width:170px}.curriculum-editor-heading>button{padding:9px 11px;font-size:11px;min-height:43px}.curriculum-editor-lesson{display:grid;grid-template-columns:minmax(150px,2fr) 100px 90px;gap:14px;border-top:1px solid #e9e1d7;padding:20px 0}.curriculum-editor-lesson .lesson-url{grid-column:span 2}.curriculum-editor-lesson .lesson-preview{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:11px}.lesson-preview input{width:17px;min-height:0;accent-color:#e39c3b}.lesson-editor-actions{display:flex;gap:7px;grid-column:1/-1}.course-editor-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.course-editor-actions p{font-size:12px;color:#9b8c7a}.course-editor-preview{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:600px){.course-editor-section{padding:17px 13px}.curriculum-editor-section{padding:14px}.curriculum-editor-lesson{grid-template-columns:1fr 1fr}.curriculum-editor-lesson>label:first-child{grid-column:span 2}.curriculum-editor-lesson .lesson-url{grid-column:span 2}.curriculum-editor-lesson .lesson-preview{grid-column:span 2}.curriculum-editor-heading>label{min-width:100%;}.course-editor-section>legend{font-size:18px}.course-editor-nav{gap:7px}.course-editor-nav a{font-size:11px;padding:8px 11px}}