:root{--paper:#fbf2e3;--ink:#21170f;--olive:#68704a;--caramel:#ba804d;--muted:#766658;--line:#d8c8ae}
#app{overflow-x:clip}.ui-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex:none}.r16-product{display:block;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 9px #21170f20)}
.header{min-height:66px}.brand{font-weight:700;font-size:clamp(22px,5.8vw,29px)}.navlink{font-size:13px;text-decoration-color:var(--caramel);text-decoration-thickness:2px}.dark{background:var(--ink)}.landing-page h1,.landing-page h2{font-weight:700}.landing-page h2:after,.course-intro h1:after{content:'';display:block;width:40px;height:3px;background:var(--caramel);margin-top:18px;border-radius:2px}.r16-hero{padding:16px 0 42px}.hero-inner{max-width:900px}.r16-hero h1{font-size:clamp(36px,10vw,50px);line-height:1.02;letter-spacing:-1.4px;margin:0;max-width:700px}.hero-product-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;margin:12px 0 14px;min-height:140px}.hero-support{font-size:16px;line-height:1.5;margin:0;position:relative;z-index:1}.hero-duo{width:100%;max-width:none;justify-self:start}.r16-media{margin:0;border:1px solid #d8c8b3;border-radius:10px;overflow:hidden;background:#140e09}.r16-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.r16-caption{font-size:13px;line-height:1.5;color:var(--muted);margin:12px 0 0;text-align:center}.dark .r16-caption,.dark .r16-status{color:#d8c8b3}.r16-primary{width:100%;margin-top:20px;min-height:52px;border-radius:8px;background:var(--olive);color:#fff;font-size:17px;gap:14px}.r16-status{font-size:13px;text-align:center;margin:10px 0 0;line-height:1.5}.paper-seam{position:relative;background:var(--paper)}.paper-seam:before{content:'';position:absolute;left:0;right:0;top:-9px;height:10px;background:var(--paper);clip-path:polygon(0 35%,8% 50%,16% 20%,29% 70%,41% 40%,53% 80%,66% 45%,79% 60%,92% 15%,100% 35%,100% 100%,0 100%)}
.r16-formats,.r16-preview,.r16-faq{padding:44px 0}.landing-page h2{font-size:clamp(32px,8.5vw,44px);line-height:1.08;letter-spacing:-.9px;margin:0 0 22px}.section-intro{font-size:16px;line-height:1.5;max-width:650px}.format-stage{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:16px;align-items:center;margin-top:25px}.format-list{list-style:none;padding:0;margin:0}.format-list li{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--olive);padding:18px 0;font-size:16px;line-height:1.4;font-weight:600}.format-list .ui-icon{color:var(--olive);width:28px;height:28px}.tea-cutout{width:150px;height:240px;object-fit:contain;margin-bottom:-60px;position:relative;z-index:2}.r16-taste{padding:48px 0 28px}.taste-stage{display:grid;grid-template-columns:minmax(0,1fr) 52%;align-items:center;gap:12px}.taste-stage>p{font-size:16px;line-height:1.5;margin:0}.coffee-cutout{width:100%;position:relative;z-index:2;margin-bottom:-50px}.r16-preview{padding-top:60px}.preview-list{padding:0;list-style:none;margin:26px 0}.preview-list li{padding:15px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.4}.preview-list li:before{content:'';display:inline-block;width:7px;height:7px;margin:0 12px 2px 0;background:var(--olive);border-radius:50%}
.r16-offers{padding:20px 0 42px}.offer-scene{height:95px;position:relative}.offer-cutout{position:absolute;right:0;top:-42px;width:170px;height:170px}.r16-offers .plan-comparison{padding-top:0}.r16-offers .plans-heading{position:relative;max-width:670px;margin-bottom:28px}.r16-offers .plans-heading .eyebrow{display:none}.r16-offers .plans-heading h2{font-size:38px;max-width:210px}.r16-offers .plans-heading>p:last-child{color:#d8c8b3;font-size:16px}.r16-offers .plans-grid{gap:22px;align-items:stretch}.r16-offers .plan-card{border:1px solid var(--olive);background:var(--paper);color:var(--ink);border-radius:14px;padding:24px 20px}.r16-offers .plan-complete{background:var(--ink);color:var(--paper);border:2px solid var(--olive);padding:23px 19px}.r16-offers .plan-card h3{font-weight:700;font-size:30px;margin:0 0 10px}.r16-offers .plan-price{font-weight:700;font-size:44px;margin-bottom:24px}.r16-offers .plan-items li{padding:15px 0;border-color:var(--line)}.r16-offers .plan-item-name{font-size:16px;line-height:1.4}.r16-offers .plan-availability{font-size:13px;line-height:1.4;margin-top:5px}.r16-offers .plan-complete .plan-items li{border-color:#746649}.r16-offers .plan-complete .plan-availability{color:#d8c8b3}.r16-offers .plan-complete .is-available{color:#dce4bd}.r16-offers .plan-action .btn{background:#b9ab98;color:#352a20;opacity:1;font-weight:600;font-size:14px}.r16-offers .plans-disclosure{color:#d8c8b3;font-size:13px}.r16-faq details{padding:0;border:1px solid var(--olive);border-radius:10px;margin:12px 0;overflow:hidden}.r16-faq summary{font:700 19px/1.3 var(--serif);padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}.r16-faq summary::-webkit-details-marker{display:none}.r16-faq summary .ui-icon{width:20px;height:20px;color:var(--olive)}.r16-faq details[open] summary{background:var(--olive);color:var(--paper)}.r16-faq details[open] summary .ui-icon{color:var(--paper);transform:rotate(180deg)}.r16-faq details p{font-size:16px;line-height:1.5;padding:18px 16px;margin:0}.r16-closing{padding:42px 0 25px}.closing-stage{display:grid;grid-template-columns:minmax(0,1fr) 44%;gap:12px;align-items:center}.closing-stage h2{font-size:32px;margin:0}.closing-cutout{width:100%;margin-top:-60px}.footer-row{border-top:1px solid var(--caramel);padding-top:22px}.footer-brand{font-weight:700}.support{min-height:44px;display:inline-flex;align-items:center}
.shell-header,.study-band{background:var(--ink);color:var(--paper)}.shell-header{border:0}.study-nav{border-bottom:1px solid #746649;padding-bottom:0;gap:22px}.study-nav>a,.nav-more summary{font-size:14px;min-height:48px;gap:8px}.study-nav .ui-icon{width:20px;height:20px}.study-nav a[aria-current=page]{color:var(--paper);box-shadow:0 2px var(--caramel)}.study-nav a[aria-current=page] .ui-icon{color:var(--caramel)}.nav-more summary:after{display:none}.nav-more>div{color:var(--ink);border-radius:5px;box-shadow:0 12px 24px #0003}.workspace{padding-top:24px}.workspace h1{font-weight:700}.workspace:has(.course-intro){padding-top:0}.course-intro{color:var(--paper);position:relative;isolation:isolate;min-height:224px;padding:28px 0 40px}.course-intro:before{content:'';position:absolute;inset:0 -100vmax;background:var(--ink);z-index:-1}.course-intro:after{content:'';position:absolute;left:-100vmax;right:-100vmax;bottom:-8px;height:10px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 40%,74% 60%,60% 30%,40% 70%,24% 45%,0 80%)}.course-intro h1{font-size:36px;max-width:650px;line-height:1.04;margin-bottom:18px}.course-intro h1:after{margin-top:16px}.course-intro .review-notice{font-size:13px!important;color:#d8c8b3;border:0;padding:0;max-width:calc(100% - 140px);margin:0}.course-duo{position:absolute;right:-10px;bottom:-30px;width:145px;height:145px;z-index:2}.resume-card{background:var(--olive);border:0;border-radius:10px;color:var(--paper);margin:34px 0 30px;padding:20px}.resume-card .eyebrow{color:var(--paper);text-transform:none;letter-spacing:0;font-size:14px}.resume-card strong{font-weight:700;font-size:25px}.resume-card>span:last-child{font-size:15px;display:flex;align-items:center;gap:8px}.first-entry>span:first-child{display:block;font-size:14px;margin-bottom:12px}.resume-card>span:last-child .ui-icon{width:18px;height:18px}.module-heading h2,.library-module-heading h2{font-weight:700;font-size:28px}.module-heading h2:after,.library-module-heading h2:after{content:'';display:block;width:30px;height:2px;margin-top:12px;background:var(--caramel)}.module-heading .eyebrow{display:none}.module-heading img,.library-module-heading img{width:86px;height:86px}.lesson-row{grid-template-columns:24px minmax(0,1fr) 18px;gap:5px 12px;padding:18px 0}.lesson-type{grid-column:1;grid-row:1/3;width:22px;height:22px;align-self:center;color:var(--olive)}.lesson-row-title{grid-column:2;font-size:16px;font-weight:600}.editorial-row .lesson-row-title{font-size:16px}.lesson-row-meta{grid-column:2;font-size:13px}.lesson-row-arrow{grid-column:3;grid-row:1/3;width:18px;height:18px;color:var(--olive)}.library-lesson-title{font-weight:700}.course-guide h3{font-weight:700}.library-section-title{font-weight:700}.library-open-lesson{font-size:15px}.material-link{font-size:15px;min-height:48px}.course-guides-heading h2{font-weight:700}
.lesson-workspace{padding-top:16px}.lesson-workspace>.back{position:relative;z-index:2;color:var(--paper);margin-bottom:16px}.lesson-page{max-width:900px;isolation:isolate}.lesson-head{position:relative;color:var(--paper);padding:0 0 22px}.lesson-head:before{content:'';position:absolute;inset:-64px -100vmax 0;background:var(--ink);z-index:-1}.lesson-head:after{content:'';position:absolute;left:-100vmax;right:-100vmax;bottom:-8px;height:10px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 30%,80% 60%,60% 25%,40% 65%,20% 40%,0 80%)}.lesson-head h1{font-size:34px;line-height:1.05;margin:0 0 14px}.lesson-head>.subtle{font-size:13px;line-height:1.5;color:#d8c8b3;margin:8px 0 12px}.lesson-head>.review-notice{font-size:12px!important;color:#d8c8b3;margin:0 0 12px;border-color:var(--caramel)}.lesson-head video{border:1px solid #d8c8b3;border-radius:10px;margin-top:16px}.lesson-page .lesson-relations-compact h2{color:var(--paper)}.lesson-relations-compact a{color:#e6bb89}.lesson-head .lesson-toolbar .btn.outline{color:var(--paper);border-color:#d8c8b3}.lesson-head #lesson-progress .subtle{color:#d8c8b3}.lesson-page #lesson-summary{padding-top:24px}.lesson-page h2{font-weight:700}.article:not(.lesson-page){max-width:760px}.article:not(.lesson-page) h1{font-size:36px}.article p,.article li{font-size:16px;line-height:1.65}
@media(max-width:359px){.format-stage{grid-template-columns:1fr}.tea-cutout{width:180px;height:230px;justify-self:end;margin:10px 0 -55px}.taste-stage{grid-template-columns:1fr}.coffee-cutout{width:200px;justify-self:end;margin-top:0}.closing-stage{grid-template-columns:1fr}.closing-cutout{width:170px;justify-self:end;margin-top:-10px}.r16-offers .plan-price{font-size:40px}.study-nav{gap:16px}.study-nav>a,.nav-more summary{gap:5px;font-size:13px}.study-nav .ui-icon{width:18px;height:18px}.course-intro h1{font-size:33px}.course-intro{min-height:230px}.course-duo{width:125px;height:125px;right:-6px}.course-intro .review-notice{max-width:calc(100% - 120px)}.lesson-head h1{font-size:30px}.module-heading h2,.library-module-heading h2{font-size:25px}.module-heading img,.library-module-heading img{width:68px;height:68px}.lesson-row{column-gap:9px}}
@media(min-width:700px){.r16-hero{padding:20px 0 60px}.r16-hero h1{font-size:70px;max-width:760px}.hero-product-stage{grid-template-columns:1fr 340px;margin-top:-25px;min-height:230px}.hero-support{font-size:21px;max-width:420px}.hero-duo{width:100%}.r16-media{max-width:900px}.r16-primary{max-width:600px;display:flex;margin-left:auto;margin-right:auto}.landing-page h2{font-size:49px}.r16-formats,.r16-preview,.r16-faq{padding:65px 0}.format-stage{grid-template-columns:1fr 310px;max-width:920px}.format-list li{font-size:20px;padding:24px 0}.tea-cutout{width:310px;height:360px;margin-bottom:-90px}.r16-taste{padding:60px 0 30px}.taste-stage{grid-template-columns:1fr 350px}.taste-stage p{font-size:21px;max-width:500px}.coffee-cutout{margin-top:-100px}.r16-preview{padding-top:65px}.preview-list{max-width:700px}.preview-list li{font-size:19px}.r16-offers{padding-top:0}.offer-scene{height:100px}.offer-cutout{width:280px;height:280px;top:-70px}.r16-offers .plans-heading h2{font-size:52px;max-width:650px}.r16-offers .plan-card h3{font-size:38px}.r16-offers .plan-price{font-size:50px}.r16-offers .plan-items li{min-height:82px}.r16-faq .wrap{max-width:900px}.r16-faq summary{font-size:24px}.r16-closing{padding-top:55px}.closing-stage{grid-template-columns:1fr 330px}.closing-stage h2{font-size:52px;max-width:600px}.closing-cutout{margin-top:-80px}.course-intro{min-height:230px;padding:35px 0 45px}.course-intro h1{font-size:48px;max-width:700px}.course-duo{width:240px;height:240px;right:30px;bottom:-40px}.course-intro .review-notice{max-width:calc(100% - 300px);font-size:14px!important}.resume-card{max-width:850px}.course-modules{max-width:950px}.module-heading h2,.library-module-heading h2{font-size:32px}.module-heading img,.library-module-heading img{width:100px;height:100px}.lesson-head h1{font-size:44px}.lesson-head>.subtle{font-size:14px}.lesson-head .lesson-toolbar{display:flex}.lesson-page #lesson-summary{padding-top:32px}}

@media(min-width:360px) and (max-width:699px){.closing-stage{display:block;position:relative;min-height:180px}.closing-stage h2{max-width:210px}.closing-cutout{position:absolute;right:-5px;top:0;width:140px;margin:0}}

.back{display:inline-flex;align-items:center;gap:8px}.back .ui-icon{width:18px;height:18px}

@media(min-width:1100px){.hero-inner{max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:54px;align-items:start}.r16-hero h1{grid-column:1;grid-row:1;font-size:62px;line-height:1.02}.hero-product-stage{grid-column:1;grid-row:2/6;margin:18px 0 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:230px;align-items:center}.hero-support{font-size:18px}.hero-duo{width:100%}.r16-media{grid-column:2;grid-row:1/3;margin-top:32px;width:100%}.r16-hero .r16-caption{grid-column:2;grid-row:3}.r16-hero .r16-primary{grid-column:2;grid-row:4;margin-top:16px}.r16-hero .r16-status{grid-column:2;grid-row:5}.r16-hero{padding-top:30px;padding-bottom:55px}}

/* R17: contain the original portrait preview; preserve R16 layout and native controls. */
.r17-media video{aspect-ratio:9/16;height:min(64svh,560px);object-fit:contain;background:#140e09}
@media(min-width:1100px){.r17-media video{height:min(55svh,540px)}}