/* Lossless WOFF2 versions of the existing typefaces, for this page only. */
@font-face{font-family:"DM Sans";src:url("/assets/barista-dm-sans.woff2") format("woff2"),url("/assets/dm-sans.ttf") format("truetype");font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/assets/barista-instrument-serif.woff2") format("woff2"),url("/assets/instrument-serif.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/assets/barista-instrument-serif-italic.woff2") format("woff2"),url("/assets/instrument-serif-italic.ttf") format("truetype");font-style:italic;font-weight:400;font-display:swap}
.barista-product{--bp-green:#315e35;--bp-ink:#203f36;--bp-soft:#eaf0e1;--bp-line:#c9d2bd}.barista-product h1,.barista-product h2,.barista-product h3,.barista-product p,.barista-product li{overflow-wrap:anywhere}.barista-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:0;overflow:hidden;border-radius:34px;background:#e2eccf;margin-top:22px}.barista-hero-photo{position:relative;min-height:100%;background:#cbd8bd}.barista-hero-photo>img{width:100%;height:100%;object-fit:cover;display:block}.barista-hero-photo>p{position:absolute;bottom:24px;left:25px;right:auto;display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:calc(100% - 50px);margin:0;padding:11px 16px;border:0;border-radius:999px;background:#fffaf0;color:#284936;font-size:15px;line-height:1.45;box-shadow:0 4px 16px #203f3614}.barista-hero-photo>p svg{width:20px;height:20px;flex:none;fill:none;stroke:#7c8a66;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.barista-hero-photo>p span{min-width:0}.barista-hero-copy{padding:43px clamp(25px,3.2vw,54px) 42px}.barista-hero-copy h1{font-size:clamp(41px,4.3vw,65px);line-height:1.08;letter-spacing:-2px}.barista-hero-copy h1 em{font-weight:400}.barista-product .learning-motto{margin:24px 0;padding:17px 21px;border-radius:23px;max-width:100%}.barista-product .learning-motto p{font-size:18px}.barista-product .learning-motto p+p{font-size:15px}.barista-product .barista-lead{font-size:18px;line-height:1.75;max-width:45ch}
.barista-product .barista-offer{margin:27px 0 20px;padding:23px clamp(19px,2.1vw,29px) 24px;border-radius:25px;background:#fffaf0;box-shadow:0 5px 22px #5b6f3d0b;color:var(--bp-ink)}
.barista-offer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:17px}
.barista-offer-label{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:550;line-height:1.5}
.barista-offer-label svg{width:22px;height:22px;stroke:#8d794b;stroke-width:1.55;flex:none;fill:none}
.barista-offer-bonus{display:inline-block;padding:5px 11px;border-radius:30px;background:#f7e5aa;color:#645022;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap}
.barista-offer-price{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.barista-offer-price>strong{font-size:clamp(43px,4.2vw,59px);font-weight:650;letter-spacing:-1.9px;line-height:1.08;color:#244b39}
.barista-offer-payment{display:block;font-size:16px;line-height:1.5;color:#486044}
.barista-offer-payment small{display:block;font-size:14px;margin:0;line-height:1.5;white-space:normal}
.barista-product .barista-offer .barista-offer-included{font-size:16px;line-height:1.6;margin:13px 0 0;color:#496045}
.barista-product .barista-offer .barista-offer-terms{font-size:14px;line-height:1.65;margin:18px 0 0;max-width:46ch;color:#4f5f48}
.barista-offer-terms>span{display:block}
.barista-offer-terms>span+span{margin-top:5px}
.barista-actions{display:flex;align-items:stretch;gap:12px 16px;flex-wrap:wrap}
.barista-product .action{min-height:52px;white-space:normal;text-align:center;line-height:1.4}
.barista-actions .quiet-link{display:inline-flex;justify-content:center;align-items:center;min-height:52px;font-size:15px;line-height:1.5;padding:12px 20px;border:1px solid #bccca9;border-radius:30px;background:#f8fbf0;text-decoration:none;text-align:center}
.barista-actions .quiet-link:hover{background:#fefdf6;border-color:#91a578}
.barista-assurance{font-size:14px!important;line-height:1.6;margin-top:18px;color:#4f6646}
.barista-payment-pending{padding:12px 15px;border-radius:13px;background:#ffffffa8;margin-top:14px;font-size:14px;line-height:1.6}

.barista-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding-block:35px}
.barista-facts>p{display:flex;align-items:flex-start;gap:13px;border-left:1px solid var(--bp-line);padding-left:20px;line-height:1.5;min-width:0}
.barista-fact-icon{width:40px;height:40px;padding:8px;flex:none;margin-top:1px;border-radius:13px;background:#edf1e6;stroke:#8c9c7a;stroke-width:1.55;fill:none;stroke-linecap:round;stroke-linejoin:round}
.barista-fact-copy{display:grid;gap:4px;min-width:0}
.barista-facts strong{font-size:25px;font-weight:500;letter-spacing:-.5px;color:var(--bp-ink)}
.barista-fact-copy>span{font-size:14px;color:#5c6f5c}
.barista-page-nav{border-block:1px solid var(--bp-line)}
.barista-page-nav>.frame{display:flex;gap:9px 12px;flex-wrap:wrap;padding-block:14px}
.barista-page-nav a{display:inline-flex;align-items:center;justify-content:center;background:#edf1e6;border-radius:30px;font-size:15px;font-weight:450;line-height:1.5;padding:11px 19px;text-decoration:none;min-height:44px;transition:background-color .15s ease}
.barista-page-nav a:hover{background:#e2ead7}
.barista-product .section{padding-block:75px}.barista-outcomes,.barista-access{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,6vw,95px)}.barista-product .section h2{font-size:clamp(32px,3.3vw,48px);line-height:1.16;letter-spacing:-1.4px;margin:18px 0 26px}.barista-product .section h2 em{font-weight:400}.barista-product .section p{font-size:18px;line-height:1.8;max-width:58ch}.barista-product .section p+p{margin-top:18px}.barista-outcome-list{display:grid;gap:21px}.barista-outcome-list article{padding-bottom:21px;border-bottom:1px solid var(--bp-line)}.barista-outcome-list h3{font-size:22px;margin-bottom:6px}.barista-outcome-list p{font-size:17px!important;margin:0!important}.barista-curriculum-surface{background:var(--bp-soft)}.barista-curriculum{display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);gap:clamp(30px,5vw,80px);align-items:start}.barista-curriculum>.barista-chapters{display:grid;gap:10px}.barista-chapter{background:#fffdf7;border-radius:20px;overflow:hidden}.barista-chapter summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;padding:21px 23px;cursor:pointer;min-height:68px}.barista-chapter summary::-webkit-details-marker{display:none}.barista-chapter summary>span:first-child{min-width:0}.barista-chapter summary strong{font-size:18px;line-height:1.45;display:block;font-weight:550}.barista-chapter summary small{display:block;font-size:14px;line-height:1.6;color:#6b795f;margin-top:5px}.barista-chapter summary>span:last-child{font-size:24px;font-weight:300;flex:none;transition:transform .15s}.barista-chapter[open] summary>span:last-child{transform:rotate(45deg)}.barista-chapter ul{padding:0 26px 23px 43px;list-style:disc}.barista-chapter li{padding:7px 0;font-size:16px;line-height:1.65}.barista-free-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(30px,5vw,75px);align-items:start}.barista-free-intro .small-text{font-size:14px!important}.barista-free-lesson{background:#fffdf7;border:1px solid var(--bp-line);border-radius:27px;overflow:hidden}.free-lesson-top{padding:21px 26px;background:#e5edda}.free-lesson-top>span{font-size:12px;letter-spacing:.07em;line-height:1.5}.free-lesson-top>p{font-size:14px!important;line-height:1.5!important;margin:5px 0 0!important}.free-step,.free-complete{padding:28px}.free-step h3,.free-complete h3{font-size:27px;line-height:1.3;margin-bottom:20px;letter-spacing:-.6px}.free-step p,.free-complete p{font-size:17px!important;line-height:1.8!important}.free-lesson-photo{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px;display:block;margin-top:23px}.free-lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:0 28px 28px;flex-wrap:wrap}.free-lesson-actions button,.free-check{font:inherit;font-size:15px;min-height:48px;padding:12px 18px;border:1px solid var(--bp-green);border-radius:25px;background:transparent;color:var(--bp-green);cursor:pointer}.free-next,.free-check{background:var(--bp-green)!important;color:#fff!important}.free-lesson-actions button:disabled{opacity:.45;cursor:default}.free-recipe{background:#edf2e5;border-radius:20px;padding:23px 21px;margin-top:22px}.recipe-preview svg{display:block;width:min(100%,300px);height:auto;margin:auto}.recipe-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;margin:15px 0 26px}.recipe-values>p{margin:0!important;background:#fffdf7;border-radius:15px;padding:14px 8px}.recipe-values strong{display:block;font-size:27px;line-height:1.2}.recipe-values span{display:block;font-size:13px;line-height:1.5;margin-top:6px}.free-recipe label{font-size:15px;line-height:1.6;display:flex;justify-content:space-between;gap:10px;align-items:start}.free-recipe output{font-weight:600;white-space:nowrap}.free-recipe input[type=range]{width:100%;height:44px;margin:8px 0 19px;accent-color:var(--bp-green);cursor:pointer}.free-recipe .recipe-feedback{font-size:15px!important;line-height:1.7!important;background:#fffdf7;padding:15px;border-radius:14px}.free-recipe small{display:block;font-size:12px;line-height:1.6;margin-top:15px;color:#5d6d57}.free-quiz{border:0;margin:22px 0;padding:0;display:grid;gap:10px}.free-quiz legend{font-size:15px;margin-bottom:13px}.free-quiz label{display:flex;align-items:start;gap:12px;border:1px solid var(--bp-line);border-radius:14px;padding:14px;cursor:pointer;font-size:16px;line-height:1.6}.free-quiz input{width:19px;height:19px;flex:none;margin-top:4px;accent-color:var(--bp-green)}.free-feedback{padding:0!important}.free-feedback:not(:empty){padding:15px!important;border-radius:14px;background:#edf2e5;margin-top:15px!important}.free-practice{border-top:1px solid var(--bp-line);margin-top:25px;padding-top:20px}.free-practice h4{font-size:17px;margin-bottom:7px}.barista-equipment-surface{background:#e8efdd}.barista-equipment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,5vw,80px);align-items:center}.barista-equipment>img{width:100%;height:auto;border-radius:25px}.barista-access-card{background:#e9efdf;padding:32px;border-radius:25px}.barista-access-card h3{font-size:25px;margin-bottom:17px}.barista-access-card ul{padding-left:20px;list-style:disc}.barista-access-card li{font-size:17px;line-height:1.7;padding:5px 0}.barista-access-card p{font-size:15px!important;margin-top:23px!important}.barista-product .home-faq p{font-size:17px}.barista-product .home-faq summary{font-size:18px;min-height:54px}.barista-closing-surface{background:#dce9cb}.barista-closing{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.barista-share{padding-block:30px}.barista-product [hidden]{display:none!important}.barista-product :is(a,button,input,summary):focus-visible{outline:3px solid #547e46;outline-offset:4px}.barista-product :is(#wat-je-leert,#inhoud-cursus,#proefles,#nodig,#vragen){scroll-margin-top:25px}
@media(max-width:1050px){.barista-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.barista-hero-copy{padding:30px}.barista-hero-copy h1{font-size:44px}.barista-product .learning-motto p{font-size:16px}.barista-product .barista-lead{font-size:17px}.barista-curriculum,.barista-free-section{grid-template-columns:minmax(0,1fr)}.barista-curriculum>div:first-child,.barista-free-intro{max-width:65ch}.barista-chapters{grid-template-columns:1fr 1fr;align-items:start}.barista-product .section{padding-block:58px}}
@media(max-width:760px){.barista-hero{grid-template-columns:1fr;border-radius:26px;margin-top:10px}.barista-hero-photo{min-height:0;max-height:360px;aspect-ratio:4/3}.barista-hero-photo>img{height:100%;object-position:center 57%}.barista-hero-photo>p{bottom:16px;left:17px;right:auto;max-width:calc(100% - 34px);font-size:14px;padding:10px 14px;gap:8px}.barista-hero-photo>p svg{width:18px;height:18px}.barista-hero-copy{padding:29px 24px 32px}.barista-hero-copy h1{font-size:clamp(34px,9vw,49px);letter-spacing:-1.4px}.barista-product .learning-motto{padding:17px;margin-block:22px}.barista-product .learning-motto p{font-size:17px}.barista-product .learning-motto p+p{font-size:14px}.barista-product .barista-lead{font-size:17px}.barista-product .barista-offer{padding:21px 19px 22px;border-radius:21px}.barista-offer-price>strong{font-size:46px}.barista-offer-heading{gap:9px;margin-bottom:15px}.barista-offer-label{font-size:14px}.barista-offer-bonus{font-size:12px}.barista-offer-price{gap:10px 13px}.barista-offer-payment{font-size:15px}.barista-actions{align-items:stretch;flex-direction:column;gap:13px}.barista-actions .action{width:100%}.barista-actions .quiet-link{align-self:stretch;width:100%}.barista-facts{grid-template-columns:1fr 1fr;gap:23px 17px;padding-block:29px}.barista-facts>p{display:grid;grid-template-columns:1fr;gap:10px;padding-left:13px}.barista-fact-icon{width:34px;height:34px;padding:6px;border-radius:11px}.barista-facts strong{font-size:23px}.barista-fact-copy>span{font-size:13px}.barista-page-nav>.frame{gap:8px;padding-block:12px}.barista-page-nav a{font-size:14px;min-height:44px;padding:10px 15px}.barista-product .section{padding-block:45px}.barista-product .section h2{font-size:34px;letter-spacing:-1px}.barista-product .section p{font-size:17px}.barista-outcomes,.barista-access,.barista-equipment,.barista-closing{grid-template-columns:1fr;gap:28px}.barista-chapters{grid-template-columns:1fr}.barista-chapter summary{padding:19px}.barista-chapter summary strong{font-size:17px}.barista-chapter summary small{font-size:13px}.barista-chapter ul{padding:0 22px 21px 37px}.barista-chapter li{font-size:16px}.free-lesson-top{padding:18px 20px}.free-step,.free-complete{padding:22px 20px}.free-step h3,.free-complete h3{font-size:25px;hyphens:auto}.free-step p,.free-complete p{font-size:17px!important}.free-lesson-actions{padding:0 20px 22px;gap:11px}.free-lesson-actions button{font-size:14px;flex:1;padding:12px 10px}.free-recipe{padding:17px 14px}.free-recipe label{font-size:15px}.recipe-values strong{font-size:24px}.recipe-values span{font-size:12px}.free-quiz label{padding:12px;font-size:16px}.barista-access-card{padding:25px}.barista-product .home-faq summary{font-size:17px}.barista-product .home-faq p{font-size:16px}.barista-share{padding-block:25px}}
@media(prefers-reduced-motion:reduce){.barista-chapter summary>span:last-child{transition:none}}

/* Keep the first four chapters in view; the rest remain available in the page. */
.barista-chapters>.barista-more{border:0;padding:0;min-width:0}
.barista-more>.barista-more-toggle{list-style:none;cursor:pointer;margin-top:30px;max-width:100%}
.barista-more>.barista-more-toggle::-webkit-details-marker{display:none}
.barista-more:not([open]) .barista-more-open,.barista-more[open] .barista-more-closed{display:none}
.barista-more-items{display:grid;gap:10px;padding-top:18px;min-width:0}

/* Keep the share label beside its buttons whenever there is room. */
.barista-product .barista-share .tc-course-share{justify-content:center;align-items:center;gap:14px 20px}
.barista-product .barista-share .tc-course-share>p{margin:0;font-size:15px;flex:none}
@media(max-width:600px){.barista-product .barista-share .tc-course-share{justify-content:flex-start}.barista-product .barista-share .tc-course-share__links{width:auto;flex:1 1 260px}}
@media(prefers-reduced-motion:reduce){.barista-page-nav a{transition:none}}

/* Keep rotating FAQ icons inside their tap target. */
.barista-product .home-faq summary{padding-right:8px}
.barista-product .home-faq summary>span[aria-hidden]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;line-height:1}

/* Put a direct order link below the title on phones. */
.barista-mobile-buy{display:none}
@media(max-width:760px){
 .barista-mobile-buy{display:block;margin-top:20px}
 .barista-mobile-buy>.action{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px}
}