/* SESH Academy unified editorial design layer / draft only */
:where(.sa17-course,.sa17-reader,.sa5.sa6,.sa15-compare,.sa4-lesson){--sesh-ink:#142b3e;--sesh-cream:#fcf9f2;--sesh-blue:#cee4f1;--sesh-green:#dce8dd;--sesh-orange:#ed733a;--sesh-plum:#5a193c;--sesh-border:#deded8;font-family:inherit;color:var(--sesh-ink)}
.sa17-course{background:var(--sesh-cream);padding:28px clamp(16px,4vw,56px) 75px}
.sa17-course-top{max-width:1160px;margin:0 auto 18px;border:0;display:flex;gap:15px;align-items:center}
.sa17-course-top>a{display:inline-flex;align-items:center;min-height:44px;font-weight:850;font-size:13px}
.sa17-course-top>button{border-radius:99px;border:1px solid #142b3e38;background:#fff;min-height:44px;padding:9px 17px;font-weight:750}
.sa17-course-hero{position:relative;isolation:isolate;overflow:hidden;min-height:465px;border:0;border-radius:23px;background:#cfe4f1;color:#142b3e;padding:clamp(30px,5vw,70px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0 auto 44px;max-width:1160px}
.sa17-course-hero:before{content:'';position:absolute;z-index:-2;inset:0 0 0 36%;background:url('/cdn/shop/files/SESH_-_Super_clearm_mattifying_cream_model_picture.png?v=1735244637') center 30%/cover no-repeat}
.sa17-course-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#cee4f1 1%,#cee4f1fb 31%,#cee4f1b5 51%,#cee4f10a 85%)}
.sa17-course-hero :is(h1,p,a,.sa17-kicker){position:relative;z-index:2;max-width:53%}
.sa17-course-hero h1{font-size:clamp(40px,5.5vw,75px)!important;font-weight:950;letter-spacing:-.052em;line-height:1.06;color:#142b3e!important}
.sa17-course-hero p{font-size:clamp(16px,1.5vw,19px);line-height:1.65;color:#142b3e}
.sa17-course-hero .sa17-kicker{font-weight:900;letter-spacing:.14em;font-size:12px;color:#214b68}
.sa17-course-hero .sa17-button,.sa17-course .sa9-button,.sa17-course .sfa10-btn{background:#142b3e;color:#fff!important;border-radius:99px;border:0;min-height:46px;padding:12px 24px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.sa17-course-stamp{opacity:.10;pointer-events:none}
.sa17-course .sa9-learning{max-width:1130px;margin:0 auto}
.sa17-learning-heading{padding:0 0 20px;border-bottom:2px solid #142b3e}
.sa17-learning-heading h2{font-size:clamp(31px,4vw,55px)!important;line-height:1.06;font-weight:950;letter-spacing:-.04em}
.sa17-learning-heading p{max-width:690px;line-height:1.65}
.sa17-course .sa9-level-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:23px 0}
.sa17-course .sa9-level-tabs button{min-width:0;min-height:94px;padding:14px 18px;background:#fff;border:1px solid #cad5d6;border-radius:14px;text-align:start;color:#142b3e}
.sa17-course .sa9-level-tabs button[aria-pressed=true]{background:#142b3e;color:#fff;border-color:#142b3e;box-shadow:0 7px 0 #ed733a}
.sa17-course .sa9-level-tabs button b{font-size:clamp(16px,2vw,23px);line-height:1.25;display:block}
.sa17-course .sa9-level-tabs button small{opacity:.76;line-height:1.5}
.sa17-course .sa9-level-intro{background:#e9f1ed;padding:20px clamp(17px,2.8vw,29px);margin:20px 0;border-radius:16px;border:0}
.sa17-course .sa9-level-intro h3{font-size:clamp(23px,3vw,33px);font-weight:900}
.sa17-course .sa9-stage{background:#fff;border-radius:18px;border:1px solid #dce1df;box-shadow:0 6px 22px #213b4210;overflow:hidden;margin-bottom:13px}
.sa17-course .sa9-stage>summary{display:flex;align-items:center;gap:18px;padding:22px 24px;cursor:pointer}
.sa17-course .sa9-stage>summary b{font-size:clamp(18px,2vw,24px);font-weight:850}
.sa17-course .sa9-stage-number{background:#ed733a;color:#fff;border-radius:10px;display:grid;place-items:center;min-width:44px;min-height:44px}
.sa17-course .sa9-stage-body{padding:0 clamp(18px,3vw,32px) 27px}
.sa17-course .sa9-lesson-list{list-style:none;margin:0;padding:0}
.sa17-course .sa9-lesson-list li>a{padding:18px 2px;border-bottom:1px solid #e7e9e5;min-height:80px;transition:background .15s}
.sa17-course .sa9-lesson-list li>a:hover{background:#eef5f2}
.sa17-course .sa9-lesson-list h4{font-size:clamp(17px,1.8vw,21px);font-weight:850;line-height:1.35}
.sa17-course .sa9-lesson-list p{font-size:14px;line-height:1.55}
.sa17-course [data-course-status]{font-size:12px}
.sa17-course .sa9-exam-entry{background:#dcebe4;border-radius:15px;padding:25px;display:flex;gap:22px;align-items:center;margin:21px 0 0}
.sa17-course .sa9-exam-entry h4{font-weight:900}
.sa17-course .sa9-exam-entry p{line-height:1.65}
.sfa10.sa17-course .sfa10-hero{background:#ead6e1;color:#461732;min-height:440px;border-radius:23px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;grid-template-columns:1fr;padding:clamp(27px,5vw,66px)}
.sfa10.sa17-course .sfa10-hero:before{content:'';position:absolute;z-index:-2;inset:0 0 0 37%;background:url('/cdn/shop/files/berryalurefragrancemistfeelingmodelmediumshot.png?v=1757356368') center 28%/cover no-repeat}
.sfa10.sa17-course .sfa10-hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#ead6e1 0%,#ead6e1f8 30%,#ead6e199 51%,transparent 80%)}
.sfa10.sa17-course .sfa10-copy{max-width:55%;position:relative;z-index:2}
.sfa10.sa17-course .sfa10-hero :is(h1,p,.sfa10-eyebrow,.sfa10-back){color:#461732!important}
.sfa10.sa17-course .sfa10-hero h1{font-size:clamp(38px,5vw,66px)!important;line-height:1.07;font-weight:900}
.sfa10.sa17-course .sfa10-hero h1 em{color:#9f3c60}
.sfa10.sa17-course .sa15-fragrance-hero{display:none}
.sfa10.sa17-course .sfa10-btn{background:#551d3c;color:#fff!important}
.sa17-reader{max-width:1100px;margin:0 auto;padding:30px clamp(16px,5vw,72px) 90px;background:#fcf9f2}
.sa17-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;border-bottom:1px solid #deded8;padding-bottom:16px;color:#3c5a66}
.sa17-lesson-head{position:relative;overflow:hidden;background:#d7e8f2;border-radius:19px;padding:clamp(27px,5vw,58px)!important;margin:25px 0 29px;border:0}
.sa17-lesson-head:after{content:'✳';position:absolute;inset-inline-end:5%;top:-72px;font-size:240px;line-height:1;color:#7eacc020;pointer-events:none}
.sa17-lesson-head h1{font-size:clamp(33px,4.8vw,62px)!important;line-height:1.18!important;font-weight:950;letter-spacing:-.04em;max-width:780px}
.sa17-lesson-head .sa17-goal{font-size:clamp(17px,2vw,21px)!important;line-height:1.62;max-width:720px}
.sa17-jumps{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.sa17-jumps a{border:1px solid #142b3e40;border-radius:99px;padding:9px 14px;background:#fff9;font-size:13px;font-weight:800;min-height:42px}
.sa17-prose{max-width:780px;margin:0 auto}
.sa17-prose p{font-size:clamp(17px,1.5vw,19px);line-height:1.85;color:#24394b}
.sa17-prose :is(h2,h3){font-weight:900;line-height:1.24;letter-spacing:-.02em;color:#142b3e}
.sa17-prose h2{font-size:clamp(27px,3vw,38px);margin:36px 0 16px}
.sa17-prose h3{font-size:clamp(23px,2.5vw,29px);margin:32px 0 13px}
.sa17-example,.sa17-practice{border:0;border-radius:17px;background:#e1eee7;padding:clamp(20px,3vw,31px);margin:30px 0}
.sa17-example{border-inline-start:6px solid #337256}
.sa17-quiz{border-radius:19px;background:#fff;border:1px solid #dce3df;padding:clamp(15px,3vw,26px);margin:35px 0}
.sa17-quiz fieldset{border:1px solid #e1e7e2;border-radius:12px;padding:18px;margin:14px 0}
.sa17-quiz label{border-radius:9px;min-height:44px;padding:10px}
.sa17-quiz label:hover{background:#edf5f2}
.sa17-quiz .sa17-button,.sa17-next .sa17-button{border:0;border-radius:99px;background:#142b3e;color:white!important;padding:13px 21px;min-height:45px}
.sa17-figure{background:white;border-radius:18px;overflow:hidden;border:1px solid #e0e4de}
.sa17-figure img{max-width:100%;height:auto}
.sa17-table{overflow-x:auto;max-width:100%}
.sa5.sa6:has(.sa6-path-hero),.sa15-compare,.sa5.sa6:has(.sa5-hero){background:#fcf9f2;color:#142b3e}
.sa5.sa6 .sa6-path-hero,.sa5.sa6 .sa5-hero,.sa15-compare .sa15-compare-heading{background:#cde4f2;color:#142b3e;border-radius:20px;margin:20px auto 28px;padding:clamp(25px,4vw,48px);max-width:1150px}
.sa5.sa6 .sa6-path-hero h1,.sa5.sa6 .sa5-hero h1,.sa15-compare .sa15-compare-heading h1{font-size:clamp(32px,5vw,63px)!important;line-height:1.12;letter-spacing:-.03em;color:#142b3e!important;font-weight:900}
.sa5.sa6 .sa6-search-box,.sa5.sa6 .sa6-step-panel,.sa15-compare .sa15-product-card{border-radius:16px;box-shadow:0 8px 28px #1029390a}
.sa5.sa6 :is(button,input,textarea,select),.sa15-compare :is(button,input,select){font-family:inherit}
.sa5.sa6 button,.sa15-compare button{min-height:43px}
.sa17-course[dir=rtl] .sa17-course-hero:before{inset:0 36% 0 0}
.sa17-course[dir=rtl] .sa17-course-hero:after{background:linear-gradient(270deg,#cee4f1 1%,#cee4f1fb 31%,#cee4f1b5 51%,#cee4f10a 85%)}
.sfa10.sa17-course[dir=rtl] .sfa10-hero:before{inset:0 37% 0 0}
.sfa10.sa17-course[dir=rtl] .sfa10-hero:after{background:linear-gradient(270deg,#ead6e1 0%,#ead6e1f8 30%,#ead6e199 51%,transparent 80%)}
.sa17-reader[dir=rtl] .sa17-lesson-head h1,.sa17-course[dir=rtl] h1,.sa17-course[dir=rtl] h2{letter-spacing:0}
@media(max-width:700px){
.sa17-course{padding:14px 11px 47px}
.sa17-course-hero{min-height:410px;padding:25px 19px;justify-content:flex-end;margin-bottom:29px}
.sa17-course-hero:before{inset:0;background-position:center 21%}
.sa17-course-hero:after{background:linear-gradient(0deg,#cee4f1 0%,#cee4f1f5 33%,#cee4f15c 75%,transparent)}
.sa17-course-hero :is(h1,p,a,.sa17-kicker){max-width:100%}
.sa17-course-hero h1{font-size:clamp(32px,9vw,44px)!important;line-height:1.15}
.sa17-course-hero p{font-size:14px;line-height:1.5}
.sa17-course-stamp{display:none}
.sa17-course .sa9-level-tabs{gap:6px}
.sa17-course .sa9-level-tabs button{min-height:86px;padding:11px 7px;text-align:center}
.sa17-course .sa9-level-tabs button b{font-size:14px}
.sa17-course .sa9-level-tabs button small{font-size:10px}
.sa17-course .sa9-stage>summary{padding:16px 12px;gap:10px}
.sa17-course .sa9-stage-number{min-width:36px;min-height:36px}
.sa17-course .sa9-stage-body{padding:0 12px 18px}
.sa17-course .sa9-exam-entry{display:block;padding:17px}
.sfa10.sa17-course .sfa10-hero{min-height:435px;padding:20px 17px;align-items:end}
.sfa10.sa17-course .sfa10-hero:before{inset:0;background-position:center 20%}
.sfa10.sa17-course .sfa10-hero:after{background:linear-gradient(0deg,#ead6e1 0%,#ead6e1f6 30%,#ead6e153 76%,transparent)}
.sfa10.sa17-course .sfa10-copy{max-width:100%}
.sfa10.sa17-course .sfa10-hero h1{font-size:clamp(30px,8vw,43px)!important}
.sfa10.sa17-course .sfa10-hero p{font-size:14px;line-height:1.5}
.sa17-reader{padding:13px 12px 55px}
.sa17-lesson-head{padding:23px 17px!important}
.sa17-lesson-head h1{font-size:clamp(29px,8vw,39px)!important;line-height:1.3!important}
.sa17-lesson-head .sa17-goal{font-size:16px!important}
.sa17-prose p{font-size:17px;line-height:1.85}
.sa17-prose h3{font-size:23px;line-height:1.4}
.sa17-jumps{gap:7px}
.sa17-jumps a{font-size:11px}
.sa5.sa6 .sa6-path-hero,.sa5.sa6 .sa5-hero,.sa15-compare .sa15-compare-heading{padding:24px 16px;border-radius:13px}
.sa17-course[dir=rtl] .sa17-course-hero:before,.sfa10.sa17-course[dir=rtl] .sfa10-hero:before{inset:0}
.sa17-course[dir=rtl] .sa17-course-hero:after{background:linear-gradient(0deg,#cee4f1 0%,#cee4f1f5 33%,#cee4f15c 75%,transparent)}
.sfa10.sa17-course[dir=rtl] .sfa10-hero:after{background:linear-gradient(0deg,#ead6e1 0%,#ead6e1f6 30%,#ead6e153 76%,transparent)}
}
@media(prefers-reduced-motion:reduce){.sa17-course .sa9-lesson-list li>a{transition:none}}
